diff options
Diffstat (limited to 'static/css/style.css')
-rw-r--r-- | static/css/style.css | 352 |
1 files changed, 352 insertions, 0 deletions
diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..f1dccbd --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,352 @@ +/* Custom container */ +body { + font-size: 16px; +/* background: url("bg.jpg");*/ +} + +.container-narrow { + margin: 0 auto; + max-width: 700px; } + +.container-narrow > hr { + margin: 30px 0; } + +.navbar .nav { + float: right; } + +/* posts index */ +.post > h3.title { + position: relative; + padding-top: 10px; } + +.post > h3.title span.date { + position: absolute; + right: 0; + font-size: 0.9em; } + +.post > .more { + margin: 10px 0; + text-align: left; } + +/* post-full*/ +.post-full { + margin-top: 1em; + } + +.post-full .date { + font-size: 0.45em; + font-variant: small-caps; + font-weight: 300; + vertical-align: 50%; + letter-spacing: -1px; + margin-left: -10px; + color: #666; + width: 100px; + } + +.post-full figure.full +{ + width:100%; + margin-top:30px; + margin-bottom:30px; + margin-left: 0px; + margin-right: 0px; +} + +figure.full img { + width: 100%; + max-width: 100%; + height: auto; +} + +figure.medium +{ + width:400px; + margin-top:30px; + margin-bottom:30px; + margin-left: auto; + margin-right: auto; +} + +figure.large +{ + width:500px; + margin-top:30px; + margin-bottom:30px; + margin-left: auto; + margin-right: auto; +} + +figure.large img { + width:500px; + height: auto; +} + +figcaption +{ + font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; + background-color: #EFEFEF; + font-size: 90%; + margin-left: 1%; + padding-left: 4%; + padding-right: 4%; + text-align: justify; + display: block; +} + + + +p + p { + margin-top: 30px; +} + +footer { + position: relative; + z-index: 10; + line-height: normal; + margin-top: 10px; + font-size: 0.75em; + font-family: 'Lato'; + padding-top: 2em; + padding-bottom: 1.5em; +} + +.content h1 { + font-family: Philosopher, serif; + color: #3F3F3F; + font-size: 1.8em; + text-align: center; + margin-bottom: 40px; +} + +#logo { + width: 80px; + margin: auto; +} + +.navbar-inner { + min-height: 40px; + padding-left: 10px; + padding-right: 10px; + background-color: white; + margin: auto; + max-width: 980px; + border-bottom: 2px solid #989898; +} + +.container { + margin: 0 auto; + max-width: 960px; + margin-top: 5%; +} + +/*.container .content { + padding-top: 60px; +}*/ + +.row-fluid .span12 ul .posts { + margin: 0 0 10px 0; +} + +.posts { + text-align: center; + padding-top: 5%; +} + +.posts li { + line-height: 90%; + list-style: none; +} +.posts li p { + margin-bottom: 25px; +} + +.posts span { + float: right; + text-transform: uppercase; + font-size: 0.70em; + color: #777777; +} + +.post { +/* margin-top: 30px; + margin-left: auto; + margin-right: auto;*/ + margin: auto; + padding-bottom: 20px; + background: #fff; + border-bottom: 1px solid #d5d5d5; + max-width: 700px; +} + +.post h2 { + font-size: 25px; +} + +.post .content { + text-align: left; + margin-top: 3em; +} + +.post-header { + padding: 20px 40px 20px 40px; + text-align: center; +} + +.post-header h1 { + font-size: 1.8em; + color: #444; + font-family: Philosopher; + margin-bottom: 10px; +} + +.post-header a { + color: headings-color; + font-size: 1em; + color: #444; +} +.post-header a:hover { + text-decoration: none; +} + +.post-time { + margin-top: 3px; + font-family: Philosopher; +} + +.post-after { + padding-left: 40px; + margin-bottom: 12px; +} + +.post-after ul { + clearfix() + margin: 0; + padding-left: 0; + list-style: none; +} + +.post-after ul li { + float: left; + margin-right: 20px; +} + +.post-after ul li a { + display: block; +} + +.tags a { + color: #505050; + margin-right: 12px; + font-size: 0.6em; + padding: 6px 8px 2px 8px; + text-decoration: none; + text-transform: uppercase; + transition: 300ms background ease; + display: inline-block; + margin-bottom: 8px; + border-bottom: 4px solid #fa5305; +} + +.tags a:hover { + color: #fff; + background-color: #fa5305; + border-bottom: 4px solid #fa5305; + text-decoration: none; +} + +.tag-list { + font-family: Philosopher; + max-width: 700px; + margin: auto; +} + +.tag-list h1 { + max-width: 300px; + margin: auto; + padding-bottom: 2em; +} + +.one-post { + padding-bottom: 30px; +} + +.about { + +} +#pagination { + margin-top: 1.5em; +} + +#pagination a { + margin-top: 20px; + padding: 7px 20px 3px 20px; + width: 115px; + color: #646464; + text-transform: uppercase; + text-decoration: none; + font-size: 15px; + font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif; + border-bottom: 4px solid #646464; +} + +#pagination a:hover { + color: #fff; + background-color: #646464; + border-bottom: 4px solid #646464; + text-decoration: none; +} + +.code { + font-family: 'Source Code Pro'; + background-color: '#2A3F42'; + color: #3283B0; + display: block; +} + +.code b { + font-family: 'Source Code Pro'; + color: #B7C22C; +} + +.techdetails { + font-family: 'Segoe UI', 'HelveticaNeue', sans-serif; + font-size: 90%; + line-height: 110%; + background-color: #EFEFEF; + color: #3F3F3F; + margin-left: 25px; + padding: 20px 5px 5px 20px; + overflow: hidden; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; +} + +.techdetails ul { + list-style: none; +} + +.techdetails ul li p { + padding:8px; + background-color:#e6e6e6; + border-left:1px solid #999; + padding-bottom: 2px; +} + +.techdetails ul li{ + padding:0 5px; +} + +.social-links { + margin: -40px 0 0 0; + padding: 0; + padding-top: 2px; + float: right; + } + +.social-links li { + display: inline; + font-size: 22px; +} + |