929e606111
2. Removed iterator plugin as it was not being used. 3. Added initial support for html5 video with flash fallback. 4. Added responsive scaling for embedded youtube and vimeo videos. 5. Improved footer styleing.
79 lines
1.9 KiB
SCSS
79 lines
1.9 KiB
SCSS
$border: inline-image('dotted-border.png');
|
|
#articles {
|
|
> article {
|
|
padding-bottom: 1em;
|
|
&:last-child { margin-bottom: 0; border-bottom: none; }
|
|
h2 {
|
|
padding-top: 0.8em;
|
|
background: $border top left repeat-x;
|
|
}
|
|
.byline + time:before, .byline + time +time:before {
|
|
content: "\2022 ";
|
|
padding: 0 .3em 0 .2em;
|
|
display: inline-block;
|
|
@include opacity(.5);
|
|
}
|
|
header {
|
|
padding-top: 2em;
|
|
margin-bottom: 1.5em;
|
|
padding-bottom: 1.5em;
|
|
background: $border bottom left repeat-x;
|
|
h1 {
|
|
margin: 0;
|
|
a { text-decoration: none;
|
|
&:hover { text-decoration: underline; } }
|
|
}
|
|
p {
|
|
font-size: .9em;
|
|
color: $type-color-light;
|
|
border: none;
|
|
padding-top: 0;
|
|
margin: 0;
|
|
font-style: italic;
|
|
@extend .sans;
|
|
//font-family: "Georgia", Palatino, Times, "Times New Roman";
|
|
}
|
|
}
|
|
.entry-content {
|
|
img, video { max-width: 100%; height: auto; }
|
|
video { display: block; margin-bottom: 1.5em;
|
|
padding: .8em; background: #fff; border: 1px solid #eee;
|
|
@include box-sizing(border-box);
|
|
}
|
|
.flash-video {
|
|
max-width: 100%;
|
|
padding: .8em; background: #fff; border: 1px solid #eee;
|
|
> div {
|
|
position: relative;
|
|
display: block;
|
|
padding-bottom: 56.25%;
|
|
padding-top: 1px;
|
|
height: 0;
|
|
overflow: hidden;
|
|
iframe, object, embed {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#disqus_thread { }
|
|
.meta {
|
|
border-bottom: 1px dashed #dddddd;
|
|
text-transform: uppercase;
|
|
color: #777777;
|
|
padding: 8px 0 5px;
|
|
margin-bottom: 1.5em;
|
|
font-size: 75%;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.footer {
|
|
padding-top: 15px;
|
|
}
|
|
}
|
|
}
|