103 lines
3.5 KiB
CSS
Vendored
103 lines
3.5 KiB
CSS
Vendored
/*-----------------------------------------------------------------------------------
|
|
|
|
Theme Name: FluidApp
|
|
Author: Two2Twelve Themes
|
|
Author URI: http://themes.two2twelve.com
|
|
Version: 1.1
|
|
|
|
Stylesheet: Dark
|
|
|
|
-----------------------------------------------------------------------------------*/
|
|
/* Global */
|
|
body {
|
|
background: url('../images/dark-bg.png') repeat top left;
|
|
}
|
|
/* Header & Navigation */
|
|
header {
|
|
background: rgba(255,255,255,0.05);
|
|
border-color: #343434;
|
|
}
|
|
header nav ul li a { color: #777; }
|
|
header nav ul li a:hover { color: #999; }
|
|
header nav ul li.current a { color: #fff; }
|
|
header nav span.arrow { background: url('../images/dark-nav_arrow.png') no-repeat; top: 59px; }
|
|
/* Sub Nav */
|
|
header nav ul li ul li {
|
|
background: rgba(255,255,255,0.05);
|
|
border-color: #343434;
|
|
}
|
|
header nav ul li ul li:last-child { border-color: #343434; }
|
|
header nav ul li ul li a { color: #777; }
|
|
header nav ul li ul li a:hover { color: #999; }
|
|
/* App Info */
|
|
section #app_info span.tagline { color: #fff; }
|
|
section #app_info p { color: #a6a6a6; }
|
|
section #app_info .price { background: url('../images/dark-arrow.png') no-repeat top center; }
|
|
section #app_info .price p { color: #fff; }
|
|
section #pages { background: transparent url('../images/dark-page_shadow.png') repeat-y top left; }
|
|
section #pages .top_shadow { background: transparent url('../images/dark-page_shadow_top.png') no-repeat top left; }
|
|
section #pages .bottom_shadow { background: transparent url('../images/dark-page_shadow_bottom.png') no-repeat top left; }
|
|
/* Home */
|
|
div.echo-nav a { background: #444; }
|
|
div.echo-nav a.active { background: #aaa; }
|
|
/* Team */
|
|
div.team_members .person a:hover { color: #fff; }
|
|
/* Screenshots */
|
|
div.screenshot_grid div a,
|
|
a.fancybox {
|
|
border: solid 5px #fff;
|
|
border: solid 5px rgba(255, 255, 255, 0.03);
|
|
}
|
|
/* Updates */
|
|
article.release { border-bottom-color: #444; }
|
|
article.release span.date { color: #666; }
|
|
article.release ul li { color: #a6a6a6; }
|
|
/* Footer */
|
|
footer p { background: rgba(255,255,255,0.05); color: #777; }
|
|
footer p:hover { background: rgba(255,255,255,0.06); color: #aaa; }
|
|
/* Press */
|
|
div.press_mentions ul li .logo { border-color: #333; }
|
|
div.press_mentions ul li address { color: #666; }
|
|
div.press_mentions ul li address a:hover { color: #fff; }
|
|
/* Typography */
|
|
h2,h3,h4,h5 { color: #fff; }
|
|
section #pages p,
|
|
section #pages ul { color: #a6a6a6; }
|
|
/* Lists */
|
|
ul.social li a { background: url('../images/dark-social.png') no-repeat top left; }
|
|
div.toggle_list ul li div.title {
|
|
background: #2d2d2d;
|
|
border-color: #383838;
|
|
}
|
|
div.toggle_list ul li div.title h3 { color: #fff; }
|
|
div.toggle_list ul li div.content {
|
|
background: #181818;
|
|
border-color: #323232;
|
|
}
|
|
div.tabs ul.nav li a {
|
|
background: #313131;
|
|
border: 1px solid #323232;
|
|
}
|
|
div.tabs ul.nav li.current a {
|
|
background: #181818;
|
|
border-color: #323232;
|
|
color: #fff;
|
|
}
|
|
div.tabs .pane {
|
|
background: #181818;
|
|
border: 1px solid #323232;
|
|
}
|
|
/* Forms */
|
|
input[type="text"],
|
|
input[type="email"],
|
|
textarea { border-color: #444; color: #fff; }
|
|
textarea { background: #292929; border-color: #333; }
|
|
label { color: #fff; }
|
|
|
|
/* For iPhones and Mobile */
|
|
@media only screen and (max-width:750px) {
|
|
section #pages .top_shadow { background: url('../images/dark-shadow_vertical.png') no-repeat top center !important; }
|
|
}
|
|
@media screen and (min-width:751px) and (max-width:970px) {
|
|
section #pages .top_shadow { background: url('../images/dark-shadow-ipad_vertical.png') no-repeat top center !important; }
|
|
} |