diff options
Diffstat (limited to 'tuxlite_tbs/static/local.css')
| -rw-r--r-- | tuxlite_tbs/static/local.css | 78 |
1 files changed, 42 insertions, 36 deletions
diff --git a/tuxlite_tbs/static/local.css b/tuxlite_tbs/static/local.css index 951a72f..04a25a6 100644 --- a/tuxlite_tbs/static/local.css +++ b/tuxlite_tbs/static/local.css @@ -1,57 +1,63 @@ -/* Navigation bar color */ +/* Styling for Nav bar. Bg color, link color etc */ .navbar-inner { - background-color: #222222; - background-color: #222222; - background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); - background-image: -moz-linear-gradient(top, #333333, #222222); - background-image: -ms-linear-gradient(top, #333333, #222222); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); - background-image: -webkit-linear-gradient(top, #333333, #222222); - background-image: -o-linear-gradient(top, #333333, #222222); - background-image: linear-gradient(top, #333333, #222222); + padding-left: 20px; + padding-right: 20px; + background-color: #2E435E; + background-image: -moz-linear-gradient(top, #2e435e, #172e50); + background-image: -ms-linear-gradient(top, #2e435e, #172e50); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e435e), to(#172e50)); + background-image: -webkit-linear-gradient(top, #2e435e, #172e50); + background-image: -o-linear-gradient(top, #2e435e, #172e50); + background-image: linear-gradient(top, #2e435e, #172e50); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + border-radius: 0px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } -/* Rounded borders for content */ -.content { - background-color: #fff; - padding: 20px; - margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */ - -webkit-border-radius: 7px 7px 7px 7px; - -moz-border-radius: 7px 7px 7px 7px; - border-radius: 7px 7px 7px 7px; - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); - -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); - box-shadow: 0 1px 2px rgba(0,0,0,.15); - box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.25) - } +.navbar .nav > li > a { color: #49AFCD; } +.navbar .divider-vertical { border-right: 1px solid #4D4D4D; } +.navbar { margin-bottom: 4em; } -body { font-size: 14px; } -p { font-size: 15px; } -.article { padding-top: 20px; } + +/* Styling for elements */ +body { font-size: 100%; } +p { font-size: 100%; line-height: 1.6em; margin-top: 0.8em; margin-bottom: 0.8em; } +li { line-height: 1.6em; } +h3 { margin-top: 2.5em; } +.table th, .table td { line-height: 1.3em; } + +/* Styling for articles */ +.article { padding-bottom:20px; padding-right: 40px; } .content-title { margin-bottom: 30px; } +.article a:hover { text-decoration: none; } -/* Remove underline when hovering over article titles */ -.article a:hover{ - text-decoration: none; -} -.well.small { - padding: 6px 6px 4px; -} -.btn.xsmall { +/* Styling for the "other entries" section */ +/* Metadata */ +.well.small { padding: 6px 6px 4px; } + +/* Read more button */ +.btn-info.xsmall { padding: 1px 3px 1px; font-size: 11px; + float: right; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; } -.summary * { display: inline; } +/* Article summary */ +.summary { margin-bottom: 4em; } .summary pre { display: none; } + +/* Styling for Sidebar */ .social a[href*='activestate.com']:before {content: url('./images/icons/activestate.png'); margin-right: 2px; vertical-align: -3px;} .social a[href*='atom.xml']:before {content: url('./images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;} .social a[href*='bitbucket.org']:before {content: url('./images/icons/bitbucket.png'); margin-right: 2px; vertical-align: -3px;} @@ -62,7 +68,7 @@ p { font-size: 15px; } .social a[href*='github.com']:before {content: url('./images/icons/github.png'); margin-right: 2px; vertical-align: -3px;} .social a[href*='google.com/reader']:before {content: url('./images/icons/reader.png'); margin-right: 2px; vertical-align: -3px;} .social a[href*='jamendo.com']:before {content: url('./images/icons/jamendo.png'); margin-right: 2px; vertical-align: -3px;} -.social a[href*='last.fm']:before, .social a[href*='lastfm.']:before {content: url('./images/icons/lastfm.png'); margin-right: 2px; vertical-align: -3px;} +.social a[href*='last.fm']:before {content: url('./images/icons/lastfm.png'); margin-right: 2px; vertical-align: -3px;} .social a[href*='linkedin.com']:before {content: url('./images/icons/linkedin.png'); margin-right: 2px; vertical-align: -3px;} .social a[href*='rss.xml']:before {content: url('./images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;} .social a[href*='stackoverflow.com']:before {content: url('./images/icons/stackoverflow.png'); margin-right: 2px; vertical-align: -3px;} |