/* Theme Name: Academica Theme URI: http://www.wpzoom.com/themes/academica/ Description: Academica is an education- and school-oriented CMS theme with a three-column layout and modern design. It is easy to customize and comes with a custom widget, three templates for Posts and Pages, and a featured content slider. Version: 1.2.2 Author: WPZOOM Author URI: http://www.wpzoom.com/ License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl.html Tags: light, blue, orange, white, one-column, two-columns, three-columns, fixed-width, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready */ /* =General -------------------------------------------------------------- */ html { color: #333; font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 100%; line-height: 1; overflow-y: scroll; text-align: left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: 14px; margin: 0; padding: 0; } #wrap { background-color: #fff; margin: 0 auto; padding: 0 30px 30px; width: 960px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; cursor: help; } b, strong { font-weight: bold; } blockquote { border-left: dotted 2px #aaa; font-style: italic; margin: 14px 20px; padding-left: 20px; } s, del, strike { text-decoration: line-through; } i, em, dfn, cite, address { font-style: italic; } ins, mark { background: #ff0; color: #000; text-decoration: none; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { border-top: 1px solid #ddd; background-color: #f1f1f1; padding: 15px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl { margin: 0 20px; } dt { font-weight: bold; } dd { margin: 0 0 10px; } hr { border: 0; border-top: 1px solid #f99734; clear: both; display: block; height: 1px; margin: 0 0 20px; padding: 0; } hr.sepinside { margin-top: 0; } img { border: 0; height: auto; max-width: 100%; vertical-align: middle; width: auto\9; } embed, iframe, object, video { max-width: 100%; } fieldset { border: 0; margin: 0; padding: 0; } legend { border: 0; padding: 0; } button, input, select, textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-family: sans-serif; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="text"], input[type="password"] { border: solid 1px #d1d1d1; font-size: 12px; height: 30px; padding: 4px; vertical-align: bottom; } button, html input[type="button"], input[type="reset"], input[type="submit"] { background-color: #0c5390; border: none; color: #fff; font-size: 10px; height: 30px; text-transform: lowercase; } button:hover, input[type="submit"]:hover { background-color: #0a406f; } textarea { overflow: auto; vertical-align: top; } table { border-bottom: 1px solid #d1d1d1; border-collapse: collapse; border-spacing: 0; line-height: 1.6; margin: 0 0 24px; width: 100%; } caption { font-size: 14px; margin: 10px 0; text-transform: uppercase; } th { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; padding: 5px 0; text-transform: uppercase; } td { padding: 5px 0; } #wrap a { /* We're using #wrap before a so that the WordPress Toolbar isn't interfered with */ color: #0c5390; text-decoration: none; } #wrap a:hover { color: #f99734; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; padding: 0; } h1 { clear: both; font-size: 40px; letter-spacing: -1px; line-height: 1.15; margin-bottom: 30px; } h2 { font-size: 24px; line-height: 1.25; margin-bottom: 25px; } h3 { font-size: 22px; line-height: 1.273; margin-bottom: 20px; } h4 { font-size: 20px; line-height: 1.3; margin-bottom: 15px; } h5 { font-size: 18px; line-height: 1.333; margin-bottom: 10px; } h6 { font-size: 16px; line-height: 1.375; margin-bottom: 5px; } ul, ol { margin: 0 0 14px 36px; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ul > li { list-style-type: square; } ol > li { list-style-type: decimal; } address, p { margin: 0 0 10px; } /* =Reusable Classes -------------------------------------------------------------- */ .clearfix, .comment-meta: { *zoom: 1; } .clearfix:before, .clearfix:after, .comment-meta:before, .comment-meta:after { content: ""; display: table; line-height: 0; } .clearfix:after, .comment-meta:after { clear: both; } .nivo-caption, .assistive-text, #searchform label, .comment-form-comment > label { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); } .alignleft { float: left; } img.alignleft, .wp-caption.alignleft { margin: 3px 15px 10px 0; } .alignright { float: right; } img.alignright, .wp-caption.alignright, .gallery-slider { margin: 3px 0 10px 15px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.aligncenter, .wp-caption.aligncenter { margin: 3px auto 10px; } /* =Header -------------------------------------------------------------- */ #header { padding-bottom: 30px; } #logo { display: inline; float: left; font-family: Georgia, serif; line-height: 1.2; text-transform: uppercase; } #site-title { font-size: 24pt; letter-spacing: inherit; margin: 0; } #site-description { color: #0c5390; font-size: 16pt; margin: 0; } /* Top Menu */ #main-nav ul { background-color: #3a678d; display: inline-block; font-size: 12px; font-weight: bold; margin: 0 0 20px; position: relative; line-height: 1.8; width: 100%; z-index: 300; } #main-nav ul ul { display: none; left: 0; position: absolute; top: 36px; width: 130px; } #main-nav ul ul ul { left: 140px; top: auto; } #main-nav ul li { display: inline; float: left; line-height: 3; position: relative; } #main-nav > ul > li, #main-nav .menu > ul > li { border-right: solid 1px #fff; } #main-nav ul li li { line-height: 2.4; } #main-nav ul a { color: #fff; display: block; padding: 0 15px 0; text-shadow: #264c6c 1px 1px 0; } #main-nav ul a:hover, #main-nav .menu-item:hover, #main-nav .page_item:hover, #main-nav .current-menu-item > a, #main-nav .current-menu-ancestor > a, #main-nav .current_page_item > a, #main-nav .current_page_ancestor > a { color: #fff; background-color: #e98a2a; } #main-nav ul ul a { background-color: #444; border: 1px solid #333; border-bottom-color: #555; display: inline; float: left; text-shadow: none; width: 130px; } #main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li:hover ul ul ul ul { display: none; } #main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li li li li:hover ul { display: block; } #search { float: right; margin-top: 5px; } #social { clear: right; float: right; display: inline; margin-top: 15px; } #social ul { margin: 0; } #social li { display: inline; } #social li a { background: url("images/social-icon-sprite.png") no-repeat top left; display: inline-block; height: 20px; text-indent: -999em; width: 20px; } #social .facebook { background-position: 0 0; } #social .flickr { background-position: 0 -25px; } #social .linkedin { background-position: 0 -50px; } #social .twitter { background-position: 0 -75px; } #social .youtube { background-position: 0 -100px; } /* Featured Slider */ #slider-wrap { border-bottom: solid 1px #f99734; border-top: solid 1px #f99734; margin-bottom: 20px; padding: 1px 0; } .featured-slider { max-height: 300px; overflow: hidden; } .featured-slider a { display: none; } .featured-slider a:first-child { display: block; } .featured-slider img { width: 100%; } /* =Content -------------------------------------------------------------- */ #content { line-height: 1.6; margin-bottom: 50px; } .column { display: inline; float: left; margin-right: 30px; width: 200px; } .column-content { width: 500px; word-wrap: break-word; } .column-double .column-content, .page-template-template-sidebar-left-php .column-content, .page-template-template-sidebar-right-php .column-content { width: 730px; } .column-title, #content .column-full, .column-full .column-content, .page-template-template-full-width-php .column-content { width: 960px; } .column-narrow { font-size: 12px; } .column-last, .column-double.column-right .column-content { margin-right: 0; } .column-title { min-height: 122px; } .title-header { font-family: Georgia, serif; margin-top: 46px; padding: 0 230px; word-wrap: break-word; } .column-title div ~ h1 { margin-top: 30px; } .column-double .title-header, .page-template-template-sidebar-right-php .title-header { padding-left: 0; } .column-double.column-right .title-header, .page-template-template-sidebar-left-php .title-header { padding: 0 0 0 230px; } .column-full .title-header, .single-attachment .title-header, .page-template-template-full-width-php .title-header { padding: 0; } /* Breadcrumb */ #crumbs { font-size: 10px; margin: 0 0 30px; text-transform: uppercase; } .posts .post, .posts .page { border-bottom: 1px solid #ddd; font-size: 12px; margin-bottom: 15px; padding-bottom: 10px; } .home.page .posts .page { border-color: #f99734; font-size: inherit; margin-bottom: 20px; padding-bottom: 0; } .posts .post h2, .posts .page h2 { font-size: 12px; font-weight: bold; line-height: 1.5; margin-bottom: 2px; } .posts .post div.thumb { float: left; margin: 3px 10px 10px 0; max-width: 120px; } .posts .thumb img { max-width: 112px\9; } .posts .format-aside .entry-content a:hover { text-decoration: none; } .posts .sticky { border-bottom: 0; border-top: 1px solid #ddd; background-color: #f1f1f1; font-size: 14px; margin-bottom: 20px; padding: 15px 15px 5px; } .posts .sticky h2 { font-size: 14px; } .posts .sticky div.thumb { margin: 0 10px 8px 0; } .posts .sticky img { border-color: #ddd; } div.single h2, div.single h3, div.single h4, div.single h5, div.single h6 { clear: both; margin: 15px 0 10px; } .column-content table { font-size: 12px; } div.single h3 { font-size: 20px; } div.single h4 { font-size: 18px; } div.single h5 { font-size: 16px; } div.single h6 { font-size: 14px; } div.single .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; *display: inline; vertical-align: top; zoom: 1; } div.single .gallery { clear: both; margin: auto; text-align: center; } div.single .gallery-caption { margin-left: 0; } .gallery-item { margin: 0; } .column-content img, .single-attachment #content img, #content .gallery-item img { border: 4px solid #eee; -moz-box-sizing: border-box; box-sizing: border-box; } .column-content a:hover img, .single-attachment #content a:hover img, #content .gallery-item a:hover img { border: 4px solid #9acdea; } .gallery-slider { border: 4px solid #eee; float: right; max-height: 225px; max-width: 300px; overflow: hidden; } .gallery-slider img, .column-content img.wp-smiley { border: none; } .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { margin: 5px; } #content .gallery-columns-4 .gallery-item { width: 23%; } #content .gallery-columns-5 .gallery-item { width: 18%; } #content .gallery-columns-6 .gallery-item { width: 14%; } #content .gallery-columns-7 .gallery-item { width: 12%; } #content .gallery-columns-8 .gallery-item { width: 10%; } #content .gallery-columns-9 .gallery-item { width: 9%; } .wp-caption { max-width: 100%; } .entry-meta , .entry-caption, .wp-caption-text { color: #999; font-size: 10px; margin: 5px 0; text-transform: uppercase; } .attachment .entry-attachment { text-align: center; } .attachment .entry-meta { margin: 15px 0; } .sticky .sep, .search-results .page .sep { display: none; } p.pages { clear: both; } #wrap a.highlight, #wrap h2.heading a, #wrap .entry-meta a { color: #f99734; } #wrap a.highlight:hover, #wrap h2.heading a:hover, #wrap .entry-meta a:hover { text-decoration: underline; } /* =Comments -------------------------------------------------------------- */ .commentlist { font-family: Helvetica, Arial, Tahoma, sans-serif; list-style-type: none; margin: 0; padding: 1em 0; } .commentlist a { text-decoration: none; } .commentlist a:hover { text-decoration: underline; } .commentlist div.comment-body { position: relative; } .commentlist div.reply { position: absolute; right: 0; top: 0; } .commentlist > li, .commentlist .comment { border-top: solid 1px #ccc; font-size: 14px; list-style-type: none; margin: 0 0 10px; padding: 15px 15px 5px; padding-left: 15px; } .commentlist .comment { background-color: #f1f1f1; } .commentlist li.comment ul.children { padding: 10px 0 0; } .commentlist li.comment ul.children li { clear: left; margin: 0 10px 10px 10px; } .commentlist img.avatar { border: solid 4px #ccc; display: inline; float: left; margin: 0 15px 15px 0; } .commentlist cite { font-size: 12px; font-style: normal; font-weight: bold; margin-left: 0; } .commentlist cite.author { color: #333; } .commentlist span.says { display: none; } .commentlist .commentmetadata { font-size: 10px; line-height: 1.8; margin-bottom: 5px; text-transform: uppercase; } .commentlist blockquote { font-size: 12px; } .commentlist p { text-shadow: #fff 1px 1px 1px; } .commentlist li.bypostauthor { background-color: #fff; } #commentform { clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; margin-top: 15px; } #commentform code { font-size: 11px; } #commentform p { font-size: 12px; margin-bottom: 10px; overflow: hidden; } #commentform label { font-size: 11px; font-weight: normal; line-height: 2.5; margin-left: 10px; text-transform: none; } #commentform .subscribe-label { margin: 0; } .depth-4 #commentform label { margin: 0; } #commentform input[type="text"] { float: left; } #commentform textarea { height: 100px; margin-bottom: 10px; padding: 4px; width: 100%; } #commentform input, #commentform textarea { -webkit-box-shadow: 0 6px 10px -10px #777 inset; box-shadow: 0 6px 10px -10px #777 inset; border: 1px solid #ccc; color: #333; max-width: 100%; } #commentform #submit { background: none #0c5390; border: none; color: #fff; cursor: pointer; font-size: 11px; padding: 0 15px; text-transform: uppercase; } #commentform #submit:hover { background-color: #0a406f; } #wrap .navigation a, #wrap .comment-reply-link, #wrap #cancel-comment-reply-link { background: #336699; color: #fff; display: inline-block; font-weight: normal; font-size: 10px; margin: 1px; padding: 5px 8px; text-shadow: none; text-transform: uppercase; } #wrap .comment-reply-link { display: inline; } #wrap #cancel-comment-reply-link { display: inline-block; line-height: 1; position: relative; top: -4px; } #wrap .navigation a:hover, #wrap a.comment-reply-link:hover, #wrap #cancel-comment-reply-link:hover { background: #cc0000; color: #fff; text-decoration: none; } .navigation { font-size: 18px; margin: 10px 0; text-align: center; } .navigation > span { max-width: 49%; } .navigation p { font-size: 10px; text-align: center; } .infinite-scroll .navigation { display: none; } /* =Footer -------------------------------------------------------------- */ #footer { border-top: solid 1px #f99734; color: #333; font-size: 11px; line-height: 1.6; padding: 25px 0 0; } #footer p.copy { color: #777; font-size: 10px; } #footer > ul.menu { display: block; margin: 0 0 10px; text-align: left; } #footer > ul.menu li { display: inline; font-size: 11px; font-weight: bold; line-height: 1.634; margin-right: 15px; } #footer-column { display: inline; float: right; margin: 0 0 10px 10px; width: 30%; } #footer-column div.textwidget p { color: #777; font-size: 11px; line-height: 1.455; } #wpstats { margin: 1px auto; } /* =Widgets -------------------------------------------------------------- */ .widget { margin: 0 0 20px; word-wrap: break-word; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { font-size: 10px; line-height: inherit; margin: 0 0 10px; text-transform: uppercase; } .widget ul { margin-left: 20px; } .widget ul.gallery li { display: inline; float: left; margin-bottom: 15px; margin-right: 10px; width: 75px; } .widget ul.gallery li.last { margin-right: 0; } .widget_pages > ul, .widget ul.menu { border-bottom: solid 1px #ccc; margin: 0 0 15px; } .widget_pages > ul ul, .widget ul.menu ul { border-left: solid 1px #ccc; margin: 10px 0 5px 10px; padding-left: 10px; } .widget_pages > ul li, .widget ul.menu li { border-top: solid 1px #ccc; font-size: 12px; font-weight: bold; list-style-type: none; margin-bottom: 10px; padding-top: 10px; } .widget_pages > ul ul li, .widget ul.menu ul li { border: none; font-size: 12px; font-weight: normal; } #content .widget_pages > ul li.current_page_item > a, #content .widget ul.menu li.current-menu-item > a { color: #333; font-weight: bold; } #content .widget_pages > ul li.current_page_item > a:hover, #content .widget ul.menu li.current-menu-item > a:hover { color: #f99734; } .widget_calendar tfoot td { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; } .widget_calendar #next a { float: right; } .widget_rss ul, .widget_twitter ul, .widget_statscounter ul { margin: 0; } .widget_rss li, .widget_twitter li, .widget_statscounter li { list-style-type: none; } .widget_twitter li, .widget_rss li { margin-bottom: 15px; } .widget_rss li a, .widget_rss .rss-date { display: block; font-weight: bold; } .widget_rss cite, .widget_rss .rss-date, .widget_twitter .timesince { color: #777; font-style: italic; font-weight: normal; } .widget_rss .rssSummary, .widget_twitter .timesince { display: block; margin: 3px 0; } #header #searchform { text-align: right; } #searchform input { display: inline; max-width: 140px; text-align: left; } /* =Featured Posts Gallery Widget -------------------------------------------------------------- */ .academica-featured-posts-gallery ul { margin: 0; } .academica-featured-posts-gallery li { list-style-type: none; } .widget_author_grid li, .academica-featured-posts-gallery .grid { display: inline; float: left; margin: 0 8px 15px 0; } .academica-featured-posts-gallery img { max-width: 75px; } .academica-featured-posts-gallery .post div.thumb { margin-bottom: 3px; max-width: 75px\9; } .academica-featured-posts-gallery .thumb-placeholder { background-color: #fff; border: 4px solid #EEEEEE; -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; width: 75px; } .academica-featured-posts-gallery .thumb-placeholder:hover { border-color: #9acdea; } /* =Retina Images --------------------------------------- */ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #social li a { background-image: url("images/social-icon-sprite-2x.png"); background-size: 20px auto; } #social .flickr { background-position: 0 -22px; } #social .linkedin { background-position: 0 -44px; } #social .twitter { background-position: 0 -67px; } #social .youtube { background-position: 0 -89px; } }