| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| 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; |
| } |
|
|
|
|
|
|
|
|
