|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
font-size: .7em; |
|
|
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Segoe UI", "Ubuntu", Arial, "Lucida Grande", sans-serif; |
|
|
font-weight: 300; |
|
|
color: #4c4c4c; |
|
|
background: #272b31 url(imgs/d_bg.png) repeat; |
|
|
min-width: 1000px; |
|
|
} |
|
|
|
|
|
@media only screen and (max-device-width: 768px) { |
|
|
b, strong, p a, .project a, h1, h2, h3, h4, h5, h6 { |
|
|
font-family: "Helvetica Neue", "Segoe UI", "Ubuntu", Arial, "Lucida Grande", sans-serif; |
|
|
} |
|
|
} |
|
|
|
|
|
small { |
|
|
font-size: 0.8em; |
|
|
} |
|
|
|
|
|
h1, h2, h3, h4, h5, h6 { |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
h1 { |
|
|
font-size: 2.5em; |
|
|
} |
|
|
|
|
|
h2 { |
|
|
font-size: 2em; |
|
|
} |
|
|
|
|
|
h3 { |
|
|
font-size: 1.5em; |
|
|
} |
|
|
|
|
|
h4 { |
|
|
font-size: 1em; |
|
|
} |
|
|
|
|
|
pre { |
|
|
border-left: 1em solid #EEF2F5; |
|
|
padding-left: 1em; |
|
|
overflow: auto; |
|
|
} |
|
|
|
|
|
acronym, abbr { |
|
|
font-size: 0.9em; |
|
|
letter-spacing: .07em; |
|
|
cursor: help; |
|
|
border-bottom: 1px dashed #999; |
|
|
} |
|
|
|
|
|
a { |
|
|
color: #4c4c4c; |
|
|
text-decoration: none; |
|
|
-webkit-transition: all 200ms; |
|
|
-moz-transition: all 200ms; |
|
|
-ms-transition: all 200ms; |
|
|
-o-transition: all 200ms; |
|
|
transition: all 200ms; |
|
|
} |
|
|
|
|
|
a:hover { |
|
|
color: #000; |
|
|
text-decoration: none; |
|
|
-webkit-transition: all 0ms; |
|
|
-moz-transition: all 0ms; |
|
|
-ms-transition: all 0ms; |
|
|
-o-transition: all 0ms; |
|
|
transition: all 0ms; |
|
|
} |
|
|
|
|
|
hr { |
|
|
display: none; |
|
|
} |
|
|
|
|
|
a img { |
|
|
border: none; |
|
|
-webkit-transition: all 200ms; |
|
|
-moz-transition: all 200ms; |
|
|
-ms-transition: all 200ms; |
|
|
-o-transition: all 200ms; |
|
|
transition: all 200ms; |
|
|
} |
|
|
|
|
|
a img:hover { |
|
|
opacity: .9; |
|
|
-webkit-transition: all 0ms; |
|
|
-moz-transition: all 0ms; |
|
|
-ms-transition: all 0ms; |
|
|
-o-transition: all 0ms; |
|
|
transition: all 0ms; |
|
|
} |
|
|
|
|
|
table, tr, td, th { |
|
|
border: none !important; |
|
|
} |
|
|
|
|
|
fieldset, fieldset.bbp-form { |
|
|
padding: 0; |
|
|
margin: 2em 0; |
|
|
border: 0; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
body { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
} |
|
|
|
|
|
#top { |
|
|
padding: 1em 0; |
|
|
} |
|
|
|
|
|
#top, #page { |
|
|
max-width: 95em; |
|
|
margin: 0 auto; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
#page { |
|
|
clear: both; |
|
|
margin: 0 auto; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
#header { |
|
|
margin: 0 2em; |
|
|
padding: 1em 0; |
|
|
} |
|
|
|
|
|
#wrapper { |
|
|
padding: 2em; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
#content { |
|
|
clear: left; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
width: 73%; |
|
|
min-width: 73%; |
|
|
float: left; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
#sidebar { |
|
|
width: 23%; |
|
|
float: right; |
|
|
clear: right; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
#footer { |
|
|
margin: 1em auto; |
|
|
clear: both; |
|
|
} |
|
|
|
|
|
#header a { |
|
|
display: none; |
|
|
} |
|
|
|
|
|
#header a:hover { |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
#header .description { |
|
|
display: none; |
|
|
float: left; |
|
|
padding: 35px 0 0 20px; |
|
|
font-size: 1em; |
|
|
color: #666; |
|
|
} |
|
|
|
|
|
#menu { |
|
|
clear: both; |
|
|
padding: 0; |
|
|
line-height: 150%; |
|
|
overflow: hidden; |
|
|
position: fixed; |
|
|
background: rgba(255,255,255,.9); |
|
|
border-bottom: 3px solid #1E9CF0; |
|
|
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); |
|
|
z-index: 999; |
|
|
width: 100%; |
|
|
height: 60px; |
|
|
} |
|
|
|
|
|
#menu ul { |
|
|
margin: 10px auto 0; |
|
|
padding: 0 0 0 290px; |
|
|
list-style: none; |
|
|
overflow: hidden; |
|
|
width: 490px; |
|
|
display: block; |
|
|
} |
|
|
|
|
|
#menu ul li { |
|
|
padding: 0; |
|
|
float: left; |
|
|
margin: 0 1em 0 0; |
|
|
position: relative; |
|
|
display: block; |
|
|
font-size: 1.1em; |
|
|
font-weight: normal; |
|
|
text-transform: uppercase; |
|
|
letter-spacing: 1px; |
|
|
} |
|
|
|
|
|
#menu ul li.page-item { |
|
|
text-transform: none; |
|
|
} |
|
|
|
|
|
#menu ul li a { |
|
|
color: #666; |
|
|
display: block; |
|
|
padding: .5em 1em; |
|
|
-moz-border-radius: .4em; |
|
|
-webkit-border-radius: .4em; |
|
|
border-radius: .4em; |
|
|
white-space: nowrap; |
|
|
} |
|
|
|
|
|
#menu ul li a:hover { |
|
|
background-color: #EEF2F5; |
|
|
border-bottom: 2px solid #0E81D3; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
#menu ul li.current_page_item a { |
|
|
color: #fff; |
|
|
background-color: #A5BBC9; |
|
|
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))), #A5BBC9; |
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1)), #A5BBC9; |
|
|
} |
|
|
|
|
|
ul li#menu_rss { |
|
|
padding-left: 20px; |
|
|
font-weight: normal; |
|
|
margin: 0 0 0 5em; |
|
|
float: right; |
|
|
} |
|
|
|
|
|
#menu_rss a { |
|
|
float: left; |
|
|
width: 20px; |
|
|
height: 20px; |
|
|
background: none !important; |
|
|
border-bottom: none !important; |
|
|
} |
|
|
|
|
|
#menu_rss a:hover { |
|
|
background-color: transparent; |
|
|
} |
|
|
|
|
|
#menu_rss a .fa-facebook-square:hover {color: #0F3468} |
|
|
#menu_rss a .fa-twitter-square:hover {color: #1990EA} |
|
|
#menu_rss a .fa-envelope:hover {color: #BF1826} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.post.item { |
|
|
border-bottom: 1px dotted #ccc; |
|
|
margin-bottom: 3em; |
|
|
} |
|
|
|
|
|
.post { |
|
|
margin: 0; |
|
|
padding: 0 0 3em 0; |
|
|
text-align: left; |
|
|
clear: both; |
|
|
} |
|
|
|
|
|
.post h1 { |
|
|
color: #333; |
|
|
} |
|
|
|
|
|
.post .title_ {margin: 0 !important; padding: 0 !important; color: #0B6DE5 !important; font-family: "Verdana", sans-serif !important; font-weight: 900; text-align: center } |
|
|
|
|
|
.title_ .logo { |
|
|
background: url('../imgs/bt_logo.png') no-repeat center; |
|
|
display: block; |
|
|
width:252px; |
|
|
height: 71px; |
|
|
margin: 0 auto; |
|
|
} |
|
|
#content h1, .post h2, .app p { |
|
|
margin: 0 0 0 0; |
|
|
padding: 0; |
|
|
color: #333; |
|
|
font-weight: 300; |
|
|
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Myriad Pro", "Lucida Grande", "Segoe UI Light", "Segoe UI", "Ubuntu", "Nokia Pure", sans-serif; |
|
|
} |
|
|
|
|
|
.post h2 a { |
|
|
color: #333; |
|
|
border-bottom: 1px solid transparent; |
|
|
font-size: 1.25em; |
|
|
} |
|
|
|
|
|
.post h2 a:hover { |
|
|
border-bottom: 1px solid #ccc; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
.post h3.post-title { |
|
|
font-weight: bold; |
|
|
font-size: 1.8em; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
text-align: left; |
|
|
} |
|
|
|
|
|
div.archive-title { |
|
|
font-size: 1.6em; |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.post hr { |
|
|
display: block; |
|
|
} |
|
|
|
|
|
.postmetadata { |
|
|
margin: .5em 0 0 0; |
|
|
color: #888; |
|
|
text-align: left; |
|
|
} |
|
|
|
|
|
.postmetadata a, .navigation a, .commentsHeader a, .bbp-pagination-count, .commentmetadata a { |
|
|
text-decoration: none !important; |
|
|
text-transform: uppercase; |
|
|
white-space: nowrap; |
|
|
display: inline-block; |
|
|
color: #666; |
|
|
margin: 0 1em 0 0; |
|
|
} |
|
|
|
|
|
.postmetadata a:hover, .navigation a:hover { |
|
|
text-decoration: none; |
|
|
color: #333; |
|
|
} |
|
|
|
|
|
.clear { |
|
|
clear: both; |
|
|
} |
|
|
|
|
|
.entry, .project { |
|
|
color: #f2f2f2; |
|
|
font-size: 1.4em; |
|
|
line-height: 160%; |
|
|
} |
|
|
|
|
|
.project a { |
|
|
color: #666; |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.entry { |
|
|
color: #808080; |
|
|
margin: .5em 0; |
|
|
} |
|
|
|
|
|
.entry a { |
|
|
color: #666; |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
.entry h2 { |
|
|
color: #333; |
|
|
padding-top: 1em; |
|
|
font-size: 1.25em; |
|
|
} |
|
|
|
|
|
.entry h3 { |
|
|
color: #333; |
|
|
font-size: 1em; |
|
|
padding: 0; |
|
|
margin: 1em 0 0 0; |
|
|
} |
|
|
|
|
|
.entry blockquote { |
|
|
color: #666; |
|
|
font-family: Georgia, serif; |
|
|
font-style: italic; |
|
|
margin: 1em 2em 1em 2em; |
|
|
} |
|
|
|
|
|
.entry blockquote blockquote { |
|
|
font-size: 1em; |
|
|
} |
|
|
|
|
|
.entry form textarea, .entry form input { |
|
|
font-size: 1em; |
|
|
} |
|
|
|
|
|
.entry fieldset { |
|
|
border: 0 !important; |
|
|
padding: 0 !important; |
|
|
} |
|
|
|
|
|
.entry fieldset legend { |
|
|
font-weight: bold; |
|
|
text-transform: uppercase; |
|
|
font-size: .8em; |
|
|
display: none; |
|
|
} |
|
|
|
|
|
.entry fieldset label { |
|
|
font-size: .8em; |
|
|
} |
|
|
|
|
|
.entry table { |
|
|
border: 0; |
|
|
} |
|
|
|
|
|
.entry table tr td { |
|
|
padding: 5px 10px; |
|
|
border-width: 1px 0 0 1px; |
|
|
border-style: solid; |
|
|
border-color: #ccc; |
|
|
} |
|
|
|
|
|
.entry table tr th { |
|
|
border-width: 1px 0 0 1px; |
|
|
border-style: solid; |
|
|
border-color: #ccc; |
|
|
padding: 5px 10px; |
|
|
background: #f4f4f4; |
|
|
color: #666; |
|
|
font-weight: bold; |
|
|
text-transform: uppercase; |
|
|
text-align: center; |
|
|
font-size: .8em; |
|
|
} |
|
|
|
|
|
.entry ol { |
|
|
list-style-type: decimal; |
|
|
} |
|
|
|
|
|
.entry ol ol { |
|
|
list-style-type: lower-alpha; |
|
|
} |
|
|
|
|
|
.entry ol ol ol { |
|
|
list-style-type: lower-roman; |
|
|
} |
|
|
|
|
|
p img { |
|
|
padding: 0; |
|
|
max-width: 100%; |
|
|
} |
|
|
|
|
|
img.centered { |
|
|
display: block; |
|
|
margin-left: auto; |
|
|
margin-right: auto; |
|
|
} |
|
|
|
|
|
.alignright { |
|
|
padding: 0; |
|
|
margin: 0 0 .5em 1em; |
|
|
display: inline; |
|
|
float: right; |
|
|
} |
|
|
|
|
|
.alignleft { |
|
|
padding: 0; |
|
|
margin: 0 1em .5em 0; |
|
|
display: inline; |
|
|
float: left; |
|
|
} |
|
|
|
|
|
.aligncenter, |
|
|
div.aligncenter { |
|
|
display: block; |
|
|
margin-left: auto; |
|
|
margin-right: auto; |
|
|
} |
|
|
|
|
|
.navigation .alignleft { |
|
|
width: 40%; |
|
|
float: left; |
|
|
} |
|
|
|
|
|
.navigation .alignright { |
|
|
width: 40%; |
|
|
float: right; |
|
|
} |
|
|
|
|
|
.navigation { |
|
|
clear: both; |
|
|
margin: 0; |
|
|
} |
|
|
|
|
|
.commentsHeader { |
|
|
font-size: 1em; |
|
|
margin: 2em 0; |
|
|
} |
|
|
|
|
|
.commentsHeader h3 { |
|
|
font-size: 1.5em; |
|
|
} |
|
|
|
|
|
.commentsHeader h3 a { |
|
|
font-weight: normal; |
|
|
font-size: .75em; |
|
|
} |
|
|
|
|
|
.wp-caption { |
|
|
border: 1px solid #ccc; |
|
|
text-align: center; |
|
|
background-color: #f3f3f3; |
|
|
padding-top: 4px; |
|
|
} |
|
|
|
|
|
.wp-caption img { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
border: 0 none; |
|
|
} |
|
|
|
|
|
.wp-caption p.wp-caption-text { |
|
|
font-size: 11px; |
|
|
line-height: 17px; |
|
|
padding: 0 4px 5px; |
|
|
margin: 0; |
|
|
} |
|
|
|
|
|
.searchbox { |
|
|
clear: both; |
|
|
position: relative; |
|
|
} |
|
|
|
|
|
#s, #bbp_search { |
|
|
width: 10em; |
|
|
font-size: 1em; |
|
|
color: #000; |
|
|
padding: .5em 3em .5em .6em; |
|
|
-moz-border-radius: 2em; |
|
|
-webkit-border-radius: 2em; |
|
|
border-radius: 2em; |
|
|
border: 1px solid #999; |
|
|
box-shadow: inset 0 0 .5em rgba(0,0,0,0.2); |
|
|
} |
|
|
|
|
|
#s:focus, #bbp_search:focus { |
|
|
outline: 0 none; |
|
|
-moz-box-shadow: 0 0 .5em #A5BBC9; |
|
|
-webkit-box-shadow: 0 0 .5em #A5BBC9; |
|
|
box-shadow: 0 0 .5em #A5BBC9; |
|
|
} |
|
|
|
|
|
#searchsubmit, #bbp_search_submit { |
|
|
display: none; |
|
|
} |
|
|
|
|
|
.center { |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.hidden { |
|
|
display: none; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#comments { |
|
|
|
|
|
} |
|
|
|
|
|
.commentlist { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
} |
|
|
|
|
|
.commentlist li { |
|
|
list-style: none; |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
} |
|
|
|
|
|
li.comment.bypostauthor { |
|
|
background: #EEF2F5; |
|
|
padding: 1em; |
|
|
border-radius: .5em; |
|
|
} |
|
|
|
|
|
li.comment div, li.pingback div { |
|
|
padding: 1em 0; |
|
|
overflow: auto; |
|
|
} |
|
|
|
|
|
li.comment div div, li.pingback div div { |
|
|
padding: 0; |
|
|
overflow: visible; |
|
|
} |
|
|
|
|
|
li.comment p, .comment-author { |
|
|
font-size: 1.2em; |
|
|
line-height: 1.4em; |
|
|
} |
|
|
|
|
|
.commentlist li.even { |
|
|
} |
|
|
|
|
|
.commentlist li.odd { |
|
|
|
|
|
} |
|
|
|
|
|
ul.children li { |
|
|
list-style: none; |
|
|
} |
|
|
|
|
|
img.avatar { |
|
|
float: right; |
|
|
margin: 0 0 1em 1em; |
|
|
border-radius: .5em; |
|
|
} |
|
|
|
|
|
.comment-meta, .reply { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
} |
|
|
|
|
|
.comment-author cite, .comment-author cite a { |
|
|
font-style: normal; |
|
|
font-weight: bold; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
textarea#comment { |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
#comments div.navigation { |
|
|
font-size: 1em; |
|
|
} |
|
|
|
|
|
#respond input[type="text"], |
|
|
#respond textarea { |
|
|
background: #fff; |
|
|
border: 1px solid #808080; |
|
|
-moz-border-radius: 3px; |
|
|
border-radius: 3px; |
|
|
-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); |
|
|
-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); |
|
|
box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); |
|
|
position: relative; |
|
|
padding: 5px; |
|
|
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Lucida Grande", "Segoe UI", "Ubuntu", sans-serif; |
|
|
font-size: 1.25em; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
#sidebar { |
|
|
color: #808080; |
|
|
line-height: 150%; |
|
|
} |
|
|
|
|
|
#sidebar ul a { |
|
|
color: #808080; |
|
|
display: block; |
|
|
padding: .15em 0; |
|
|
} |
|
|
|
|
|
#sidebar h2 a { |
|
|
display: inline; |
|
|
vertical-align: middle; |
|
|
padding: 0 .25em 0 0; |
|
|
} |
|
|
|
|
|
#sidebar ul a:hover { |
|
|
text-decoration: none; |
|
|
color: #000; |
|
|
} |
|
|
|
|
|
#sidebar h2 { |
|
|
padding: 0; |
|
|
margin: 0 0 .25em 0; |
|
|
font-size: .9em; |
|
|
text-transform: uppercase; |
|
|
color: #6f747b; |
|
|
} |
|
|
|
|
|
#sidebar > ul { |
|
|
font-size: 1.3em; |
|
|
} |
|
|
|
|
|
#sidebar ul, #sidebar ul ol { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
} |
|
|
|
|
|
#sidebar ul li { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
list-style-type: none; |
|
|
list-style-image: none; |
|
|
margin-bottom: 3em; |
|
|
} |
|
|
|
|
|
#sidebar ul ul li { |
|
|
} |
|
|
|
|
|
#sidebar ul p, #sidebar ul select { |
|
|
margin: 5px 0 8px; |
|
|
} |
|
|
|
|
|
#sidebar ul ul, #sidebar ul ol { |
|
|
margin: 5px 0 0 0; |
|
|
} |
|
|
|
|
|
#sidebar ul ul ul, #sidebar ul ol { |
|
|
margin: 0 0 0 20px; |
|
|
} |
|
|
|
|
|
#sidebar ul ol li { |
|
|
list-style: decimal outside; |
|
|
} |
|
|
|
|
|
#sidebar ul ul li, #sidebar ul ol li { |
|
|
margin: 3px 0 0; |
|
|
padding: 0; |
|
|
} |
|
|
|
|
|
|
|
|
#wp-calendar { |
|
|
empty-cells: show; |
|
|
width: 155px; |
|
|
} |
|
|
|
|
|
#wp-calendar #next a { |
|
|
padding-right: 10px; |
|
|
text-align: right; |
|
|
} |
|
|
|
|
|
#wp-calendar #prev a { |
|
|
padding-left: 10px; |
|
|
text-align: left; |
|
|
} |
|
|
|
|
|
#wp-calendar a { |
|
|
display: block; |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
#wp-calendar caption { |
|
|
font-weight: bold; |
|
|
text-transform: uppercase; |
|
|
text-align: left; |
|
|
margin: 0 0 5px 8px; |
|
|
color: #666; |
|
|
} |
|
|
|
|
|
#wp-calendar td { |
|
|
padding: 3px 5px; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
#wp-calendar td#today { |
|
|
background: #eee; |
|
|
} |
|
|
|
|
|
#wp-calendar td#prev a { |
|
|
padding: 0; |
|
|
text-align: left; |
|
|
font-weight: normal; |
|
|
} |
|
|
|
|
|
#wp-calendar td#next a { |
|
|
padding: 0; |
|
|
text-align: right; |
|
|
font-weight: normal; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#footer { |
|
|
padding: 1em; |
|
|
text-align: center; |
|
|
font-size: 1.1em; |
|
|
color: #808080; |
|
|
margin: 2em; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.play { |
|
|
margin-top: 78px; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
.play a { |
|
|
opacity: .9; |
|
|
padding: 1em; |
|
|
background: url(play.png) no-repeat center top; |
|
|
padding-top: 64px; |
|
|
color: #555; |
|
|
font-weight: bold; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
.play a:hover { |
|
|
opacity: 1; |
|
|
text-decoration: none; |
|
|
} |
|
|
|
|
|
.left { |
|
|
float: left; |
|
|
margin: 0 1em 1em 0; |
|
|
} |
|
|
|
|
|
.right { |
|
|
float: right; |
|
|
margin: 0 0 1em 1em; |
|
|
} |
|
|
|
|
|
#photos { |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
#photos a { |
|
|
text-align: center; |
|
|
width: 145px; |
|
|
margin: 0 !important; |
|
|
padding: 0 !important; |
|
|
float: none !important; |
|
|
} |
|
|
|
|
|
.category { |
|
|
font-size: 1.3em; |
|
|
line-height: 150%; |
|
|
padding: .1em 1em; |
|
|
background: #EEF2F5; |
|
|
margin: 1em 0 2em 0; |
|
|
-moz-border-radius: 1em; |
|
|
-webkit-border-radius: 1em; |
|
|
border-radius: 1em; |
|
|
} |
|
|
|
|
|
.download li { |
|
|
list-style: none; |
|
|
padding: 1em 0; |
|
|
vertical-align: middle; |
|
|
} |
|
|
|
|
|
.download .mac { |
|
|
background: url(imgs/mac.png) no-repeat left center; |
|
|
min-height: 70px; |
|
|
padding-left: 115px; |
|
|
} |
|
|
|
|
|
.download .ubuntu { |
|
|
background: url(imgs/ubuntu.png) no-repeat left center; |
|
|
min-height: 70px; |
|
|
padding-left: 115px; |
|
|
} |
|
|
|
|
|
.download .linux { |
|
|
background: url(imgs/linux.png) no-repeat left center; |
|
|
min-height: 70px; |
|
|
padding-left: 115px; |
|
|
} |
|
|
|
|
|
.download .nowindows { |
|
|
background: url(imgs/nowindows.png) no-repeat left center; |
|
|
min-height: 70px; |
|
|
padding-left: 115px; |
|
|
} |
|
|
|
|
|
.download .source { |
|
|
background: url(imgs/source.png) no-repeat left center; |
|
|
min-height: 70px; |
|
|
padding-left: 115px; |
|
|
} |
|
|
|
|
|
.download a { |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
button { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
border: 0; |
|
|
font-weight: normal; |
|
|
font-style: normal; |
|
|
font-size: 100%; |
|
|
line-height: 1; |
|
|
font-family: inherit; |
|
|
text-align: left; |
|
|
} |
|
|
|
|
|
a.awesome, button.awesome, .button { |
|
|
background-color: #77A9C9; |
|
|
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.2))), #77A9C9; |
|
|
background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); |
|
|
display: inline-block; |
|
|
padding: 5px 10px 6px; |
|
|
color: #fff !important; |
|
|
text-decoration: none !important; |
|
|
font-weight: normal; |
|
|
line-height: 1; |
|
|
-moz-border-radius: 5px; |
|
|
-webkit-border-radius: 5px; |
|
|
border-radius: 5px; |
|
|
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); |
|
|
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); |
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.5); |
|
|
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); |
|
|
border: 0; |
|
|
border-bottom: 1px solid rgba(0,0,0,0.25); |
|
|
position: relative; |
|
|
cursor: pointer; |
|
|
margin-top: .5em; |
|
|
} |
|
|
|
|
|
.awesome:hover { |
|
|
} |
|
|
|
|
|
.awesome:active { |
|
|
top: 1px; |
|
|
} |
|
|
|
|
|
.small.awesome, .small.awesome:visited { |
|
|
font-size: 11px; |
|
|
} |
|
|
|
|
|
.awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { |
|
|
font-size: 13px; |
|
|
font-weight: bold; |
|
|
line-height: 1; |
|
|
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); |
|
|
} |
|
|
|
|
|
.large.awesome, .large.awesome:visited { |
|
|
padding: 8px 14px 9px; |
|
|
} |
|
|
|
|
|
|
|
|
.small.awesome { |
|
|
font-size: 11px; |
|
|
} |
|
|
|
|
|
.medium.awesome { |
|
|
font-size: 13px; |
|
|
} |
|
|
|
|
|
.large.awesome { |
|
|
padding: 8px 14px 9px; |
|
|
font-size: 1.2em; |
|
|
} |
|
|
|
|
|
|
|
|
.blue.awesome { |
|
|
background-color: #77A9C9; |
|
|
} |
|
|
|
|
|
.red.awesome { |
|
|
background-color: #e33100; |
|
|
} |
|
|
|
|
|
.magenta.awesome { |
|
|
background-color: #a9014b; |
|
|
} |
|
|
|
|
|
.orange.awesome { |
|
|
background-color: #ff5c00; |
|
|
} |
|
|
|
|
|
.yellow.awesome { |
|
|
background-color: #ffb515; |
|
|
} |
|
|
|
|
|
.recentcomments a { |
|
|
display: inline-block !important; |
|
|
} |
|
|
|
|
|
.products { |
|
|
list-style: none; |
|
|
margin: 0 0 40px 0; |
|
|
padding: 40px 0; |
|
|
text-align: center; |
|
|
border-radius: .5em; |
|
|
overflow: hidden; |
|
|
background: #EEF2F5; |
|
|
box-shadow: inset 0 0 100px rgba(0,0,0,0.1); |
|
|
} |
|
|
|
|
|
.products li { |
|
|
display: inline-block; |
|
|
width: 128px; |
|
|
margin: 0 40px; |
|
|
line-height: 180%; |
|
|
font-size: 1.4em; |
|
|
font-weight: normal; |
|
|
text-align: center; |
|
|
color: #373737; |
|
|
text-shadow: 0 1px 1px #fff; |
|
|
zoom: 1; |
|
|
*display: inline; |
|
|
_height: 250px; |
|
|
} |
|
|
|
|
|
.products li:hover img { |
|
|
opacity: .9; |
|
|
} |
|
|
|
|
|
ul.feeds { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
list-style: none; |
|
|
} |
|
|
|
|
|
ul.feeds li { |
|
|
margin-bottom: .5em !important; |
|
|
} |
|
|
|
|
|
ul.feeds li, .feed { |
|
|
padding-left: 20px !important; |
|
|
background: url(imgs/rss.png) no-repeat left center; |
|
|
} |
|
|
|
|
|
.recentcomments a { |
|
|
display: inline !important; |
|
|
padding: 0 !important; |
|
|
margin: 0 !important; |
|
|
} |
|
|
|
|
|
.widget_display_replies a { |
|
|
display: inline !important; |
|
|
padding: 0 !important; |
|
|
margin: 0 !important; |
|
|
} |
|
|
|
|
|
.linkcat { |
|
|
display: none; |
|
|
} |
|
|
|
|
|
#bbpress-forums { |
|
|
|
|
|
} |
|
|
|
|
|
.bbp-pagination { |
|
|
margin: 2em 0; |
|
|
} |
|
|
|
|
|
#bbp_topic_tags, .bbp-topic-tags, label[for="bbp_topic_tags"] { |
|
|
display: none !important; |
|
|
} |
|
|
|
|
|
#wrapper fieldset.bbp-form label { |
|
|
width: auto; |
|
|
} |
|
|
|
|
|
#sidebar .avatar { |
|
|
display: none; |
|
|
} |
|
|
|
|
|
.apps { |
|
|
-webkit-transform: translateZ(0); |
|
|
clear: both; |
|
|
list-style: none; |
|
|
margin: 1px 0 40px 0; |
|
|
padding: 40px 0; |
|
|
text-align: center; |
|
|
overflow: hidden; |
|
|
border-radius: .5em; |
|
|
background: -moz-linear-gradient(top, rgba(238,242,245,1) 0%, rgba(238,242,245,0) 100%); |
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,242,245,1)), color-stop(100%,rgba(238,242,245,0))); |
|
|
background: -webkit-linear-gradient(top, rgba(238,242,245,1) 0%,rgba(238,242,245,0) 100%); |
|
|
background: -o-linear-gradient(top, rgba(238,242,245,1) 0%,rgba(238,242,245,0) 100%); |
|
|
background: -ms-linear-gradient(top, rgba(238,242,245,1) 0%,rgba(238,242,245,0) 100%); |
|
|
background: linear-gradient(top, rgba(238,242,245,1) 0%,rgba(238,242,245,0) 100%); |
|
|
} |
|
|
|
|
|
.apps li { |
|
|
display: inline-block; |
|
|
width: 128px; |
|
|
margin: 0 48px; |
|
|
text-align: center; |
|
|
opacity: .5; |
|
|
zoom: 1; |
|
|
*display: inline; |
|
|
_height: 250px; |
|
|
opacity: .75; |
|
|
-webkit-transition-property: all; |
|
|
-webkit-transition-duration: 500ms; |
|
|
} |
|
|
|
|
|
.apps li img { |
|
|
display: inline-block; |
|
|
margin-bottom: .5em; |
|
|
} |
|
|
|
|
|
.apps li span { |
|
|
padding: .5em 1em; |
|
|
border-radius: .4em; |
|
|
color: #000; |
|
|
|
|
|
font-size: 1.5em; |
|
|
font-weight: normal; |
|
|
|
|
|
-webkit-transition: all 200ms; |
|
|
-moz-transition: all 200ms; |
|
|
-ms-transition: all 200ms; |
|
|
-o-transition: all 200ms; |
|
|
transition: all 200ms; |
|
|
} |
|
|
|
|
|
.apps li:hover span { |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
background: #EEF2F5; |
|
|
} |
|
|
|
|
|
.apps li:hover img { |
|
|
opacity: .9; |
|
|
} |
|
|
|
|
|
.apps li.active { |
|
|
opacity: 1.0; |
|
|
} |
|
|
|
|
|
#appshow { |
|
|
-webkit-transform: translateZ(0); |
|
|
position: relative; |
|
|
height: 375px; |
|
|
overflow: hidden; |
|
|
text-align: center; |
|
|
} |
|
|
|
|
|
#appshow .app { |
|
|
position:absolute; |
|
|
top:375px; |
|
|
left:0; |
|
|
z-index:8; |
|
|
opacity: .5; |
|
|
-webkit-transition: all 1s; |
|
|
-moz-transition: all 1s; |
|
|
-ms-transition: all 1s; |
|
|
-o-transition: all 1s; |
|
|
transition: all 1s; |
|
|
width: 100%; |
|
|
} |
|
|
|
|
|
#appshow .app.active { |
|
|
z-index:10; |
|
|
opacity:1.0; |
|
|
top: 0px; |
|
|
} |
|
|
|
|
|
#appshow p { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
font-size: 32px; |
|
|
position: relative; |
|
|
color: #000; |
|
|
} |
|
|
|
|
|
#appshow p span { |
|
|
position:absolute; |
|
|
display:block; |
|
|
top:0; |
|
|
left:0; |
|
|
height:100%; |
|
|
width:100%; |
|
|
|
|
|
background: -moz-linear-gradient(top, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.1) 51%, rgba(255,255,255,0.5) 100%); |
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.75)), color-stop(50%,rgba(255,255,255,0.25)), color-stop(51%,rgba(255,255,255,0.1)), color-stop(100%,rgba(255,255,255,0.5))); |
|
|
background: -webkit-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.5) 100%); |
|
|
background: -o-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.5) 100%); |
|
|
background: -ms-linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.5) 100%); |
|
|
background: linear-gradient(top, rgba(255,255,255,0.75) 0%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.1) 51%,rgba(255,255,255,0.5) 100%); |
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#80ffffff',GradientType=0 ); |
|
|
|
|
|
} |
|
|
|
|
|
#appshow .app.minitube.active { |
|
|
-webkit-transform:rotate(-5deg); |
|
|
-moz-transform:rotate(-5deg); |
|
|
-o-transform:rotate(-5deg); |
|
|
-ms-transform:rotate(-5deg); |
|
|
transform:rotate(-5deg); |
|
|
top: 30px; |
|
|
} |
|
|
|
|
|
#appshow .app.musique.active { |
|
|
-webkit-transform:rotate(5deg); |
|
|
-moz-transform:rotate(5deg); |
|
|
-o-transform:rotate(5deg); |
|
|
-ms-transform:rotate(5deg); |
|
|
transform:rotate(5deg); |
|
|
top: 30px; |
|
|
} |
|
|
|
|
|
#appshow .app.clicktracks { |
|
|
left: 300px; |
|
|
} |
|
|
|
|
|
#appshow .app.clicktracks.active { |
|
|
-webkit-transform:rotate(-5deg); |
|
|
-moz-transform:rotate(-5deg); |
|
|
-o-transform:rotate(-5deg); |
|
|
-ms-transform:rotate(-5deg); |
|
|
transform:rotate(-5deg); |
|
|
} |
|
|
|
|
|
#welcome { |
|
|
font: 20px Georgia, serif; |
|
|
line-height: 140%; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
#welcome img { |
|
|
border-radius: .5em; |
|
|
margin-right: 1em; |
|
|
} |
|
|
|
|
|
ul.changelog { |
|
|
display: inline-block; |
|
|
list-style: none; |
|
|
padding: 0; |
|
|
margin: 0 0 1.5em 0; |
|
|
font-size: .75em; |
|
|
color: #666; |
|
|
border-radius: .5em; |
|
|
} |
|
|
|
|
|
ul.changelog li { |
|
|
margin-top: 1px; |
|
|
padding: .5em 36px; |
|
|
background-repeat: no-repeat; |
|
|
background-position: 10px center; |
|
|
-webkit-transition: all 200ms; |
|
|
-moz-transition: all 200ms; |
|
|
-ms-transition: all 200ms; |
|
|
-o-transition: all 200ms; |
|
|
transition: all 200ms; |
|
|
} |
|
|
|
|
|
ul.changelog li.bug { |
|
|
background-image: url(imgs/bug.png); |
|
|
} |
|
|
|
|
|
ul.changelog li:nth-child(odd) { |
|
|
background-color: #EEF2F5; |
|
|
} |
|
|
|
|
|
ul.changelog li:nth-child(even) { |
|
|
background-color: #F3F7FA; |
|
|
} |
|
|
|
|
|
ul.changelog li:first-child { |
|
|
-webkit-border-top-left-radius: 10px; |
|
|
-webkit-border-top-right-radius: 10px; |
|
|
-moz-border-radius-topleft: 10px; |
|
|
-moz-border-radius-topright: 10px; |
|
|
border-top-left-radius: 10px; |
|
|
border-top-right-radius: 10px; |
|
|
} |
|
|
|
|
|
ul.changelog li:last-child { |
|
|
-webkit-border-bottom-right-radius: 10px; |
|
|
-webkit-border-bottom-left-radius: 10px; |
|
|
-moz-border-radius-bottomright: 10px; |
|
|
-moz-border-radius-bottomleft: 10px; |
|
|
border-bottom-right-radius: 10px; |
|
|
border-bottom-left-radius: 10px; |
|
|
} |
|
|
|
|
|
ul.changelog li:hover { |
|
|
color: #000; |
|
|
-webkit-transition: all 0ms; |
|
|
-moz-transition: all 0ms; |
|
|
-ms-transition: all 0ms; |
|
|
-o-transition: all 0ms; |
|
|
transition: all 0ms; |
|
|
background-color: #E4E8EB; |
|
|
} |
|
|
|
|
|
#getintouch { |
|
|
padding: 2em; |
|
|
max-width: 45em; |
|
|
} |
|
|
|
|
|
#getintouch h2 { |
|
|
margin: 0; |
|
|
padding: 0; |
|
|
color: #999; |
|
|
} |
|
|
|
|
|
#getintouch p { |
|
|
font-size: 1.5em; |
|
|
} |
|
|
|
|
|
#getintouch p a { |
|
|
font-weight: bold; |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
