/****************************************************************************************************************
THEME NAME: Pypeline
THEME URI: http://www.example.com
DESCRIPTION: A custom theme by Jarrod Pyper for Startbox.
TAGS: startbox, one column, two column, three column, widgets, shortcodes, theme options
VERSION: 1.0
AUTHOR: Jarrod Pyper
AUTHOR URI: http://www.jarrodpyper.com
LICENSE: GNU General Public License
LICENSE URI: license.txt
TEMPLATE: startbox
****************************************************************************************************************
Default styles from startbox are imported via wp_enque_style() in functions.php
****************************************************************************************************************
Table of Contents
****************************************************************************************************************
0. General Styling
1. Layout
2. Menu
3. Widget Areas
4. Articles
5. Comments
6. Footer
****************************************************************************************************************
0. General Styling
****************************************************************************************************************/
/*Font Face Stuff*/
@font-face {
font-family: 'Nobile';
src: url('fonts/nobile-webfont.eot');
src: url('fonts/nobile-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/nobile-webfont.woff') format('woff'),
url('fonts/nobile-webfont.ttf') format('truetype'),
url('fonts/nobile-webfont.svg#NobileRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jungle Fever';
src: url('fonts/junglefe-webfont.eot');
src: url('fonts/junglefe-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/junglefe-webfont.woff') format('woff'),
url('fonts/junglefe-webfont.ttf') format('truetype'),
url('fonts/junglefe-webfont.svg#JungleFeverRegular') format('svg');
font-weight: normal;
font-style: normal;
}
/*End Font Face*/
body {
background: #ddd;
}
a, a:visited {}
a:hover, a:active, a:focus {}
h1,h2,h3,h4,h5,h6 {}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
hr {}
img, p img {}
blockquote {}
blockquote p {}
pre,code {
background: #333;
color: #eee;
padding: 10px;
display: block;
}
strong {}
em {}
del {}
ins {}
abbr,cite {}
.more-link, .more-link:visited {}
.more-link:hover, .more-link:active {}
.post-content dl,
.post-content ul,
.post-content ol {}
.post-content dl dl,
.post-content ul ul,
.post-content ol ol {}
.post-content ul {}
.post-content ol {}
.post-centent li {}
.cb {
clear: both;
}
/****************************************************************************************************************
1. Layout
****************************************************************************************************************/
.skip-to-content {}
.rtt {} /* Return to Top link */
#wrap, #footer_wrap {
background: #ddd;
}
#wrap {
margin-top: 100px;
}
.home #wrap {
margin-top: 70px;
}
#footer_wrap {
width: 100%;
background: #555;
}
#header {
width: 100%;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #333;
z-index: 200;
}
#header_inside {
margin: 0 auto;
width: 960px;
}
#logo {
margin: 5px;
}
#blog-title, #blog-description {}
#container_wrap {
margin-top: 10px;
}
#container_wrap a, #container_wrap a:visited {
color: #0091ab;
}
#container {}
#content {
min-height: 470px;
}
.portfolio_post {
width: 260px;
float: left;
margin: 0 20px 30px 10px;
}
#nav-above {}
#nav-above, #nav-below {}
.nav-previous {}
.nav-next {}
.page-template-pagefullwidth-php div#container,
.page-template-pagefullwidth-php div#content {}
#tooltip {
position: absolute;
background: #555;
color: #ddd;
font-size: .9em;
z-index: 200;
padding: 0px 3px;
border: 1px solid #000;
box-shadow: 5px 5px 5px #555;
text-shadow: 0 1px 0 #222;
display: none;
}
.gform_wrapper input.button {
float: left;
}
/****************************************************************************************************************
2. Menu
****************************************************************************************************************/
/* Menu */
.nav {}
.nav ul {}
.nav li {}
/* Default Links */
.nav li a, .nav li a:visited {}
.nav li:hover a, .nav li:hover a:visited,
.nav li a:hover, .nav li a:active, .nav li a:focus,
.nav li.current-menu-item a, .nav li.current-menu-item a:visited,
.nav li.current-menu-ancestor a, .nav li.current-menu-ancestor a:visited {}
/* Active Links */
.nav li.current-menu-item a, .nav li.current-menu-item a:visited,
.nav li.current-menu-ancestor a, .nav li.current-menu-ancestor a:visited {}
/* Sub-menu */
.nav li ul,
.nav li:hover li ul {}
.nav li:hover ul,
.nav li li:hover ul {}
.nav li:hover li ul {}
/* Sub-menu Links */
.nav li li {}
.nav li li a, .nav li li a:visited,
.nav li:hover li a, .nav li:hover li a:visited {}
/* Sub-menu Active Links */
.nav li:hover li a:hover, .nav li:hover li a:active,
.nav li li.current-menu-item a, .nav li li.current-menu-item a:visited,
.nav li li.current-menu-ancestor a, .nav li li.current-menu-ancestor a:visited {}
/* Top Nav Menu Styles */
.nav-sb_header {
width: 450px;
clear: none;
float: right;
margin-top: 25px;
border: none;
}
.nav-sb_header ul {
float: right;
}
.nav-sb_header li {
margin: 0 4px;
}
/* Top Nav Links */
.nav-sb_header li a, .nav-sb_header li a:visited {
color: #eee;
}
/* Top Nav Active Links */
.nav-sb_header li:hover a, .nav-sb_header li:hover a:visited,
.nav-sb_header li a:hover, .nav-sb_header li a:active, .nav-sb_header li a:focus,
.nav-sb_header li.current-menu-item a, .nav-sb_header li.current-menu-item a:visited,
.nav-sb_header li.current-menu-ancestor a, .nav-sb_header li.current-menu-ancestor a:visited {
background: #006d80;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.28, #006D80),
color-stop(0.79, #0091AB)
);
background-image: -moz-linear-gradient(
center bottom,
#006D80 28%,
#0091AB 79%
);
color: #eee;
border: none;
border-radius: 5px;
-moz-box-shadow: 0px 2px 2px rgba(0,0,0, .1);
-webkit-box-shadow: 2px 2px 0px rgba(0,0,0, .1);
box-shadow: 2px 2px 0px rgba(0,0,0, .1);
}
.nav-sb_header li.current-menu-item a, .nav-sb_header li.current-menu-item a:visited,
.nav-sb_header li.current-menu-ancestor a, .nav-sb_header li.current-menu-ancestor a:visited {}
/* Top Nav Sub-menu */
.nav-sb_header li ul {}
.nav-sb_header li:hover li ul {}
/* Top Nav Sub-menu Links */
.nav-sb_header li li a, .nav-sb_header li li a:visited,
.nav-sb_header li:hover li a, .nav-sb_header li:hover li a:visited {}
/* Top Nav Sub-menu Active Links */
.nav-sb_header li:hover li a:hover, .nav-sb_header li:hover li a:active,
.nav-sb_header li li.current-menu-item a, .nav-sb_header li li.current-menu-item a:visited,
.nav-sb_header li li.current-menu-ancestor a, .nav-sb_header li li.current-menu-ancestor a:visited {}
/* Footer Nav Menu Styles */
.nav-footer {}
.nav-footer ul {}
/* Footer Nav Links */
.nav-footer li a, .nav-footer li a:visited {}
/* Footer Nav Active Links */
.nav-footer li:hover a, .nav-footer li:hover a:visited,
.nav-footer li a:hover, .nav-footer li a:active, .nav-footer li a:focus,
.nav-footer li.current-menu-item a, .nav-footer li.current-menu-item a:visited,
.nav-footer li.current-menu-ancestor a, .nav-footer li.current-menu-ancestor a:visited {}
/* Footer Nav Sub-menu */
.nav-footer li ul {}
.nav-footer li:hover li ul {}
/* Footer Nav Sub-menu Links */
.nav-footer li li a, .nav-footer li li a:visited,
.nav-footer li:hover li a, .nav-footer li:hover li a:visited {}
/* Footer Nav Sub-menu Active Links */
.nav-footer li:hover li a:hover, .nav-footer li:hover li a:active,
.nav-footer li li.current-menu-item a, .nav-footer li li.current-menu-item a:visited,
.nav-footer li li.current-menu-ancestor a, .nav-footer li li.current-menu-ancestor a:visited {}
/* Nav Extras */
.nav li.search {}
.nav li.menu-item-type-search .searchtext {}
.nav li.menu-item-type-search .button {}
li.menu-item-type-social {}
li.menu-item-type-social a, li.menu-item-type-social a:visited {}
li.menu-item-type-social a span {}
/****************************************************************************************************************
3. Widget Areas
****************************************************************************************************************/
.featured-item {
border: none;
}
.widget-title{
background: url('images/navdivider.gif') repeat-x bottom;
line-height: 30px;
margin-bottom: 20px;
}
.widget-title, .widget-title a {
color: #ddd;
}
.widget {
color: #fff;
font-family: "Nobile", sans-serif;
font-size: .9em;
}
.widget ul {
border: none;
}
.widget ul li {
margin-bottom: 10px;
border-bottom: 1px solid #999;
}
.widget li a, .widget li a:visited {}
.widget li a:hover, .widget li a:active {
background: none;
color: #333;
}
#wplogo, #startboxlogo {
display: block;
margin: 0;
}
.widget_twitter {
margin-bottom: 5px;
}
.widget_twitter li a, .widget_twitter li a:visited {
border: none;
display: inline;
padding: 0;
color: #00ccf0;
}
.widget_twitter .entry-meta span {
padding: 2px;
}
.widget_twitter .entry-meta {
text-transform: none;
padding-left: 3px;
border-left: 1px solid #777;
}
.widget_twitter .time-meta {
font-size: .9em;
}
#twitter_widget_follow_button {
background: #006d80;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.28, #006D80),
color-stop(0.79, #0091AB)
);
background-image: -moz-linear-gradient(
center bottom,
#006D80 28%,
#0091AB 79%
);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0, .2);
-webkit-box-shadow: 2px 2px 0px rgba(0,0,0, .2);
box-shadow: 2px 2px 0px rgba(0,0,0, .2);
color: #eee;
border-radius: 5px;
padding: 5px;
float: right;
}
/****************************************************************************************************************
4. Articles
****************************************************************************************************************/
div.post {
padding-bottom: 20px;
}
.single .post {}
.home .page-title {
text-indent: -999em;
margin: 0;
}
.entry-title {}
.entry-title a, .entry-title a:visited {}
.entry-meta {}
.entry-photo {}
.entry-content {}
.tag-links {}
.comments-link, .comments-link:visited {}
#entry-author-info {}
.single #entry-author-info {}
#entry-author-info h2 {}
.single #entry-author-info h2 {}
#author-avatar {}
.single #author-avatar {}
/****************************************************************************************************************
5. Comments
****************************************************************************************************************/
#comments h3 {}
.h3-link, .h3-link:visited {}
#comments-list {}
.commentlist,
.commentlist .children {}
.comments {}
.commentlist li {}
.comment-wrap {}
.comment-meta {}
.avatar {}
.commentlist .fn, #commentform .fn {}
.comment-author-name, .comment-author-name:visited {}
.comment-author-name:hover, .comment-author-name:active {}
.comment-date {}
.commentlist li .comment-entry {}
.commentlist li .comment-entry p {}
.comment-arrow {}
.reply-author {}
.comment-entry blockquote {}
.comment-entry blockquote blockquote {}
.comment-entry blockquote p {}
.comment-reply-link,
.comment-edit-link {}
#trackbacks-list {}
#trackbacks-list ol {}
.commentlist .children {}
.commentlist .children li {}
.children .comment-arrow {}
.children .entry-content {}
.children .comment-meta {}
.children .comment-meta .avatar {}
.children .comment-meta .fn {}
.children .entry-content {}
.comment-footer {}
/****************************************************************************************************************
6. Footer
****************************************************************************************************************/
div#footer, #wp_footer {
width: 960px;
}
#footer_sidebar .aside {
padding-bottom: 5px;
}
#sb_credit {}
#site_info {}
.copyright,
.footer_text {}
#login_content {}
#login_links {}
#login_links li {}
#icon-logo {
margin-bottom: -12px;
}
/* Slider CSS */
#pype_slider {
height: 414px;
width: 820px;
border: 2px solid #777;
margin: 10px auto 47px;
background: #777;
color: #fff;
}
#pype_slider ul.ui-tabs-nav{
width: 180px;
list-style:none;
float: right;
z-index: 200;
background: #ccc;
margin: 0;
}
#pype_slider ul li {
height: 138px;
background: url('images/nav-bg.png') no-repeat 50% 100%;
}
#pype_slider ul li img {
border-top: 1px solid #aaa;
border-bottom: 1px solid #999;
}
#pype_slider ul li img.first {
border-top: none;
padding: 30px 40px 29px;
}
#pype_slider ul li img.last {
border-bottom: none;
padding: 29px 40px 30px;
}
.nav_area {
width: 160px;
height: 50px;
float: right;
}
.nav_area img {
padding: 29px 40px;
}
#pype_slider .ui-state-default:hover {
}
#pype_slider .ui-tabs-selected {
background-position: 50% 0;
}
#pype_slider .ui-tabs-panel{
width: 660px;
position: absolute;
z-index: 1;
padding-right
}
#pype_slider .ui-tabs-panel img {
margin: 30px 0 0 260px;
}
#pype_slider .ui-tabs-hide{
display: none;
}
#pype_slider a, #pype_slider a:visited {
color: #54c9dd;
}
#pype_slider a:hover {
text-decoration: underline;
}
#pype_slider span {
font-family: "Jungle Fever", sans-serif;
font-size: 2.7em;
margin-top: 20px;
display: block;
text-align: center;
}
#pype_slider h3 {
text-align: center;
color: #eee;
font-family: "Nobile", sans-serif;
line-height: 35px;
margin-top: 20px;
}
#pype_slider p {
font-family: "Nobile", sans-serif;
text-align: justify;
margin: 20px auto 0;
width: 600px;
}