david
47d7f7e8fb
git-svn-id: https://192.168.0.254/svn/Proyectos.OriginalHouse_Web/trunk@25 54e8636e-a86c-764f-903d-b964358a1ae2
1019 lines
49 KiB
CSS
1019 lines
49 KiB
CSS
/*
|
|
Theme Name: Original House
|
|
Theme URI: http://www.originalhouse.info/
|
|
Version: 1.0.0
|
|
Description: Designed by <a href="http://www.rodax-software.com">Rodax Software</a>.
|
|
Author: Rodax Software
|
|
Author URI: http://www.rodax-software.com
|
|
Tags:
|
|
|
|
Copyright: (c) 2009-2011 WooThemes.
|
|
License: GNU General Public License v2.0
|
|
License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|
|
|
*/
|
|
|
|
/*
|
|
|
|
WARNING! DO NOT EDIT THIS FILE!
|
|
|
|
To make it easy to update your theme, you should not edit the styles in this file. Instead use
|
|
the custom.css file to add your styles. You can copy a style from this file and paste it in
|
|
custom.css and it will override the style in this file. You have been warned! :)
|
|
|
|
*/
|
|
/*-------------------------------------------------------------------------------------------
|
|
|
|
INDEX:
|
|
|
|
0. RESET
|
|
|
|
1. SETUP
|
|
-1.1 Defaults
|
|
-1.2 Hyperlinks
|
|
|
|
2. SITE STRUCTURE & APPEARANCE
|
|
-2.1 Containers & Columns
|
|
-2.2 Navigation
|
|
-2.2.1 Drop-down menus
|
|
-2.2.2 Top Navigation (optional)
|
|
-2.3 Header
|
|
-2.4 Content
|
|
-2.5 Sidebar
|
|
-2.6 Footer
|
|
-2.7 Breadcrumbs
|
|
|
|
3. POSTS
|
|
-3.1 Typographic Elements
|
|
-3.2 Images
|
|
-3.3 Pagination / WP-Pagenavi / Woo-Pagination
|
|
-3.4 Single Post Author
|
|
-3.5 Entry Tables
|
|
|
|
4. WIDGETS
|
|
-4.1 Generic Widgets
|
|
-4.2 Specific Widgets
|
|
-4.3 WooTabs
|
|
|
|
5. COMMENTS
|
|
-5.1 Comments
|
|
-5.2 Pingbacks / Trackbacks
|
|
-5.3 Comments Form
|
|
|
|
6. MISC
|
|
-6.1 Buttons
|
|
-6.2 Contact Form
|
|
-6.3 Gravity forms
|
|
-6.4 Timeline page template
|
|
-6.5 IE specific styling
|
|
-6.6 Subscribe & Connect
|
|
|
|
7. DONATE
|
|
-7.1 Slider
|
|
-7.2 Slide Meta
|
|
-7.3 Intro
|
|
|
|
-------------------------------------------------------------------------------------------*/
|
|
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
/* RESET - http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 */
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
|
|
html, body, div, span, applet, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, abbr, acronym, address, big, cite, code,
|
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
b, u, i, center,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
article, aside, canvas, details, embed,
|
|
figure, figcaption, footer, header, hgroup,
|
|
menu, nav, output, ruby, section, summary,
|
|
time, mark, audio, video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
/* HTML5 display-role reset for older browsers */
|
|
article, aside, details, figcaption, figure,
|
|
footer, header, hgroup, menu, nav, section {
|
|
display: block;
|
|
}
|
|
body {
|
|
line-height: 1;
|
|
}
|
|
ol, ul {
|
|
list-style: none;
|
|
}
|
|
blockquote, q {
|
|
quotes: none;
|
|
}
|
|
blockquote:before, blockquote:after,
|
|
q:before, q:after {
|
|
content: '';
|
|
content: none;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
/* Floating & Alignment */
|
|
.fl{float:left;}
|
|
.fr{float:right;}
|
|
.ac{text-align:center;}
|
|
.ar{text-align:right;}
|
|
|
|
/* Clear Floats */
|
|
.col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
|
|
.fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;}
|
|
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
|
|
|
|
|
|
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
/* 1. SETUP */
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
|
|
/* 1.1 Defaults */
|
|
|
|
/* Embed fonts */
|
|
body { font: 14px/1.5em sans-serif; color: #B9B2AE; background: #000; -webkit-font-smoothing: antialiased; }
|
|
|
|
h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Georgia, serif; color: #E0D4CE; font-weight:normal; }
|
|
h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;}
|
|
|
|
p {margin: 0; }
|
|
|
|
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
|
|
|
|
input, textarea { padding: 5px; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; }
|
|
|
|
/* 1.2 Hyperlinks */
|
|
|
|
a { color: #329DD5; text-decoration:none;}
|
|
a:hover { color: #58C8FF; text-decoration:underline;}
|
|
|
|
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
|
|
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }
|
|
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}
|
|
|
|
|
|
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
/* 2. SITE STRUCTURE & APPEARANCE */
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
|
|
/* 2.1 Containers & Columns */
|
|
#wrapper { }
|
|
|
|
#main{ width:440px;padding:0;background:transparent;position:relative; z-index:2; /*height:550px;*/}
|
|
.layout-full #main, .col-full {width:960px; margin:0 auto;}
|
|
#main.fullwidth { width:960px; margin:0 auto; }
|
|
|
|
#sidebar{width:390px;background-color:#242424;background: rgba(36, 36, 36, 0.9); font-size: 12px; position: relative; z-index: 2; }
|
|
#sidebar .secondary { width:140px; }
|
|
|
|
.col-left { float: left; }
|
|
.col-right { float: right; }
|
|
|
|
.layout-right-content #main { float:right; }
|
|
.layout-right-content #sidebar { float:left; }
|
|
.layout-left-content #main { float: left; }
|
|
.layout-left-content #sidebar { float: right; }
|
|
|
|
/* 2.2 Navigation */
|
|
#navigation{ font:normal 14px/1em "Gill Sans MT Condensed", sans-serif; text-transform: uppercase;}
|
|
|
|
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 44%;margin:0 15px 0 0; padding:0 25px 0 0;line-height: 1;}
|
|
#navigation ul.rss li{display:inline;padding:0;}
|
|
#navigation ul.rss li a{color:#d75418;text-decoration:none; padding:10px 5px; line-height: 18px; display: inline-block; position: relative;}
|
|
#navigation ul.rss li.sub-email {color:#dedede;}
|
|
#navigation ul.rss li a:hover{text-decoration:underline;}
|
|
|
|
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; position: relative;}
|
|
.nav a { position:relative; color:#fff; display:block; z-index:100; padding:10px 15px; line-height:18px; text-decoration:none; }
|
|
.nav li { float:left; width: auto; }
|
|
.nav li a.sf-with-ul { padding-right:20px; }
|
|
|
|
.nav a:hover,
|
|
.nav li.current_page_item a,
|
|
.nav li.current_page_parent a,
|
|
.nav li.current-menu-ancestor a,
|
|
.nav li.current-cat a,
|
|
.nav li.current-menu-item a { background:#181818; }
|
|
|
|
.nav ul li a:hover,
|
|
.nav ul li li.current_page_item a,
|
|
.nav ul li li.current_page_parent a,
|
|
.nav ul li li.current-menu-ancestor a,
|
|
.nav ul li li.current-cat a,
|
|
.nav ul li li.current-menu-item a { padding: 8px 0;}
|
|
|
|
#navigation { height: 40px; background: #181818; font-size: 20px; letter-spacing: 1px;}
|
|
#navigation .nav li a { color: #7f7875; font-weight:normal; border-left:1px solid #000;}
|
|
#navigation .nav li a:hover { background: none; color: #fff; }
|
|
#navigation .nav li:first-child a { border-left:none; }
|
|
|
|
/* 2.2.1 Drop-down menus */
|
|
.nav li ul { background: #181818; margin:0 0 0 -1px; padding:10px 15px;
|
|
position: absolute; left: -999em; width: 180px;
|
|
border: 1px solid #000; z-index:999;}
|
|
.nav li ul li a { padding:8px 0px; width:180px; color: #7f7875 !important; background: none; font-size: 20px !important;}
|
|
.nav li ul li a:hover, .nav li.current_page_item a { text-decoration: none; color: #fff !important; }
|
|
.nav li ul li a.sf-with-ul { padding-right:0; }
|
|
.nav li ul ul { margin: -45px 0 0 175px;}
|
|
|
|
.nav li ul li a:hover,
|
|
.nav li.current_page_item ul li a,
|
|
.nav li.current_page_parent ul li a,
|
|
.nav li.current-menu-ancestor ul li a,
|
|
.nav li.current-cat a ul li,
|
|
.nav li.current-menu-item ul li a,
|
|
.nav li.sfHover ul li { background:none;}
|
|
|
|
.nav li:hover,.nav li.hover { position:static; }
|
|
.nav li:hover ul ul, .nav li.sfhover ul ul,
|
|
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
|
|
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; }
|
|
.nav li:hover ul, .nav li.sfhover ul,
|
|
.nav li li:hover ul, .nav li li.sfhover ul,
|
|
.nav li li li:hover ul, .nav li li li.sfhover ul,
|
|
.nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; }
|
|
|
|
.nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;
|
|
position:absolute;display:block;right: 3px; top: 20px;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
|
|
.nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:38%; }
|
|
|
|
/* Optional Styling */
|
|
#navigation .nav li ul {
|
|
/* Border Radius */
|
|
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
|
|
|
|
/* Box Shadow */
|
|
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.03);
|
|
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03);
|
|
box-shadow: 0 2px 2px rgba(0,0,0,.03);
|
|
}
|
|
#navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
|
|
#navigation .nav li ul li a { border:0; border-top:1px solid #252525; border-bottom:1px solid #181818; }
|
|
#navigation .nav li ul li:first-child a { border-top:none; }
|
|
#navigation .nav li ul li:last-child a { border-bottom:none; }
|
|
|
|
|
|
#navigation-top { height: 40px; background: #181818; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; }
|
|
#navigation-top .nav li a { color: #7f7875; font-weight:normal; border-left:1px solid #000;}
|
|
#navigation-top .nav li a:hover { background: none; color: #fff; }
|
|
#navigation-top .nav li:first-child a { border-left:none; }
|
|
|
|
#navigation-top .nav li.current_page_item a,
|
|
#navigation-top .nav li.current_page_parent a,
|
|
#navigation-top .nav li.current-menu-ancestor a,
|
|
#navigation-top .nav li.current-cat a,
|
|
#navigation-top .nav li.current-menu-item a { padding: 10px 15px; color: #fff;}
|
|
|
|
/*
|
|
#navigation-top .nav li a.sf-with-ul { padding-right:20px; }
|
|
*/
|
|
|
|
/*
|
|
#navigation-top .nav a:hover { padding: 10px 15px; }
|
|
*/
|
|
#navigation-top .nav li.current_page_item a:hover, #navigation-top .nav li.current-cat a:hover,
|
|
#navigation-top .nav li.current-menu-item a:hover { background: #444342; }
|
|
|
|
|
|
#navigation-top .nav li ul { background: #242424; border: none; padding: 0; width: 204px; }
|
|
#navigation-top .nav li ul li { border-bottom: 1px solid #444342; }
|
|
#navigation-top .nav li ul a { border: none; font-size: 12px; padding: 8px 12px; font-size: 11px; }
|
|
#navigation-top .nav li ul a:hover { padding: 8px 12px; }
|
|
|
|
#primary-nav { z-index:100;}
|
|
|
|
/* 2.2.2 Top Navigation (optional) */
|
|
#top { background: #000; }
|
|
#top .nav { }
|
|
#top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; }
|
|
#top .nav li { }
|
|
#top .nav li a.sf-with-ul { padding-right:20px; }
|
|
|
|
#top .nav a:hover,
|
|
#top .nav li.current_page_item a,
|
|
#top .nav li.current_page_parent a,
|
|
#top .nav li.current-menu-ancestor a,
|
|
#top .nav li.current-cat a,
|
|
#top .nav li.current-menu-item a,
|
|
#top .nav li.sfHover { background: #222; }
|
|
|
|
#top .nav li ul { background: #222; margin:0; padding:0px; width: 180px; border: none; z-index:999;
|
|
/* Box Shadow */
|
|
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
|
|
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
|
|
box-shadow: 0 2px 2px rgba(0,0,0,.1);
|
|
}
|
|
#top .nav li ul, #top .nav li ul li:last-child a {
|
|
/* Border Radius */
|
|
border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
|
|
}
|
|
#top .nav li ul li { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
|
|
#top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;}
|
|
#top .nav li ul li a:hover { background: #000; }
|
|
#top .nav li ul li a.sf-with-ul { padding-right:10px; }
|
|
#top .nav li ul ul { margin: -34px 0 0 180px; }
|
|
|
|
#top .nav li:hover, #top .nav li.hover { position:static; }
|
|
#top .nav li:hover ul ul, #top .nav li.sfhover ul ul,
|
|
#top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul,
|
|
#top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; }
|
|
#top .nav li:hover ul, #top .nav li.sfhover ul,
|
|
#top .nav li li:hover ul, #top .nav li li.sfhover ul,
|
|
#top .nav li li li:hover ul, #top .nav li li li.sfhover ul,
|
|
#top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; }
|
|
|
|
.footer-menu { margin-top: 35px; }
|
|
.footer-menu .nav li a { color: #B8ABA1; font-size:13px; font-weight:normal; border-left:1px solid #454343; text-shadow: 1px 1px 0 #111; padding: 5px 15px; }
|
|
.footer-menu .nav li a:hover { padding: 5px 15px; background: none; color: #fff; text-shadow: 0 0 14px #F6F7A0; }
|
|
|
|
|
|
/* 2.3 Header */
|
|
#header{ padding: 0; clear: both; position: relative; z-index: 4; }
|
|
|
|
#header-left { height: 100%; padding: 0 40px 0 20px; width: 510px; background: #000; }
|
|
|
|
#logo { background-color: #000; background: rgba(0, 0, 0, 0.9); width: 390px; height: 100%; text-align: right; }
|
|
#logo img { margin: 0; }
|
|
|
|
#logo .site-title, #logo .site-description { font-family: AdelleBasic, sans-serif; color: #fff; display:none; padding: 40px 0 0; }
|
|
#logo .site-title a { color:#fff; font-size:35px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
|
|
#logo .site-title a:hover { text-shadow: 0 0 10px #F6F7A0; text-decoration: none; }
|
|
#logo .site-description { color:#999; font-size: 18px; text-transform: uppercase; padding: 0; }
|
|
|
|
#header .tool-icons { margin-top: 25px; }
|
|
#header .tool-icons li {float:left; height: 30px;}
|
|
#header .tool-icons a.full-screen {background: url(images/full-screen-icon.png) no-repeat left center;}
|
|
#header .tool-icons a.home {background: url(images/home-icon.png) no-repeat left center;}
|
|
#header .tool-icons li a {width: 30px; height: 30px; display: block; color: #999; text-transform: none; margin-right: 10px;}
|
|
#header .tool-icons li a:hover {text-decoration: none; color: #fff}
|
|
#header .tool-icons li span {display: none;}
|
|
|
|
#header-left .social-icons { margin-top: 25px; }
|
|
|
|
.social-icons { margin-top: 5px; }
|
|
.social-icons li {float:left; height: 30px;}
|
|
.social-icons li.facebook {background: url(images/ico-facebook-footer.png) no-repeat left center;}
|
|
.social-icons li.twitter {background: url(images/ico-twitter-footer.png) no-repeat left center;;}
|
|
.social-icons li.blogger {background: url(images/ico-blogger-footer.png) no-repeat left center;;}
|
|
.social-icons li a {padding: 5px 10px 0px 35px; display: block; color: #999; text-transform: uppercase;}
|
|
.social-icons li a:hover {text-decoration: none; color: #fff}
|
|
|
|
|
|
#topad {float:right;}
|
|
|
|
#search-top { display: none; position:absolute; top:50px; z-index: 101; border: 5px solid #262626; border-radius: 5px; }
|
|
#search-top .searchform { -moz-box-shadow: inset 1px 1px 15px #090908; -webkit-box-shadow: inset 1px 1px 15px #090908; box-shadow: inset 1px 1px 15px #090908; border: 0; border-radius: 0; }
|
|
#search-top .search_main { background: #181818; padding: 2px; width: 419px; -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); box-shadow:inset 0 -1px 1px rgba(255,255,255,0.3); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
|
|
#search-top .searchform input.search-submit { height: 30px; right: -3px; top: 1px; padding-left: 30px; background: #A39B98 url(images/ico-search-top-form.png) no-repeat 8px center; }
|
|
#search-top .arrow { width: 10px; height: 8px; display: block; background: url(images/ico-search-top-arrow.png) no-repeat; left: 387px; position: absolute; top: -13px; }
|
|
.top-search a, .top-search a:hover { width:37px; background: url(images/ico-search-top.png) no-repeat 8px 9px !important; padding-left: 30px !important; }
|
|
.top-search.close a { background: url(images/ico-search-close.png) no-repeat 8px 12px !important; text-transform:uppercase; font-size:10px !important; }
|
|
|
|
/* 2.4 Content */
|
|
#content { }
|
|
.home #content { }
|
|
|
|
/* 2.5 Sidebar */
|
|
#sidebar{overflow:hidden;padding:2em 0;}
|
|
#sidebar .primary { }
|
|
#sidebar .secondary { float:left; margin-right:20px; }
|
|
#sidebar .secondary.last { margin:0; }
|
|
|
|
/* 2.6 Footer */
|
|
|
|
#footer-top {}
|
|
|
|
#footer {margin: 0px auto; padding: 0px /*10px 0 30px*/; color:#767570; font-size: 12px}
|
|
#footer p {}
|
|
#footer #credit img{vertical-align:middle;}
|
|
#footer #credit span{display:none;}
|
|
|
|
#footer-widgets { border-top:1px solid #e6e6e6; padding:10px 0; }
|
|
#footer-widgets .block { padding:20px 10px 0 10px; width:210px; float:left; }
|
|
#footer-widgets.col-1 .block { width:100%; padding-left:0; }
|
|
#footer-widgets.col-2 .block { width:460px; }
|
|
#footer-widgets.col-3 .block { width:300px; }
|
|
#footer-widgets.col-4 .block { width:220px; }
|
|
|
|
/* 2.7 Breadcrumbs */
|
|
#breadcrumbs {
|
|
margin: 0;
|
|
background-color: #7F7875;
|
|
color: #181818;
|
|
font-size: 20px;
|
|
letter-spacing: 1px;
|
|
margin: 0;
|
|
padding: 2px 15px;
|
|
position: relative;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
#breadcrumbs a {
|
|
color: #AFA8A5;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#breadcrumbs a:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
/* 3. POSTS */
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
|
|
#breadcrumb {
|
|
margin: 0;
|
|
}
|
|
|
|
.post .video { }
|
|
|
|
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#3D3836 1px solid; }
|
|
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
|
|
|
|
#blog-title { padding: 30px 0; border-top: 2px dashed #3D3836; left: -40px; position: relative; width: 520px; }
|
|
#blog-title h3 { color: #77726F; padding: 5px 0; font-size: 26px; text-transform: uppercase; background: url(images/ico-section.png) no-repeat right center; letter-spacing: 1px; margin:0 40px; }
|
|
|
|
#intro { color: #E0D4CE; font-size: 26px; padding-bottom: 40px; }
|
|
#intro p { line-height: 1.4em; font-weight:100; }
|
|
#intro a { font-weight: 400; border-bottom: 1px solid #329DD5; }
|
|
#intro a:hover { border-bottom: 1px solid #58C8FF; text-decoration: none; }
|
|
|
|
.post { margin: 0; padding: 0; position: relative; }
|
|
|
|
.post .title, .page .title { font-family: sans-serif; position:relative; margin:0; padding: 2px 15px; font-size: 20px; letter-spacing: 1px; color:#181818; text-transform: uppercase; background-color: #7F7875;}
|
|
.post .title a:link, .post .title a:visited { color:#fff; }
|
|
.post .title a:hover { text-shadow: 0 0 10px #F6F7A0; text-decoration: none; }
|
|
|
|
/* date badge */
|
|
.post .post-date { background: #A39B98; border-left: 3px solid #8B8481; position: absolute; left: 480px; color: #fff; text-transform: uppercase; text-align: center; padding: 5px 10px; letter-spacing: 1px; }
|
|
.post .post-date .month { font-size: 14px; display: block; }
|
|
.post .post-date .day { font-size: 26px; position: relative; top: -2px; }
|
|
|
|
.layout-left-content .post-date { left: -85px; border-left: 0; border-right: 3px solid #8B8481; }
|
|
|
|
.post-meta {margin: 1em 0 1.5em 0;font:11px/1em sans-serif;color:#999; }
|
|
.post-meta div {display: block; float: left; width: 33.33%;}
|
|
.post-meta span {display: block; font-size: 16px; text-transform: uppercase; color: #77726F; margin-bottom: 15px;}
|
|
.post-more { clear:both; margin: 1em 0 2em; color:#999;}
|
|
.post-more a.button { padding: 1px 8px; margin: 0; font-size: 16px; }
|
|
|
|
.post p.tags{color:#999; background:url(images/ico-tag.png) no-repeat top left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}
|
|
.post-meta a:link, .post-meta a:visited { color:#E2E2E2; }
|
|
.post-meta a:hover { text-decoration: none; text-shadow: 0 0 5px #F6F7A0; }
|
|
.post-more a:link, .post-more a:visited, .post p.tags a:link, .post p.tags a:visited ()
|
|
.post-more a:hover, .post p.tags a:hover { text-decoration:none; }
|
|
|
|
/* 3.1 Typographic Elements */
|
|
.entry, .entry p { }
|
|
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; }
|
|
.entry p { margin-bottom: 1.2em; }
|
|
.entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #444; }
|
|
.entry blockquote p { font-style:italic; }
|
|
|
|
.entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; }
|
|
.entry ul ul { margin: 0; }
|
|
.entry ul li { list-style-type: disc; margin-bottom: 1.2em; }
|
|
.entry ul ul li { list-style-type: circle; }
|
|
|
|
.entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; }
|
|
.entry ol ol { margin: 0; }
|
|
.entry ol li { list-style-type: decimal; }
|
|
.entry ol li ol li { list-style-type: lower-latin; }
|
|
|
|
/* 3.2 Images */
|
|
.entry img, img.thumbnail { -moz-box-shadow: 2px 1px 6px #111; -webkit-box-shadow: 2px 1px 6px #111; box-shadow: 2px 1px 6px #111; }
|
|
.entry img:hover, img.thumbnail:hover { opacity: .5; }
|
|
img.wp-smiley { padding: 0; border: none; }
|
|
|
|
.alignleft { float: left; height: auto; margin: 8px 20px 10px 0; }
|
|
.alignright { float: right; height: auto; margin: 0px 0 10px 20px; }
|
|
.aligncenter { text-align: center; margin-bottom:15px;}
|
|
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
|
|
|
|
.entry .wp-caption { padding: 1px; text-align:center; }
|
|
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
|
|
.entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em sans-serif; text-align:center; }
|
|
.entry .wp-caption.aligncenter { margin:0 auto 15px; }
|
|
|
|
/* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */
|
|
.nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; }
|
|
.nav-entries a { display: block; color:#777; text-decoration:none;}
|
|
.nav-entries a:hover { text-decoration:underline; }
|
|
|
|
.pagination { text-transform: uppercase; font-size: 16px; }
|
|
|
|
.wp-pagenavi { margin: 0 !important; text-align: center !important; }
|
|
.wp-pagenavi a:link,
|
|
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #A39B98 !important;color: #fff !important; padding: 5px 10px !important; }
|
|
.wp-pagenavi .current,
|
|
.wp-pagenavi .on,
|
|
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; }
|
|
.wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; }
|
|
|
|
.woo-pagination { margin: 0; text-align: center; }
|
|
.woo-pagination a:link,
|
|
.woo-pagination a:visited { display: inline; text-decoration: none; color: #fff; padding: 5px 10px; }
|
|
.woo-pagination span.extend, .woo-pagination .page-numbers { border: none; color: #fff; }
|
|
|
|
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current {
|
|
/* Border Radius */
|
|
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
|
|
}
|
|
|
|
.woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active {
|
|
background: #A39B98;
|
|
text-shadow: 0 -1px 0 #555251;
|
|
margin: 0 0 0 5px;
|
|
}
|
|
|
|
.woo-pagination .current, .woo-pagination a:hover { padding: 5px 10px; background: #706B68; }
|
|
|
|
#post-entries { }
|
|
#post-entries a { background: #A39B98; text-shadow: 0 -1px 0 #555251; margin: 0 0 0 5px; color: #FFFFFF; padding: 5px 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-transform: uppercase; font-size: 15px; }
|
|
|
|
#post-entries a:hover { background: #706B68; text-decoration: none; }
|
|
|
|
/* 3.4 Single Post Author */
|
|
#post-author { background: #242424; margin:0 0 1.5em; padding:15px; border:1px solid #3D3937; border-width:1px 0 1px; clear:both; }
|
|
#post-author .title { margin-bottom: 10px; }
|
|
#post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid #e6e6e6; background:#F8F8F8; background:rgba(255,255,255,0.7);}
|
|
#post-author .profile-link { }
|
|
|
|
/* 3.5 Entry Tables */
|
|
.entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; }
|
|
.entry table tr.alt-table-row { background: #f9f9f9; }
|
|
.entry table th { padding: 6px 0 3px 0; background: #EEEEEE; border: 1px solid #e6e6e6; text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; }
|
|
.entry table td { padding: 6px 0 3px 10px; border: 1px solid #e6e6e6; }
|
|
|
|
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
/* 4. WIDGETS */
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
|
|
/* 4.1 Generic Widgets */
|
|
.widget { padding:25px 0; margin: 0 25px; border-bottom: 1px solid #3D3937; }
|
|
.widget h3 { margin: 0 0 0.5em 0; font:normal 18px sans-serif; color:#77726F; text-transform: uppercase; letter-spacing: 1px; text-shadow:0 1px 0 #111; }
|
|
.widget p { margin-bottom: 1em; }
|
|
|
|
.widget ul { clear:both; padding:0; list-style:none; }
|
|
.widget ul li {}
|
|
.widget ul li a { padding: 0; line-height: 22px; text-decoration: none; }
|
|
.widget ul li a:hover { text-decoration:underline; }
|
|
.widget ul ul { padding: 0 0 0 15px; border-top: none; }
|
|
|
|
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
|
|
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */
|
|
|
|
/* 4.2 Specific Widgets */
|
|
|
|
/* SEARCH FORM */
|
|
.searchform { background: #181818; width: 99%; position: relative; border-color: #101010 #181818 #181818 #181818; border-width:2px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:0px 0 4px #5E5E5E; }
|
|
.searchform input.s { font-size: 14px; padding: 8px; width:85%; margin:0; border:none; background: none; color:#B9B2AE; }
|
|
.searchform input.search-submit { position: absolute; top:2px; right:2px; border:none; margin:0; padding:1px 10px; background: #A39B98; color: #fff; text-shadow: 0 -1px 0 #555251; text-transform: uppercase; font-size: 20px; }
|
|
|
|
/* FLICKR */
|
|
.widget_woo_flickr h3 {}
|
|
.widget_woo_flickr h3 span{color:#0061D8;}
|
|
.widget_woo_flickr h3 span span{color:#FF1183;}
|
|
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
|
|
|
|
.widget_woo_flickr .wrap { position: relative; padding: 0; }
|
|
.widget_woo_flickr a img { float: left; margin: 0 0 4px 4px; display: block; -moz-box-shadow: 2px 1px 6px #111; -webkit-box-shadow: 2px 1px 6px #111; box-shadow: 2px 1px 6px #111; }
|
|
.widget_woo_flickr a:hover img {}
|
|
|
|
/* LIFESTREAM */
|
|
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
|
|
.widget_lifestream ul li a { border:none; background:none!important; }
|
|
.widget_lifestream ul .lifestream_meta { color: inherit; }
|
|
|
|
/* CALENDAR */
|
|
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
|
|
#wp-calendar caption{padding:10px;}
|
|
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
|
|
#wp-calendar td{background:transparent;}
|
|
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
|
|
|
|
/* Blog Author Widget */
|
|
.widget_woo_blogauthorinfo .avatar { padding: 0; -moz-box-shadow: 2px 1px 6px #111; -webkit-box-shadow: 2px 1px 6px #111; box-shadow: 2px 1px 6px #111;}
|
|
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
|
|
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
|
|
|
|
/* TWITTER */
|
|
.widget_woo_twitter .back {}
|
|
.widget_woo_twitter ul { padding-left:0; border:0; }
|
|
.widget_woo_twitter ul li { border-bottom: 0; list-style:none; margin-bottom: 25px; }
|
|
.widget_woo_twitter ul li:last-child { border:none; margin-bottom: 0; }
|
|
.widget_woo_twitter ul li a { padding: 0; line-height: inherit; }
|
|
.widget_woo_twitter ul li .time { color:#5B5B5B; display: block; }
|
|
.widget_woo_twitter p { padding: 10px 0 0 5px; font-weight: bold; color:#777; }
|
|
.widget_woo_twitter p a { color:#222; }
|
|
.widget_woo_twitter ul li .content { font-size: 13px; }
|
|
.widget.widget_woo_twitter h3 { background: url(images/ico-twitter.png) no-repeat left center; border-bottom:none; padding:0 0 0 30px; margin:0 0 20px 0; }
|
|
|
|
/* EMBED */
|
|
.widget_woo_embedwidget {}
|
|
.widget_woo_embedwidget .widget-video-inside { background: #1B1A19; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 25px; }
|
|
.widget_woo_embedwidget .widget-video-unit { margin-bottom: 5px; }
|
|
.widget_woo_embedwidget .widget-video-unit h4 { font-size: 20px; margin: 0 0 15px 0; text-transform: uppercase; }
|
|
.widget_woo_embedwidget .widget-video-list {}
|
|
.widget_woo_embedwidget .widget-video-list li { border-bottom: 1px solid #3D3937; padding: 5px 4px; }
|
|
|
|
/* BLOGROLL */
|
|
.widget_links ul li { font-size: 16px; padding:5px 0; }
|
|
.widget_links ul li:last-child { padding-bottom:0; }
|
|
.widget_links ul li a { background:url(images/blogroll-link.png) right center no-repeat; padding-right: 19px; }
|
|
|
|
/* TEXT WIDGET */
|
|
.widget_text h3 { font-family: AdelleBasic, sans-serif !important; text-transform: capitalize; color:#fff; }
|
|
|
|
/* BLOG ARCHIVES */
|
|
.widget_woo_archives .archive { font-size: 18px;letter-spacing: 1px; text-transform: uppercase; margin: 7px 0; }
|
|
.widget_woo_archives span a { color: #77726F; }
|
|
.widget_woo_archives .fl { width: 10%; margin-right: 2%; }
|
|
.widget_woo_archives .fr { width: 88%; }
|
|
.widget_woo_archives li { float: left; margin:0 4px; }
|
|
.widget_woo_archives li a { color: #fff; background: #1A1918; padding: 4px 10px !important; display: block; }
|
|
.widget_woo_archives li a:hover { background: #383A3A; text-decoration: none !important; text-shadow: 0 0 6px #F6F7A0; }
|
|
|
|
|
|
/* 4.3 WooTabs */
|
|
#tabs {
|
|
background:#1B1A19; height:auto; display: block;padding:10px;
|
|
/* Border Radius */
|
|
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
|
|
}
|
|
|
|
#tabs ul.wooTabs { padding:0px; }
|
|
#tabs ul.wooTabs li {
|
|
float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer;
|
|
/* Gradient Background */
|
|
background:#292929;
|
|
}
|
|
#tabs ul.wooTabs li a { color:#777; display: block;float: left;padding: 10px 12px; text-transform:none; font:bold 12px/18px sans-serif; border: 1px solid #3D3937; border-width:1px 1px 0 0;}
|
|
#tabs ul.wooTabs li a.selected { padding-bottom:11px; }
|
|
#tabs ul.wooTabs li a.selected,
|
|
#tabs ul.wooTabs li a:hover { background:#242424; text-decoration:none; border-width:1px 1px 0 0; }
|
|
#tabs ul.wooTabs li:first-child a { border-width:1px 1px 0px 1px;}
|
|
|
|
#tabs .inside { background:#242424; border: 1px solid #3D3937; margin-top:-1px; }
|
|
#tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; }
|
|
#tabs .inside ul:first-child { display: inline; }
|
|
#tabs .inside #tab-tags { border-width:1px; padding:10px; }
|
|
#tabs .inside li { border-bottom: 1px solid #3D3937; padding:15px; list-style:none;}
|
|
#tabs .inside li a { color:#555; font:bold 12px/18px sans-serif; padding:0;}
|
|
#tabs .inside a:hover{}
|
|
#tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: none repeat scroll 0 0 #A39B98; text-shadow: 0 -1px 0 #555251; font-size:13px !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; color: #fff;}
|
|
#tabs .inside #tab-tags a:hover{ background: #706B68; text-decoration: none;}
|
|
#tabs .inside li span.meta { display:block; font:italic 11px/20px Georgia, serif; text-transform:normal; color:#999; }
|
|
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail {padding: 0; background:none; float: left; margin: 0 10px 0 0; }
|
|
#tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#aaa; }
|
|
|
|
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
/* 5. COMMENTS */
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
|
|
/* 5.1 Comments */
|
|
#comments {position:relative;margin:2em 0 0;padding:2em 0 0 0; border-top:1px solid #3D3836;}
|
|
#comments h3 { color:#77726F; font-weight:normal; margin-bottom:20px; text-transform: uppercase; }
|
|
/*#comments .comment.thread-even { border-bottom:1px solid #b2b2b2; }
|
|
#comments .comment.bypostauthor { border-bottom:1px solid #efe3ae; }*/
|
|
#comments .comment{width:100%;list-style-type:none;overflow: hidden;}
|
|
#comments .comment .comment-container { position:relative; padding: 5px 0; overflow: hidden; }
|
|
#comments .comment-head { margin: 0 0 15px 0; }
|
|
#comments .avatar { float:left; margin: 0 20px 10px 0; width: 80px; }
|
|
#comments .avatar img{margin: 0 0 8px 0;vertical-align: middle; -moz-box-shadow: 2px 1px 6px #000; -webkit-box-shadow: 2px 1px 6px #000; box-shadow: 2px 1px 6px #000; }
|
|
#comments .avatar span { display: block; }
|
|
#comments .avatar .name { margin: 0; font-weight: bold; font-size: 11px; color: #fff; }
|
|
#comments .avatar .name a { color: #fff; }
|
|
#comments .avatar .date, #comments .avatar .edit, #comments .avatar .perma { font-size: 11px; }
|
|
#comments .avatar .edit, #comments .avatar .perma { display: inline; }
|
|
#comments .comment-entry { font-size: 12px; float: none; margin-left: 5px; }
|
|
#comments .comment-entry p { margin: 0 0 10px 0;}
|
|
#comments .reply { padding:5px 0; }
|
|
#comments .reply a { font: 11px/18px sans-serif; background: #A39B98; border: none; text-shadow: 0 -1px 0 #555251; color:#fff !important; margin: 0; padding: 2px 7px 0 }
|
|
#comments .reply a:hover { background-color: #706B68;}
|
|
|
|
#comments ul.children{margin:10px 0 0 25px;padding:0; }
|
|
#comments ul.children li {/*border-top:1px solid #e6e6e6; */}
|
|
#comments .cancel-comment-reply{margin:10px 0;}
|
|
|
|
#comments .navigation { }
|
|
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
|
|
#comments .navigation a:hover{}
|
|
|
|
#comments h3#pings { margin-top:25px; }
|
|
#comments .pingbacks li.pingback { margin:10px 0; }
|
|
#comments .pingbacks li.pingback .reply { display:none; }
|
|
|
|
#comments .nocomments { font-size:14px; font-weight: bold; }
|
|
|
|
/* 5.2 Comments Form */
|
|
#respond { margin: 40px 0 0 0; padding: 40px 0 0 0; border-top: 1px solid #3D3836; clear: both; }
|
|
#respond h3 { color:#77726F; font-weight:normal; margin-bottom:20px; text-transform: uppercase; }
|
|
#respond .left { float:left; width:200px; margin-right:15px; }
|
|
#respond .right { float:left; width:380px; }
|
|
#respond label { font-size:11px; color:#777; }
|
|
|
|
.comment-container #respond { padding: 20px 0 0; }
|
|
|
|
#commentform { margin: 15px 0 0 0; }
|
|
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
|
|
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #101010 #181818 #181818 #181818; border-width:0px; border-style:solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow:1px 1px 0 #2E2D2C; background: #0D0D0C;}
|
|
#commentform input.txt { color:#666; width: 381px; margin: 0 5px 20px 0; padding: 10px 10px 10px 45px; }
|
|
#commentform textarea { color:#666; width: 86% !important; padding: 14px 14px 14px 45px; }
|
|
|
|
#commentform p.loggedin { margin-bottom: 10px; font-size: 12px; }
|
|
|
|
#respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; }
|
|
|
|
/* Form icons */
|
|
#respond input#author { background: #0D0D0C url(images/ico-user.png) no-repeat 12px 9px; }
|
|
#respond input#email { background: #0D0D0C url(images/ico-mail.png) no-repeat 12px 11px; }
|
|
#respond input#url { background: #0D0D0C url(images/ico-link.png) no-repeat 12px 11px; }
|
|
#respond textarea { background: #0D0D0C url(images/ico-comment.png) no-repeat 12px 13px; }
|
|
|
|
/* 5.3 Pingbacks / Trackbacks */
|
|
h3#pings { margin: 25px 0 10px 0; }
|
|
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
|
|
.pinglist li .author { font-weight: bold; font-size: 15px; }
|
|
.pinglist li .date { font-size: 11px; }
|
|
.pinglist li .pingcontent { display: block; margin: 10px 0; }
|
|
|
|
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
/* 6. MISC */
|
|
/*-------------------------------------------------------------------------------------------*/
|
|
|
|
/* 6.1 Buttons */
|
|
a.button,
|
|
a.comment-reply-link,
|
|
#commentform #submit,
|
|
.submit {
|
|
display: inline-block;
|
|
margin: 5px;
|
|
padding: 5px 10px;
|
|
border: 1px solid #F79C78;
|
|
border-bottom-color: #BA4D23;
|
|
color: white !important;
|
|
text-align: center;
|
|
text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
|
|
/*Border radius*/
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
|
|
/*Background*/
|
|
background: #F9733D; /*Fallback*/
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(.2, #FA8050),
|
|
color-stop(1, #B74A20)
|
|
);
|
|
background: -moz-linear-gradient(
|
|
center top,
|
|
#FA8050 20%,
|
|
#B74A20 100%
|
|
);
|
|
|
|
/*Box shadow*/
|
|
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
|
|
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
|
|
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
|
|
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
|
|
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
|
|
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
|
|
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
|
|
inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
|
|
0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
|
|
}
|
|
|
|
a.button.large { padding:6px 16px;}
|
|
a.button.small, a.comment-reply-link { padding:0px 10px;}
|
|
|
|
a.button:hover,
|
|
a.button.hover,
|
|
a.button.active,
|
|
a.comment-reply-link:hover,
|
|
#commentform #submit:hover,
|
|
.submit:hover {
|
|
text-decoration: none !important;
|
|
/*Background*/
|
|
background: #A1421E; /*Fallback*/
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(.2, #DD5926),
|
|
color-stop(1, #B74A20)
|
|
);
|
|
background: -moz-linear-gradient(
|
|
center top,
|
|
#DD5926 20%,
|
|
#B74A20 100%
|
|
);
|
|
}
|
|
|
|
a.button:active,
|
|
a.button.active, .submit:active {
|
|
border-color: #E56230;
|
|
|
|
/*Box shadow*/
|
|
-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
|
|
0 0 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
|
|
-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
|
|
0 0 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
|
|
box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
|
|
0 0 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
|
|
}
|
|
|
|
a.button.inactive,{
|
|
border: 1px solid #d5d5d5;
|
|
border-bottom-color: #e6e2e2;
|
|
color: #aeaeae;
|
|
text-shadow: 0 1px 0 white;
|
|
|
|
/*Background*/
|
|
background: #e8e8e8; /*Fallback*/
|
|
background: -webkit-gradient(
|
|
linear,
|
|
left top,
|
|
left bottom,
|
|
color-stop(.2, #f3f3f3),
|
|
color-stop(1, #e6e6e6)
|
|
);
|
|
background: -moz-linear-gradient(
|
|
center top,
|
|
#f3f3f3 20%,
|
|
#e6e6e6 100%
|
|
);
|
|
|
|
/*Box shadow*/
|
|
-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
|
|
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
|
|
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
|
|
-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
|
|
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
|
|
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
|
|
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.5) /*Top*/,
|
|
inset 0 0 2px hsla(0,100%,100%,.1) /*Shine*/,
|
|
0 1px 0 hsla(0, 100%, 100%, .7) /*Shadow*/;
|
|
}
|
|
|
|
/* 6.2 Contact Form */
|
|
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
|
|
#contact-page ol.forms {float:left;list-style:none;width:100%;margin:10px 0 0;}
|
|
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
|
|
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
|
|
#contact-page ol.forms input.txt{width:214px;}
|
|
#contact-page ol.forms input#sendCopy{border:none;}
|
|
#contact-page ol.forms textarea{height:300px;width:400px;}
|
|
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
|
|
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
|
|
#contact-page ol.forms li.screenReader{margin-bottom:0;}
|
|
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor:pointer; }
|
|
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
|
|
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}
|
|
.entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */
|
|
|
|
/* 6.3 Gravity forms */
|
|
.gfield { margin-bottom: 10px; }
|
|
.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
|
|
.gform_wrapper input.button { padding: 5px 10px 6px !important; }
|
|
.gform_wrapper input { padding: 7px 3px !important; }
|
|
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
|
|
.gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; }
|
|
ul.top_label .clear-multi { clear: none !important; }
|
|
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
|
|
img.ui-datepicker-trigger { border: 0px; padding: 0px; }
|
|
|
|
/* 6.4 Timeline Page Template */
|
|
#archives { padding: 10px 0 0; }
|
|
#archives a { font-style: italic; }
|
|
h3.archive_year { font: bold 20px sans-serif; color:#555; margin-top:0; }
|
|
#archives .archives_list { border-left:1px solid #555555; list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;}
|
|
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; }
|
|
#archives .archives_list .date { color: #808080; width: 100px; font-style: italic; display: inline-block; vertical-align: top; }
|
|
#archives .archives_list .linked { width: 154px; display: inline-block; vertical-align: top;}
|
|
#archives .archives_list .comments { width: 109px; display: inline-block; vertical-align: top;}
|
|
#archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; }
|
|
#archives .archives_list .comments a:hover { text-decoration: none; }
|
|
|
|
/* 6.5 IE specific styling */
|
|
.ie6 .nav .sf-sub-indicator { display:none; }
|
|
.ie6 .nav li a:hover { text-decoration:none; }
|
|
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
|
|
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a { color:#555 !important; }
|
|
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
|
|
.ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; }
|
|
.ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; }
|
|
|
|
/* 6.6 Connect */
|
|
#connect { background: #1B1A19; margin:0; padding:15px; clear:both; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
|
|
#main #connect .col-left, #connect .col-right { width:48%; }
|
|
#connect .title { margin-bottom: 10px; }
|
|
#connect p { margin: 0 0 1em; }
|
|
#connect .newsletter-form { margin: 0 0 1em; }
|
|
#connect .newsletter-form .input { }
|
|
#connect .newsletter-form .email { width:140px; }
|
|
#connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
|
|
#connect .social { }
|
|
#connect .social a { opacity:0.8; }
|
|
#connect .social a:hover { opacity:1; }
|
|
#connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; }
|
|
#connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; }
|
|
.widget #connect .fl, .widget #connect .fr { float:none;}
|
|
|
|
/* 7. Donate */
|
|
|
|
#donate { background: #000; background: rgba(0,0,0,0.3); border: 0; position: relative; }
|
|
.home #donate { }
|
|
#donate .title { width: 750px; text-align: center; margin:0 auto; padding: 30px 0; }
|
|
#donate h2 { font-family: AdelleBasic, sans-serif; color: #fff; text-shadow: 2px 2px 0 #000; font-size: 60px; line-height: 1.3em; }
|
|
#donate .info { background: #252424; border-top: 3px solid #000; padding: 20px 40px; }
|
|
|
|
/* 7.1 Slider */
|
|
|
|
/* 7.1.1 Background Scrolling Images */
|
|
|
|
/* The !important flag is used here to override properties set by jCarouselLite. */
|
|
#scrolling-images { z-index: -1 !important; }
|
|
#scrolling-images.slides { width: 99%; position: absolute !important; z-index: 1; top: -192px; }
|
|
body.admin-bar #scrolling-images.slides { top: -163px; }
|
|
#scrolling-images.slides ul { display: block; width: 1078px; margin-left: auto !important; margin-right: auto !important; }
|
|
#scrolling-images.slides .slide .content { background: #000000; width: 480px; }
|
|
#scrolling-images.slides .slide .content img { -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; }
|
|
|
|
/* 7.1.2 Main Slides */
|
|
|
|
#slides.slides { margin-left: -94px; }
|
|
body.chrome #slides.slides { margin-left: -91px; }
|
|
body.gecko #slides.slides { margin-left: -92px; }
|
|
|
|
#slides.slides ul { float: left; }
|
|
#slides.slides .slide { float: left; width: 100%; }
|
|
#slides.slides .slide-image { float: left; width: 480px; margin: 30px 0; }
|
|
#slides.slides .slide-content { float: right; width: 433px; height: 100%; padding: 23px 50px 30px 37px; background: #000; background: rgba(0,0,0,0.3); }
|
|
#slides.slides .slide-content .slide-title { font-family: AdelleBasic, sans-serif; color: #FFFFFF; font-size: 55px; }
|
|
#slides.slides .slide-content .slide-entry { line-height: 1.6em; font-size:1.1em; margin-top:5px; color: #E0D4CE; }
|
|
|
|
/* 7.1.3 Slider Navigation */
|
|
|
|
#slide-navigator { position: absolute; z-index: 3; width: 600px; margin-left: 250px; margin-top: 325px; background: #000; background: rgba(0,0,0,0.6); padding: 10px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; }
|
|
#slide-navigator a.pager { display: inline-block; width: 50px; height: 42px; margin-top: 5px; }
|
|
body.ie7 #slide-navigator { margin-left: 350px; margin-top: 315px; }
|
|
body.ie7 #slide-navigator a.pager { display: block; float: left; zoom: 1; }
|
|
#slide-navigator a.pager:hover { -moz-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; }
|
|
#slide-navigator a.pager:active { position: relative; top: 1px; }
|
|
|
|
#slide-navigator a.btn-previous { background: transparent url(images/slide-nav-left.png) no-repeat left top; text-indent: -9999px; margin-left: 5px; }
|
|
#slide-navigator a.btn-next { background: transparent url(images/slide-nav-right.png) no-repeat left top; text-indent: -9999px; margin-right: 5px; }
|
|
|
|
/* 7.1.4 "Donate" button */
|
|
|
|
.donate-button { display: inline-block; margin-left: 70px; }
|
|
body.ie7 .donate-button { display: inline; zoom: 1; } /* Fix for IE7 */
|
|
.donate-button input.submit, a.donate-button { -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; font-size: 28px; margin: 0px; padding: 5px 40px; }
|
|
body.ie7 .donate-button input.submit, body.ie7 a.donate-button { padding: 0 20px; }
|
|
body.chrome .donate-button input.submit, body.chrome a.donate-button { border: 0; }
|
|
.donate-button input.submit:hover, a.donate-button:hover { cursor: pointer; }
|
|
.donate-button input.submit:active, a.donate-button:active { position: relative; top: 1px; }
|
|
|
|
a.donate-button { padding: 10px 40px; margin-left: 70px; }
|
|
#intro a.donate-button { font-weight: normal; padding: 13px 40px; }
|
|
|
|
/* 7.1.5 "Learn More" link */
|
|
#slide-navigator .learn-more { display: inline-block; margin-top: 13px; margin-left: 20px; margin-right: 30px; }
|
|
body.ie7 #slide-navigator .learn-more { display: inline; zoom: 1; }
|
|
#slide-navigator .learn-more .or-text { font-size: 16px; padding-right: 16px; }
|
|
#slide-navigator .learn-more a.more-link { font-size: 18px; border-bottom: 1px solid #329DD5; }
|
|
#slide-navigator .learn-more a.more-link:hover { text-decoration: none; border-bottom: 1px solid #58C8FF; }
|
|
|
|
/* 7.2 Donate Page Template */
|
|
.page-template-template-donate-php #intro { background: #252424; padding: 45px 40px; border-top: 3px solid #000; }
|
|
.page-template-template-donate-php #intro .meter { margin-top: 40px; height: 49px; /* Can be anything */ width: 556px; position: relative; background: #000; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; padding: 10px; display: inline-block; background: #000 url(images/donate-meter-page.png) 524px 21px no-repeat; }
|
|
.page-template-template-donate-php #intro .meter > span { display: block; height: 100%; -moz-border-radius: 60px; -webkit-bottom-radius: 60px; border-radius: 60px; background: #7F7875; position: relative; overflow: hidden; text-align: right; }
|
|
.page-template-template-donate-php #intro .money-so-far { background: url("images/donate-meter-page.png") no-repeat 97% center; color: #FFF; display: block; height: 25px; margin-top: 10px; padding-right: 55px; padding-top: 5px; font-size: 26px; }
|
|
.page-template-template-donate-php .donate-button-wrap { background: #000; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; margin-top: 40px; margin-left: 20px; padding: 10px; display: inline-block; }
|
|
|
|
.page-template-template-donate-php .donate-button { margin: 0; } |