|
|
@@ -91,15 +91,15 @@ LAYOUT & GRID STYLES
|
|
|
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
|
|
|
position: relative;
|
|
|
float: left;
|
|
|
- margin-left: 2.762430939%;
|
|
|
+ margin-left: 2.762430939%;
|
|
|
}
|
|
|
|
|
|
.first {
|
|
|
- margin-left: 0;
|
|
|
+ margin-left: 0;
|
|
|
}
|
|
|
|
|
|
.last {
|
|
|
- float: right;
|
|
|
+ float: right;
|
|
|
}
|
|
|
|
|
|
/*********************
|
|
|
@@ -114,404 +114,98 @@ HEADER SYTLES
|
|
|
NAVIGATION STYLES
|
|
|
*********************/
|
|
|
|
|
|
-.nav {}
|
|
|
-
|
|
|
- /* .menu is clearfixed inside mixins.less */
|
|
|
- .menu {
|
|
|
- ul {
|
|
|
- background: #eee;
|
|
|
+.nav {
|
|
|
+ background: #eee;
|
|
|
+ border: 0;
|
|
|
|
|
|
- li {
|
|
|
- float: left;
|
|
|
- position: relative;
|
|
|
+ li {
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
|
|
|
- a {
|
|
|
- border-bottom: 0;
|
|
|
+ a {
|
|
|
+ border-bottom: 0;
|
|
|
|
|
|
- /*
|
|
|
- you can use hover styles here even though this size
|
|
|
- has the possibility of bieng a mobile device.
|
|
|
- */
|
|
|
- &:hover, &:focus {
|
|
|
- background-color: #dedede;
|
|
|
+ /*
|
|
|
+ you can use hover styles here even though this size
|
|
|
+ has the possibility of being a mobile device.
|
|
|
+ */
|
|
|
+ &:hover, &:focus {
|
|
|
+ background-color: #dedede;
|
|
|
|
|
|
- }
|
|
|
- }
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- &:first-child {}
|
|
|
- &:last-child {}
|
|
|
+ &:first-child {}
|
|
|
+ &:last-child {}
|
|
|
|
|
|
- /*
|
|
|
- plan your menus and drop-downs wisely.
|
|
|
- */
|
|
|
- ul.sub-menu,
|
|
|
- ul.children {
|
|
|
- width: 200px;
|
|
|
- border: 1px solid #ccc;
|
|
|
- border-top: 0;
|
|
|
- position: absolute;
|
|
|
- display: none;
|
|
|
- z-index: 8999;
|
|
|
+ /*
|
|
|
+ plan your menus and drop-downs wisely.
|
|
|
+ */
|
|
|
+ ul.sub-menu,
|
|
|
+ ul.children {
|
|
|
+ width: 200px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-top: 0;
|
|
|
+ position: absolute;
|
|
|
+ display: none;
|
|
|
+ z-index: 8999;
|
|
|
|
|
|
- li {
|
|
|
- a {
|
|
|
- padding-left: 10px;
|
|
|
- border-right: 0;
|
|
|
- display: block;
|
|
|
- width: 180px;
|
|
|
- border-bottom: 1px solid #ccc;
|
|
|
+ li {
|
|
|
+
|
|
|
+ a {
|
|
|
+ padding-left: 10px;
|
|
|
+ border-right: 0;
|
|
|
+ display: block;
|
|
|
+ width: 180px;
|
|
|
+ border-bottom: 1px solid #ccc;
|
|
|
|
|
|
- &:hover,
|
|
|
- &:focus {}
|
|
|
- &:link {}
|
|
|
- }
|
|
|
- &:first-child {}
|
|
|
- &:last-child {
|
|
|
- a {
|
|
|
- border-bottom: 0;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /*
|
|
|
- if you need to go deeper, go nuts
|
|
|
- just remember deeper menus suck
|
|
|
- for usability. k, bai.
|
|
|
- */
|
|
|
- ul {}
|
|
|
- }
|
|
|
-
|
|
|
- /* highlight sub-menu current page */
|
|
|
- li.current-menu-item,
|
|
|
- li.current_page_item,
|
|
|
- li.current-page-ancestor {
|
|
|
- a {}
|
|
|
- }
|
|
|
+ &:hover,
|
|
|
+ &:focus {}
|
|
|
+
|
|
|
+ &:link {}
|
|
|
}
|
|
|
-
|
|
|
- /* showing sub-menus */
|
|
|
- &:hover ul {
|
|
|
- top: auto;
|
|
|
- display: block;
|
|
|
+
|
|
|
+ &:first-child {}
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+
|
|
|
+ a {
|
|
|
+ border-bottom: 0;
|
|
|
+ }
|
|
|
}
|
|
|
-
|
|
|
- } /* end .menu ul li */
|
|
|
-
|
|
|
- /* highlight current page */
|
|
|
+
|
|
|
+ /*
|
|
|
+ if you need to go deeper, go nuts
|
|
|
+ just remember deeper menus suck
|
|
|
+ for usability. k, bai.
|
|
|
+ */
|
|
|
+ ul {}
|
|
|
+ }
|
|
|
+
|
|
|
+ /* highlight sub-menu current page */
|
|
|
li.current-menu-item,
|
|
|
li.current_page_item,
|
|
|
li.current-page-ancestor {
|
|
|
a {}
|
|
|
- } /* end current highlighters */
|
|
|
- } /* end .menu ul */
|
|
|
- } /* end .menu */
|
|
|
-
|
|
|
-/*********************
|
|
|
-POSTS & CONTENT STYLES
|
|
|
-*********************/
|
|
|
-
|
|
|
-#content {}
|
|
|
-
|
|
|
- .hentry {
|
|
|
- header {}
|
|
|
- footer {}
|
|
|
- } /* end .hentry */
|
|
|
-
|
|
|
- .single-title,
|
|
|
- .page-title {}
|
|
|
- .single-title {}
|
|
|
- .page-title {}
|
|
|
- .archive_title { }
|
|
|
-
|
|
|
- /* want to style individual post classes? Booya! */
|
|
|
- .post-id {} /* post by id (i.e. post-3) */
|
|
|
- .post {} /* general post style */
|
|
|
- .page {} /* general article on a page style */
|
|
|
- .attachment {} /* general style on an attatchment */
|
|
|
- .sticky {} /* sticky post style */
|
|
|
- .hentry {} /* hentry class */
|
|
|
- .category-slug {} /* style by category (i.e. category-videos) */
|
|
|
- .tag-slug {} /* style by tag (i.e. tag-news) */
|
|
|
-
|
|
|
- /* post meta */
|
|
|
- .meta {
|
|
|
- time {}
|
|
|
- }
|
|
|
-
|
|
|
- /* post content */
|
|
|
- .post-content {
|
|
|
- p {}
|
|
|
- ul, ol, table, dl {}
|
|
|
- ul, ol {
|
|
|
- li {}
|
|
|
- }
|
|
|
- ul {
|
|
|
- li {}
|
|
|
- }
|
|
|
- ol {
|
|
|
- li {}
|
|
|
- }
|
|
|
- blockquote {
|
|
|
- &:before {}
|
|
|
- }
|
|
|
- dl {}
|
|
|
- dt {}
|
|
|
- dd {}
|
|
|
-
|
|
|
- img {}
|
|
|
-
|
|
|
- /* at this larger size, we can start to align images */
|
|
|
- .alignleft, img.alignleft {}
|
|
|
- .alignright, img.alignright {}
|
|
|
- .aligncenter, img.aligncenter {}
|
|
|
-
|
|
|
- video, object {}
|
|
|
- pre, code {}
|
|
|
- } /* end .post-content */
|
|
|
-
|
|
|
- .wp-caption {
|
|
|
- /* images inside wp-caption */
|
|
|
- img {}
|
|
|
- p.wp-caption-text {}
|
|
|
- } /* end .wp-caption */
|
|
|
-
|
|
|
- /* image gallery styles */
|
|
|
- .gallery {
|
|
|
- dl {
|
|
|
- a {}
|
|
|
- img {}
|
|
|
- }
|
|
|
- dt {}
|
|
|
- dd {}
|
|
|
- } /* end .gallery */
|
|
|
-
|
|
|
- /* gallery caption styles */
|
|
|
- .gallery-caption {}
|
|
|
-
|
|
|
- .size-full {}
|
|
|
- .size-large {}
|
|
|
- .size-medium {}
|
|
|
- .size-thumbnail {}
|
|
|
-
|
|
|
-/******************************************************************
|
|
|
-PAGE NAVI STYLES
|
|
|
-******************************************************************/
|
|
|
-
|
|
|
-.page-navigation,
|
|
|
-.wp-prev-next {}
|
|
|
-
|
|
|
- .bones_page_navi {
|
|
|
- li {
|
|
|
- a {
|
|
|
- &:hover,
|
|
|
- &:focus {}
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
- /* current page link */
|
|
|
- li.bpn-current {
|
|
|
- a {
|
|
|
- /* hovering on current page link */
|
|
|
- &:hover,
|
|
|
- &:focus {}
|
|
|
- }
|
|
|
- } /* end .bones_page_navi .bpn-current */
|
|
|
-
|
|
|
- /* common styles for page-navi links */
|
|
|
- li.bpn-prev-link,
|
|
|
- li.bpn-next-link {
|
|
|
- a {}
|
|
|
+
|
|
|
+ /* showing sub-menus */
|
|
|
+ &:hover ul {
|
|
|
+ top: auto;
|
|
|
+ display: block;
|
|
|
}
|
|
|
-
|
|
|
- /* remove the bg on end links */
|
|
|
- li.bpn-prev-link a:hover,
|
|
|
- li.bpn-next-link a:hover,
|
|
|
- li.bpn-first-page-link a:hover,
|
|
|
- li.bpn-last-page-link a:hover {}
|
|
|
-
|
|
|
- /* previous link */
|
|
|
- li.bpn-prev-link {
|
|
|
- a {
|
|
|
- &:hover,
|
|
|
- &:focus {}
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* next page link */
|
|
|
- li.bpn-next-link {
|
|
|
- a {
|
|
|
- &:hover,
|
|
|
- &:focus {}
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
- /* first page link */
|
|
|
- li.bpn-first-page-link {
|
|
|
- a {
|
|
|
- &:hover,
|
|
|
- &:focus {}
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- /* last page link */
|
|
|
- li.bpn-last-page-link {
|
|
|
- a {}
|
|
|
- }
|
|
|
- } /* end .bones_page_navi */
|
|
|
-
|
|
|
- /* fallback previous & next links */
|
|
|
- .wp-prev-next {
|
|
|
- ul {}
|
|
|
- .prev-link {}
|
|
|
- .next-link {}
|
|
|
- } /* end .wp-prev-next */
|
|
|
-
|
|
|
-/******************************************************************
|
|
|
-COMMENT STYLES
|
|
|
-******************************************************************/
|
|
|
-
|
|
|
-/* h3 comment title */
|
|
|
-#comments {
|
|
|
- /* number of comments span */
|
|
|
- span {}
|
|
|
-}
|
|
|
-
|
|
|
-.comment-nav {
|
|
|
- ul {
|
|
|
- li {}
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-.commentlist {
|
|
|
- li {
|
|
|
- &:last-child {}
|
|
|
-
|
|
|
- ul.children {
|
|
|
- li {}
|
|
|
-
|
|
|
- /* variations */
|
|
|
- .comment {}
|
|
|
- .alt {}
|
|
|
- .odd {}
|
|
|
- .even {}
|
|
|
- .depth-1 {} /* change number for different depth */
|
|
|
- .byuser {}
|
|
|
- .bypostauthor {}
|
|
|
- .comment-author-admin {}
|
|
|
-
|
|
|
- } /* end .commentlist li ul.children */
|
|
|
- }
|
|
|
-
|
|
|
- li[class*=depth-] {}
|
|
|
- li.depth-1 {}
|
|
|
-
|
|
|
- li:not(.depth-1) {}
|
|
|
-
|
|
|
- li.depth-2 {}
|
|
|
- li.depth-3 {}
|
|
|
- li.depth-4 {}
|
|
|
- li.depth-5 {}
|
|
|
-
|
|
|
- /* general comment classes */
|
|
|
- .alt {}
|
|
|
- .odd {}
|
|
|
- .even {}
|
|
|
- .parent {}
|
|
|
- .comment {}
|
|
|
- .children {}
|
|
|
- .pingback {}
|
|
|
- .bypostauthor {}
|
|
|
- .comment-author {}
|
|
|
- .comment-author-admin {}
|
|
|
- .thread-alt {}
|
|
|
- .thread-odd {}
|
|
|
- .thread-even {}
|
|
|
+ } /* end .menu ul li */
|
|
|
|
|
|
- /* vcard */
|
|
|
- .vcard {
|
|
|
-
|
|
|
- cite.fn {
|
|
|
- a.url {}
|
|
|
- }
|
|
|
-
|
|
|
- time {
|
|
|
- a {
|
|
|
- &:hover {}
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- img.photo {}
|
|
|
- img.avatar {}
|
|
|
- } /* end .commentlist .vcard */
|
|
|
-
|
|
|
- /* comment meta */
|
|
|
- .comment-meta {
|
|
|
- a {}
|
|
|
- }
|
|
|
- .commentmetadata {
|
|
|
+ /* highlight current page */
|
|
|
+ li.current-menu-item,
|
|
|
+ li.current_page_item,
|
|
|
+ li.current-page-ancestor {
|
|
|
a {}
|
|
|
- }
|
|
|
-
|
|
|
- /* comment content */
|
|
|
- .comment_content {
|
|
|
- p {}
|
|
|
- } /* end .commentlist .comment_content */
|
|
|
-
|
|
|
- /* comment reply link */
|
|
|
- .comment-reply-link {
|
|
|
- &:hover,
|
|
|
- &:focus {}
|
|
|
- } /* end .commentlist .comment-reply-link */
|
|
|
-
|
|
|
-} /* end .commentlist */
|
|
|
-
|
|
|
-
|
|
|
-/******************************************************************
|
|
|
-COMMENT FORM STYLES
|
|
|
-******************************************************************/
|
|
|
-
|
|
|
-.respond-form {
|
|
|
- form {
|
|
|
- li {
|
|
|
- label,
|
|
|
- small {}
|
|
|
- }
|
|
|
-
|
|
|
- input[type=text],
|
|
|
- input[type=email],
|
|
|
- input[type=url],
|
|
|
- textarea {
|
|
|
- &:focus {}
|
|
|
- /* form validation */
|
|
|
- &:invalid {}
|
|
|
- }
|
|
|
-
|
|
|
- input[type=text],
|
|
|
- input[type=email],
|
|
|
- input[type=url] {}
|
|
|
- textarea {}
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
- /* comment submit button */
|
|
|
- #submit {}
|
|
|
-
|
|
|
- /* comment form title */
|
|
|
- #comment-form-title {}
|
|
|
-
|
|
|
- /* cancel comment reply link */
|
|
|
- #cancel-comment-reply {
|
|
|
- a {}
|
|
|
- }
|
|
|
-
|
|
|
- /* logged in comments */
|
|
|
- .comments-logged-in-as {}
|
|
|
-
|
|
|
- /* allowed tags */
|
|
|
- #allowed_tags {}
|
|
|
-
|
|
|
- /* no comments */
|
|
|
- .nocomments {}
|
|
|
+ } /* end current highlighters */
|
|
|
|
|
|
+} /* end .nav */
|
|
|
|
|
|
/*********************
|
|
|
SIDEBARS & ASIDES
|
|
|
@@ -640,27 +334,24 @@ SIDEBARS & ASIDES
|
|
|
FOOTER STYLES
|
|
|
*********************/
|
|
|
|
|
|
-.footer {}
|
|
|
-
|
|
|
- /*
|
|
|
- you'll probably need to do quite a bit
|
|
|
- of overriding here if you styled them for
|
|
|
- mobile. Make sure to double check these!
|
|
|
- */
|
|
|
- .footer-links {
|
|
|
- ul {
|
|
|
- li {
|
|
|
- a {
|
|
|
- &:hover {}
|
|
|
- }
|
|
|
- /*
|
|
|
- be careful with the depth of your menus.
|
|
|
- it's very rare to have multi-depth menus in
|
|
|
- the footer.
|
|
|
- */
|
|
|
- ul {}
|
|
|
+/*
|
|
|
+you'll probably need to do quite a bit
|
|
|
+of overriding here if you styled them for
|
|
|
+mobile. Make sure to double check these!
|
|
|
+*/
|
|
|
+.footer-links {
|
|
|
+ ul {
|
|
|
+ li {
|
|
|
+ a {
|
|
|
+ &:hover {}
|
|
|
}
|
|
|
+ /*
|
|
|
+ be careful with the depth of your menus.
|
|
|
+ it's very rare to have multi-depth menus in
|
|
|
+ the footer.
|
|
|
+ */
|
|
|
+ ul {}
|
|
|
}
|
|
|
- } /* end .footer-links */
|
|
|
-
|
|
|
- .attribution {}
|
|
|
+ }
|
|
|
+} /* end .footer-links */
|
|
|
+
|
eddiemachado