|
@@ -1,6 +1,6 @@
|
|
|
/******************************************************************
|
|
/******************************************************************
|
|
|
-Site Name:
|
|
|
|
|
-Author:
|
|
|
|
|
|
|
+Site Name:
|
|
|
|
|
+Author:
|
|
|
|
|
|
|
|
Stylesheet: Tablet & Small Desktop Stylesheet
|
|
Stylesheet: Tablet & Small Desktop Stylesheet
|
|
|
|
|
|
|
@@ -19,47 +19,6 @@ GENERAL STYLES
|
|
|
|
|
|
|
|
body {}
|
|
body {}
|
|
|
|
|
|
|
|
-/********************
|
|
|
|
|
-WORDPRESS BODY CLASSES
|
|
|
|
|
-style a page via class
|
|
|
|
|
-********************/
|
|
|
|
|
-
|
|
|
|
|
-.rtl {}
|
|
|
|
|
-.home {} /* home page */
|
|
|
|
|
-.blog {} /* blog page */
|
|
|
|
|
-.archive {} /* archive page */
|
|
|
|
|
-.date {} /* date archive page */
|
|
|
|
|
- .date-paged-1 {} /* replace the number to the corresponding page number */
|
|
|
|
|
-.search {} /* search page */
|
|
|
|
|
- .search-results {} /* search result page */
|
|
|
|
|
- .search-no-results {} /* no results search page */
|
|
|
|
|
- .search-paged-1 {} /* individual paged search (i.e. body.search-paged-3) */
|
|
|
|
|
-.error404 {} /* 404 page */
|
|
|
|
|
-.single {} /* single post page */
|
|
|
|
|
- .postid-1 {} /* individual post page by id (i.e. body.postid-73) */
|
|
|
|
|
- .single-paged-1 {} /* individual paged single (i.e. body.single-paged-3) */
|
|
|
|
|
-.attachment {} /* attatchment page */
|
|
|
|
|
- .attachmentid-1 {} /* individual attatchment page (i.e. body.attachmentid-763) */
|
|
|
|
|
- .attachment-mime-type {} /* style mime type pages */
|
|
|
|
|
-.author {} /* author page */
|
|
|
|
|
- .author-nicename {} /* user nicename (i.e. body.author-samueladams) */
|
|
|
|
|
- .author-paged-1 {} /* paged author archives (i.e. body.author-paged-4) for page 4 */
|
|
|
|
|
-.category {} /* category page */
|
|
|
|
|
- .category-1 {} /* individual category page (i.e. body.category-6) */
|
|
|
|
|
- .category-paged-1 {} /* replace the number to the corresponding page number */
|
|
|
|
|
-.tag {} /* tag page */
|
|
|
|
|
- .tag-slug {} /* individual tag page (i.e. body.tag-news) */
|
|
|
|
|
- .tag-paged-1 {} /* replace the number to the corresponding page number */
|
|
|
|
|
-.page-template {} /* custom page template page */
|
|
|
|
|
- .page-template-page-php {} /* individual page template (i.e. body.page-template-contact-php */
|
|
|
|
|
- .page-paged-1 {} /* replace the number to the corresponding page number */
|
|
|
|
|
- .page-parent {}
|
|
|
|
|
- .page-child {}
|
|
|
|
|
- .parent-pageid-1 {} /* replace the number to the corresponding page number */
|
|
|
|
|
-.logged-in {} /* if user is logged in */
|
|
|
|
|
-.paged {} /* paged items like search results or archives */
|
|
|
|
|
- .paged-1 {} /* individual paged (i.e. body.paged-3) */
|
|
|
|
|
-
|
|
|
|
|
/*********************
|
|
/*********************
|
|
|
LAYOUT & GRID STYLES
|
|
LAYOUT & GRID STYLES
|
|
|
*********************/
|
|
*********************/
|
|
@@ -67,40 +26,6 @@ LAYOUT & GRID STYLES
|
|
|
.wrap {
|
|
.wrap {
|
|
|
max-width: 1140px;
|
|
max-width: 1140px;
|
|
|
}
|
|
}
|
|
|
- /*
|
|
|
|
|
- This is a combination of the 1140 grid and Twitter Boostrap.
|
|
|
|
|
- I liked 1140 but Boostrap's grid was way more detailed so
|
|
|
|
|
- I merged them together, let's see how this works out.
|
|
|
|
|
- If you want to use 1140, the original values are commented
|
|
|
|
|
- out on each line.
|
|
|
|
|
- */
|
|
|
|
|
- .onecol { width: 5.801104972%; } /* 4.85%; } /* grid_1 */
|
|
|
|
|
- .twocol { width: 14.364640883%; } /* 13.45%; } /* grid_2 */
|
|
|
|
|
- .threecol { width: 22.928176794%; } /* 22.05%; } /* grid_3 */
|
|
|
|
|
- .fourcol { width: 31.491712705%; } /* 30.75%; } /* grid_4 */
|
|
|
|
|
- .fivecol { width: 40.055248616%; } /* 39.45%; } /* grid_5 */
|
|
|
|
|
- .sixcol { width: 48.618784527%; } /* 48%; } /* grid_6 */
|
|
|
|
|
- .sevencol { width: 57.182320438000005%; } /* 56.75%; } /* grid_7 */
|
|
|
|
|
- .eightcol { width: 65.74585634900001%; } /* 65.4%; } /* grid_8 */
|
|
|
|
|
- .ninecol { width: 74.30939226%; } /* 74.05%; } /* grid_9 */
|
|
|
|
|
- .tencol { width: 82.87292817100001%; } /* 82.7%; } /* grid_10 */
|
|
|
|
|
- .elevencol { width: 91.436464082%; } /* 91.35%; } /* grid_11 */
|
|
|
|
|
- .twelvecol { width: 99.999999993%; } /* 100%; } /* grid_12 */
|
|
|
|
|
-
|
|
|
|
|
- /* layout & column defaults */
|
|
|
|
|
- .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- float: left;
|
|
|
|
|
- margin-left: 2.762430939%;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .first {
|
|
|
|
|
- margin-left: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .last {
|
|
|
|
|
- float: right;
|
|
|
|
|
- }
|
|
|
|
|
|
|
|
|
|
/*********************
|
|
/*********************
|
|
|
HEADER SYTLES
|
|
HEADER SYTLES
|
|
@@ -109,35 +34,35 @@ HEADER SYTLES
|
|
|
.header {}
|
|
.header {}
|
|
|
|
|
|
|
|
#logo {}
|
|
#logo {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/*********************
|
|
/*********************
|
|
|
NAVIGATION STYLES
|
|
NAVIGATION STYLES
|
|
|
*********************/
|
|
*********************/
|
|
|
|
|
|
|
|
.nav {
|
|
.nav {
|
|
|
- background: #eee;
|
|
|
|
|
|
|
+ background: #eee;
|
|
|
border: 0;
|
|
border: 0;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li {
|
|
li {
|
|
|
float: left;
|
|
float: left;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
a {
|
|
a {
|
|
|
border-bottom: 0;
|
|
border-bottom: 0;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/*
|
|
/*
|
|
|
you can use hover styles here even though this size
|
|
you can use hover styles here even though this size
|
|
|
has the possibility of being a mobile device.
|
|
has the possibility of being a mobile device.
|
|
|
*/
|
|
*/
|
|
|
&:hover, &:focus {
|
|
&:hover, &:focus {
|
|
|
background-color: #dedede;
|
|
background-color: #dedede;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
&:first-child {}
|
|
&:first-child {}
|
|
|
&:last-child {}
|
|
&:last-child {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/*
|
|
/*
|
|
|
plan your menus and drop-downs wisely.
|
|
plan your menus and drop-downs wisely.
|
|
|
*/
|
|
*/
|
|
@@ -149,31 +74,31 @@ NAVIGATION STYLES
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
display: none;
|
|
display: none;
|
|
|
z-index: 8999;
|
|
z-index: 8999;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
li {
|
|
li {
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
a {
|
|
a {
|
|
|
padding-left: 10px;
|
|
padding-left: 10px;
|
|
|
border-right: 0;
|
|
border-right: 0;
|
|
|
display: block;
|
|
display: block;
|
|
|
width: 180px;
|
|
width: 180px;
|
|
|
border-bottom: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
&:hover,
|
|
&:hover,
|
|
|
&:focus {}
|
|
&:focus {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
&:link {}
|
|
&:link {}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
&:first-child {}
|
|
&:first-child {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
&:last-child {
|
|
&:last-child {
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
a {
|
|
a {
|
|
|
border-bottom: 0;
|
|
border-bottom: 0;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/*
|
|
/*
|
|
|
if you need to go deeper, go nuts
|
|
if you need to go deeper, go nuts
|
|
|
just remember deeper menus suck
|
|
just remember deeper menus suck
|
|
@@ -181,32 +106,32 @@ NAVIGATION STYLES
|
|
|
*/
|
|
*/
|
|
|
ul {}
|
|
ul {}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* highlight sub-menu current page */
|
|
/* highlight sub-menu current page */
|
|
|
- li.current-menu-item,
|
|
|
|
|
|
|
+ li.current-menu-item,
|
|
|
li.current_page_item,
|
|
li.current_page_item,
|
|
|
li.current-page-ancestor {
|
|
li.current-page-ancestor {
|
|
|
a {}
|
|
a {}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* showing sub-menus */
|
|
/* showing sub-menus */
|
|
|
&:hover ul {
|
|
&:hover ul {
|
|
|
top: auto;
|
|
top: auto;
|
|
|
display: block;
|
|
display: block;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
} /* end .menu ul li */
|
|
} /* end .menu ul li */
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* highlight current page */
|
|
/* highlight current page */
|
|
|
- li.current-menu-item,
|
|
|
|
|
|
|
+ li.current-menu-item,
|
|
|
li.current_page_item,
|
|
li.current_page_item,
|
|
|
li.current-page-ancestor {
|
|
li.current-page-ancestor {
|
|
|
a {}
|
|
a {}
|
|
|
} /* end current highlighters */
|
|
} /* end current highlighters */
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
} /* end .nav */
|
|
} /* end .nav */
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/*********************
|
|
/*********************
|
|
|
SIDEBARS & ASIDES
|
|
SIDEBARS & ASIDES
|
|
|
*********************/
|
|
*********************/
|
|
@@ -223,16 +148,16 @@ SIDEBARS & ASIDES
|
|
|
.widget {
|
|
.widget {
|
|
|
padding: 0 10px;
|
|
padding: 0 10px;
|
|
|
margin: 2.2em 0;
|
|
margin: 2.2em 0;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
ul {
|
|
ul {
|
|
|
li {
|
|
li {
|
|
|
margin-bottom: 0.75em;
|
|
margin-bottom: 0.75em;
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
&:first-child {}
|
|
&:first-child {}
|
|
|
&:last-child {}
|
|
&:last-child {}
|
|
|
a {}
|
|
a {}
|
|
|
/* deep nesting */
|
|
/* deep nesting */
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
ul {
|
|
ul {
|
|
|
margin-top: 0.75em;
|
|
margin-top: 0.75em;
|
|
|
padding-left: 1em;
|
|
padding-left: 1em;
|
|
@@ -247,33 +172,33 @@ SIDEBARS & ASIDES
|
|
|
.widget_links ul {}
|
|
.widget_links ul {}
|
|
|
.widget_links ul li {}
|
|
.widget_links ul li {}
|
|
|
.widget_links ul li a {}
|
|
.widget_links ul li a {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* meta widget */
|
|
/* meta widget */
|
|
|
.widget_meta {}
|
|
.widget_meta {}
|
|
|
.widget_meta ul {}
|
|
.widget_meta ul {}
|
|
|
.widget_meta ul li {}
|
|
.widget_meta ul li {}
|
|
|
.widget_meta ul li a {}
|
|
.widget_meta ul li a {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* pages widget */
|
|
/* pages widget */
|
|
|
.widget_pages {}
|
|
.widget_pages {}
|
|
|
.widget_pages ul {}
|
|
.widget_pages ul {}
|
|
|
.widget_pages ul li {}
|
|
.widget_pages ul li {}
|
|
|
.widget_pages ul li a {}
|
|
.widget_pages ul li a {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* recent-posts widget */
|
|
/* recent-posts widget */
|
|
|
.widget_recent_entries {}
|
|
.widget_recent_entries {}
|
|
|
.widget_recent_entries ul {}
|
|
.widget_recent_entries ul {}
|
|
|
.widget_recent_entries ul li {}
|
|
.widget_recent_entries ul li {}
|
|
|
.widget_recent_entries ul li a {}
|
|
.widget_recent_entries ul li a {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* archives widget */
|
|
/* archives widget */
|
|
|
.widget_archive {}
|
|
.widget_archive {}
|
|
|
.widget_archive ul {}
|
|
.widget_archive ul {}
|
|
|
- .widget_archive ul li {}
|
|
|
|
|
|
|
+ .widget_archive ul li {}
|
|
|
.widget_archive ul li a {}
|
|
.widget_archive ul li a {}
|
|
|
.widget_archive select {}
|
|
.widget_archive select {}
|
|
|
.widget_archive option {}
|
|
.widget_archive option {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* tag-cloud widget */
|
|
/* tag-cloud widget */
|
|
|
.widget_links {}
|
|
.widget_links {}
|
|
|
.widget_links li:after {}
|
|
.widget_links li:after {}
|
|
@@ -282,7 +207,7 @@ SIDEBARS & ASIDES
|
|
|
.widget_tag_cloud a {}
|
|
.widget_tag_cloud a {}
|
|
|
.widget_tag_cloud a:after {}
|
|
.widget_tag_cloud a:after {}
|
|
|
.widget_tag_cloud a:before {}
|
|
.widget_tag_cloud a:before {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* calendar widget */
|
|
/* calendar widget */
|
|
|
.widget_calendar {}
|
|
.widget_calendar {}
|
|
|
#calendar_wrap {}
|
|
#calendar_wrap {}
|
|
@@ -296,11 +221,11 @@ SIDEBARS & ASIDES
|
|
|
#wp-calendar #next {}
|
|
#wp-calendar #next {}
|
|
|
#wp-calendar #next a {}
|
|
#wp-calendar #next a {}
|
|
|
#wp-calendar #prev a {}
|
|
#wp-calendar #prev a {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* category widget */
|
|
/* category widget */
|
|
|
.widget_categories {}
|
|
.widget_categories {}
|
|
|
.widget_categories ul {}
|
|
.widget_categories ul {}
|
|
|
- .widget_categories ul li {}
|
|
|
|
|
|
|
+ .widget_categories ul li {}
|
|
|
.widget_categories ul ul.children {}
|
|
.widget_categories ul ul.children {}
|
|
|
.widget_categories a {}
|
|
.widget_categories a {}
|
|
|
.widget_categories select{}
|
|
.widget_categories select{}
|
|
@@ -311,24 +236,24 @@ SIDEBARS & ASIDES
|
|
|
.widget_categories .level-1 {}
|
|
.widget_categories .level-1 {}
|
|
|
.widget_categories .level-2 {}
|
|
.widget_categories .level-2 {}
|
|
|
.widget_categories .level-3 {}
|
|
.widget_categories .level-3 {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* recent-comments widget */
|
|
/* recent-comments widget */
|
|
|
.recentcomments {}
|
|
.recentcomments {}
|
|
|
#recentcomments {}
|
|
#recentcomments {}
|
|
|
#recentcomments li {}
|
|
#recentcomments li {}
|
|
|
#recentcomments li a {}
|
|
#recentcomments li a {}
|
|
|
.widget_recent_comments {}
|
|
.widget_recent_comments {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* search widget */
|
|
/* search widget */
|
|
|
#searchform {}
|
|
#searchform {}
|
|
|
.widget_search {}
|
|
.widget_search {}
|
|
|
.screen-reader-text {}
|
|
.screen-reader-text {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
/* text widget */
|
|
/* text widget */
|
|
|
.textwidget {}
|
|
.textwidget {}
|
|
|
.widget_text {}
|
|
.widget_text {}
|
|
|
.textwidget p {}
|
|
.textwidget p {}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
/*********************
|
|
/*********************
|
|
|
FOOTER STYLES
|
|
FOOTER STYLES
|
|
@@ -345,7 +270,7 @@ mobile. Make sure to double check these!
|
|
|
a {
|
|
a {
|
|
|
&:hover {}
|
|
&:hover {}
|
|
|
}
|
|
}
|
|
|
- /*
|
|
|
|
|
|
|
+ /*
|
|
|
be careful with the depth of your menus.
|
|
be careful with the depth of your menus.
|
|
|
it's very rare to have multi-depth menus in
|
|
it's very rare to have multi-depth menus in
|
|
|
the footer.
|
|
the footer.
|
|
@@ -354,4 +279,4 @@ mobile. Make sure to double check these!
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
} /* end .footer-links */
|
|
} /* end .footer-links */
|
|
|
-
|
|
|
|
|
|
|
+
|