mirror of
https://github.com/WatchOutNewsAgency/wona.github.com.git
synced 2026-02-10 15:00:54 +00:00
1. Added html5 video with flash fallback.
2. Added Rack support 3. Disqus support 4. Improved Readme 5. Improved Syntax flexibility and styling 6. Improved blockquote styling
This commit is contained in:
@ -46,7 +46,6 @@ $border: inline-image('dotted-border.png');
|
||||
background: $border bottom left repeat-x;
|
||||
p.meta { position: static; }
|
||||
}
|
||||
|
||||
}
|
||||
h1.feature {
|
||||
padding-top: .5em;
|
||||
@ -58,12 +57,15 @@ $border: inline-image('dotted-border.png');
|
||||
}
|
||||
.entry-content {
|
||||
img, video { max-width: 100%; height: auto; }
|
||||
video { display: block; margin-bottom: 1.5em;
|
||||
video {
|
||||
width: 100%; display: block; margin-bottom: 1.5em;
|
||||
padding: .8em; background: #fff; border: 1px solid #eee;
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
.flash-video {
|
||||
max-width: 100%;
|
||||
margin-bottom: 1.5em;
|
||||
@include box-sizing(border-box);
|
||||
padding: .8em; background: #fff; border: 1px solid #eee;
|
||||
> div {
|
||||
position: relative;
|
||||
@ -82,12 +84,7 @@ $border: inline-image('dotted-border.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
#disqus_thread { }
|
||||
|
||||
iframe.twitter-share-button {
|
||||
//display: block;
|
||||
//margin-top: .5em;
|
||||
//padding: .2em 0;
|
||||
position: relative;
|
||||
top: .3em;
|
||||
padding-left: .5em;
|
||||
|
||||
@ -2,7 +2,6 @@ html {
|
||||
background: $page-bg inline-image('line-tile.png') top left;
|
||||
}
|
||||
body {
|
||||
border: 0 0 1px 0 solid darken($page-bg, 5);
|
||||
> div {
|
||||
background-color: $sidebar-bg;
|
||||
border-bottom: 1px solid $page-border-bottom;
|
||||
@ -12,7 +11,3 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1400px) {
|
||||
body { border: 0 1px 0 solid darken($page-bg, 5); }
|
||||
}
|
||||
|
||||
@ -51,17 +51,20 @@ html .gist .gist-file {
|
||||
}
|
||||
}
|
||||
pre {
|
||||
background: #fff;
|
||||
border: 1px solid #ddd;
|
||||
background: #333;
|
||||
@include border-radius(.4em);
|
||||
@extend .mono;
|
||||
line-height: 1.45em;
|
||||
font-size: .8em;
|
||||
margin-bottom: 1.5em;
|
||||
padding: .8em 1em;
|
||||
color: #555;
|
||||
color: #ccc;
|
||||
overflow: auto;
|
||||
}
|
||||
h3.filename {
|
||||
@extend .code-title;
|
||||
+ pre { @include border-top-radius(0px); }
|
||||
}
|
||||
|
||||
p code {
|
||||
@extend .mono;
|
||||
@ -172,16 +175,14 @@ figure {
|
||||
}
|
||||
.highlight { margin-bottom: 0; border-bottom: 1px solid darken($base03, 2) !important; }
|
||||
}
|
||||
h3.filename { @extend .code-title; }
|
||||
.code-title {
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 2em;
|
||||
text-shadow: #cbcccc 0 1px 0;
|
||||
color: #474747;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
|
||||
@include border-top-radius(5px);
|
||||
font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
|
||||
background: #aaaaaa image-url("code_bg.png") top repeat-x;
|
||||
|
||||
Reference in New Issue
Block a user