@charset "utf-8"; /** * Theme Name: Back to School * Theme URI: http://wordpress.org/ * Description: Pure Wordpress Theme * Author: Altima * Author URI: http://www.altimawebsystems.com/ * Version: 1.0 * License: GNU General Public License * License URI: license.txt * Tags: light, white, blue, two-columns, right-sidebar, fixed-width, custom-menu, featured-images */ /** * General comments: * * MASTER STYLE SHEET FILE * * TABLE OF CONTENTS: * (WP) Wordpress Core Styles * Root and Layout Elements * Fonts * Site Logo * (WP) Primary Navigation * Sosial Box * (WP) Wiget Area * (WP) Older/Newer posts links * (WP) Post * (WP) Pagination Links * (WP) Comments * Footer * * NAMING CONVENTIONS: * box-name_modification-type_modification-name * box-name__box-nested-element-name * * PREFIXES: * b- : box * l- : layout box * i- : inner extra element (for inside regulation) * g- : global definition * ie7- : fixes for ie7 * ie6- : fixes for ie6 * js- : for javascript handling * * PROJECT: Project name * AUTHOR: Constantine B. * */ @import url(css/normalize.css); @import url(css/classes.css); @import url(css/components.css); @import url(css/layout.css); @import url(css/content.css); /***************************************************************************************************** * (WP) Wordpress Core Styles *****************************************************************************************************/ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .wp-post-image, .ie7 .wp-post-image__wrapper { /* Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. */ max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } .alignleft, .wp-post-image, .ie7 .wp-post-image__wrapper { float: left; margin-right: 24px; } .alignright { float: right; margin-left: 24px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .alignleft, .alignright, .aligncenter, .wp-post-image, .ie7 .wp-post-image__wrapper { margin-bottom: 16px; margin-top: 0.4em; } .ie7 .wp-post-image__wrapper .wp-post-image { margin: 0; } .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } .wp-caption { margin-bottom: 16px; text-align: center; max-width: 100%; } .wp-caption img { margin: 0; } .wp-caption-text { font-size: smaller; margin: 5px; } /***************************************************************************************************** * Root and Layout Elements *****************************************************************************************************/ html { background: url(images/page_bg.png) repeat; } body { } #l-holster { background: url(images/page_bg-2.png) repeat-x; } #bg { background: url(images/page_bg-3.jpg) no-repeat 50% 0; } #l-header { } #i-header { overflow: hidden; } .l-meat { background: url(images/paper-bg.png) repeat-y; } #paper-top { height: 97px; background: url(images/paper-top.png) no-repeat; position: absolute; z-index: 9989; top: -97px; left: 0; right: 0; } .i-meat { } .l-content { } .i-content { } .l-sidebar { } .i-sidebar { } .l-sidebar_left { } .l-sidebar_left .i-sidebar { } .l-sidebar_right { } .l-sidebar_right .i-sidebar { } #l-footer { } #i-footer { } /***************************************************************************************************** * Fonts *****************************************************************************************************/ @font-face { font-family: 'Pirulen'; src: url('fonts/pirulen-rg_webfont.eot'); src: local('☺'), url('fonts/pirulen-rg_webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pirulen-rg_webfont.woff') format('woff'), url('fonts/pirulen-rg_webfont.ttf') format('truetype'), url('webfonts/pirulen-rg_webfont.svg#wf') format('svg'); } /***************************************************************************************************** * Site Logo *****************************************************************************************************/ #site-logo { float: left; margin: 30px 0 0; } #site-logo h1, #site-logo h2 { margin: 0; } #site-logo h2 { font: bold 15px Calibri, Arial, "Nimbus Sans L", Helvetica, sans-serif; color: #7c9cab; margin-left: 50px; } /***************************************************************************************************** * (WP) Primary Navigation *****************************************************************************************************/ #nav-primary { float: right; width: 500px; margin-top: 62px; margin-bottom: 40px; min-height: 61px; } #nav-primary li { position: relative; font: italic bold 18px Constantia, Georgia, "Century Schoolbook L", Serif; text-transform: lowercase; } #nav-primary .menu { text-align: right; } #nav-primary .menu > li { margin-left: 5px; text-align: left; margin-bottom: 5px; } #nav-primary a { color: #35066a; } #nav-primary .menu > li > a { padding: 0 14px; height: 61px; line-height: 40px; } #nav-primary .menu > li > a:hover, #nav-primary .menu > li > a:focus, #nav-primary .menu > li > a:active, #nav-primary .menu > .current_page_item > a, #nav-primary .menu > .current-menu-ancestor > a, #nav-primary .menu > .current-menu-item > a, #nav-primary .menu > .current-menu-parent > a { background: url(images/nav-link.png) no-repeat; text-decoration: none; } .link-shadow { display: block; line-height: 0; font-size: 0; } .link-shadow_left { margin-top: 17px; margin-left: -14px; margin-right: -14px; } #nav-primary .menu > li > a:hover .link-shadow_left, #nav-primary .menu > li > a:focus .link-shadow_left, #nav-primary .menu > li > a:active .link-shadow_left, #nav-primary .menu > .current_page_item .link-shadow_left, #nav-primary .menu > .current-menu-ancestor .link-shadow_left, #nav-primary .menu > .current-menu-item .link-shadow_left, #nav-primary .menu > .current-menu-parent .link-shadow_left { background: url(images/link-shadow_sprite.png) no-repeat; } .link-shadow_right { height: 4px; margin-left: 27px; } .ie7 .link-shadow_right { height: auto; line-height: 4px; } #nav-primary .menu > li > a:hover .link-shadow_right, #nav-primary .menu > li > a:focus .link-shadow_right, #nav-primary .menu > li > a:active .link-shadow_right, #nav-primary .menu > .current_page_item .link-shadow_right, #nav-primary .menu > .current-menu-ancestor .link-shadow_right, #nav-primary .menu > .current-menu-item .link-shadow_right, #nav-primary .menu > .current-menu-parent .link-shadow_right { background: url(images/link-shadow_sprite.png) no-repeat 100% -4px; } /***************************************************************************************************** * Sosial Box *****************************************************************************************************/ #b-sosial { width: 404px; margin: 0 46px 0 auto; clear: right; float: right; } .text-follow-us { background: url(images/follow-us_text.png) no-repeat 50% 50%; padding-top: 36px; width: 126px; } #b-sosial .text-follow-us { margin-right: 60px; } #b-sosial a { width: 36px; height: 36px; background-image: url(images/sosial.png); margin-right: 2px; } .facebook { background-position: 0 0; } .twitter { background-position: 0 -36px; } .linkedin { background-position: 0 -72px; } .flickr { background-position: 0 -108px; } .rss { background-position: 0 -144px; } /***************************************************************************************************** * (WP) Wiget Area *****************************************************************************************************/ .widget-area { font-size: 14px; line-height: 18px; color: #000; } .widget-container { margin-bottom: 16px; padding: 0 18px; } .widget-title { margin-bottom: 10px; width: 149px; height: 48px; background: url(images/widget_title.png); font: italic bold 20px/48px Constantia, Georgia, "Century Schoolbook L", Serif; color: #fff; padding: 0 18px; margin: 0 -18px 10px; overflow: hidden; } .widget-container ul { list-style: none outside none; padding: 0; margin: 0; } .widget-container li { margin: 0 0 10px; } .widget-container .children, .widget-container .sub-menu { list-style: none outside none; padding: 0; margin: 10px 0 10px 16px; } .widget-container a { color: #35066a; } .widget-container a:hover, .widget-container a:focus, .widget-container a:active { } /* Archives (BEGIN) */ .widget_archive { } /* Archives (END) */ /* Calendar (BEGIN) */ .widget_calendar { } #wp-calendar { margin: 0; } #wp-calendar caption { } #wp-calendar thead { font-size: 11px; } #wp-calendar td, #wp-calendar th { border: 1px solid transparent; padding: 0; } #wp-calendar th { text-align: center; } #wp-calendar tbody td { text-align: center; background: #fff; color: #606C77; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #prev { text-align: left; } #wp-calendar tfoot #next { text-align: right; } /* Calendar (END) */ /* Categories (BEGIN) */ .widget_categories { } /* Categories (END) */ /* Custom Menu (BEGIN) */ .widget_nav_menu { } /* Custom Menu (END) */ /* Links (BEGIN) */ .widget_links { } /* Links (END) */ /* Meta (BEGIN) */ .widget_meta { } /* Meta (END) */ /* Pages (BEGIN) */ .widget_pages { } /* Pages (END) */ /* Resent Comments (BEGIN) */ .widget_recent_comments { } /* Resent Comments (END) */ /* Recent Posts (BEGIN) */ .widget_recent_entries { } /* Recent Posts (END) */ /* RSS (BEGIN) */ . { } /* RSS (END) */ /* Search (BEGIN) */ .widget_search { } .widget_search .searchform { width: 167px; margin: 0 auto 0 -8px; } .l-content .searchform { margin-top: 8px; margin-bottom: 8px; } .searchform fieldset { width: 167px; height: 51px; background: url(images/search.png); position: relative; } .screen-reader-text { display: none; } .searchform .s { display: block; border: 0 none; width: 108px; height: 20px; line-height: 20px; position: absolute; left: 14px; top: 14px; font: italic 16px/20px Constantia, Georgia, "Century Schoolbook L", Serif; padding: 0; } .searchform .searchsubmit { position: absolute; right: 18px; top: 16px; height: 18px; line-height: 18px; width: 23px; padding: 0; border: 0 none; background: #fff url(images/loupe.png) no-repeat 50% 50%; text-transform: uppercase; text-indent: -9999em; } /* Search (END) */ /* Tag Cloud (BEGIN) */ .widget_tag_cloud { } .tagcloud { text-align: center; } /* Tag Cloud (END) */ /* Text (BEGIN) */ .widget_text { } /* Text (END) */ /***************************************************************************************************** * (WP) Older/Newer posts links *****************************************************************************************************/ .navigation { overflow: hidden; font-size: 18px; font-style: italic; font-weight: bold; } .navigation a { color: #35066a; position: relative; line-height: 39px; } .navigation a:hover, .navigation a:focus, .navigation a:active { text-decoration: underline; color: #418d00; } #nav-above { margin-bottom: 32px; display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin-top: 32px; margin-bottom: 32px; } .nav-previous { float: left; width: 50%; } .nav-previous a { padding-left: 60px; float: left; height: 39px; } .nav-next { float: right; text-align: right; width: 50%; } .nav-next a { padding-right: 60px; float: right; height: 39px; } .meta-nav { position: absolute; top: 50%; margin-top: -19px; width: 50px; height: 39px; background-image: url(images/arrows_sprite.png); } .ie7 .meta-nav { display: inline; } .meta-nav_left { background-position: 0 0; left: 0; } a:hover .meta-nav_left { background-position: 0 -39px; } .meta-nav_right { background-position: -50px 0; right: 0; } a:hover .meta-nav_right { background-position: -50px -39px; } /***************************************************************************************************** * (WP) Post *****************************************************************************************************/ .archive-meta { } .tag-meta { } .post { position: relative; padding-top: 60px; margin-bottom: 16px; } .sticky { } .entry-title { margin: 0; font: italic bold 28px Constantia, Georgia, "Century Schoolbook L", Serif; color: #35066a; } .page-title { margin: 0; } .entry-title a { text-decoration: none; color: #35066a; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { text-decoration: underline; } .entry-header { margin-bottom: 16px; overflow: hidden; } .entry-footer { clear: both; } .entry-content, .entry-summary { } .more-link { } .entry-meta, .entry-meta a, .entry-utility, .entry-utility a { color: #606c77; } .entry-meta, .entry-utility { font-size: 13px; } .meta-sep { } .edit-link a { } .entry-date { width: 108px; height: 127px; background: url(images/blot.png); display: block; overflow: hidden; text-align: center; font-style: italic; font-weight: bold; text-decoration: none; color: #fff !important; position: absolute; left: -138px; top: 0; } .entry-day { margin-top: 46px; font-size: 30px; display: block; margin-bottom: 8px; } .entry-month { font-size: 11px; display: block; } .gallery-caption { } .entry-content input { margin: 0 0 16px; } /***************************************************************************************************** * (WP) Post Pagination Links *****************************************************************************************************/ .post-pagination { clear: both; font-weight: bold; margin: 0 0 16px; word-spacing: 0.5em; } /***************************************************************************************************** * (WP) Comments *****************************************************************************************************/ #comments { clear: both; font-size: 12px; line-height: 16px; margin: 40px 0 20px; } #comments .navigation { padding: 0 0 20px 0; } #comments-title { } .commentlist, #comments .children { list-style: none outside none; padding: 0; margin-left: 0; } .commentlist { margin-bottom: 40px; } #comments .children { margin-bottom: 16px; } .comment { margin: 0 0 20px; padding: 22px 0 0 74px; background: url(images/divider.png) no-repeat; position: relative; } .commentlist > .comment:first-child { background: none; padding-top: 0; } .comment.even { } .comment.odd { } .comment-body { margin-bottom: 16px; } .comment.bypostauthor .comment-body { background: #F8F5EE; padding: 10px; } .comment-author { } .comment-author .avatar { position: absolute; top: 22px; left: 0; } .commentlist > .comment:first-child .comment-author .avatar { top: 0; } .comment-author .fn { font-style: normal; font-weight: bold; font-size: 16px; } .comment-author a { } .comment-author .says { font-style: italic; } .comment-body p, .comment-body ol, .comment-body ul { margin-bottom: 10px; } .comment-meta { font-size: 11px; margin-bottom: 10px; } .comment-meta, .comment-meta a { color: #999; } .reply { font-size: 15px; font-weight: bold; } .nopassword, .nocomments { } #respond { margin-bottom: 16px; overflow: hidden; position: relative; } .children #respond { } #reply-title, #comments-title { font: italic bold 25px Constantia, Georgia, "Century Schoolbook L", Serif; color: #333; } #cancel-comment-reply-link { font-size: 11px; } #commentform { } .logged-in-as { } .logged-in-as a { color: #999; } .comment-notes { } #commentform .comment-notes { margin-bottom: 16px; } #commentform .required { color: #f00; font-weight: bold; } #commentform p { margin-bottom: 10px; } #commentform label { } #commentform input[type=text], #commentform textarea { width: 97%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #commentform #submit { } .comment-form-author { } .comment-form-email { } .comment-form-url { } .comment-form-url { } #commentform .comment-form-comment { margin-bottom: 16px; } #commentform .form-allowed-tags { font-size: 12px; color: #999; margin-bottom: 16px; } .form-submit { text-align: center; } /***************************************************************************************************** * Footer *****************************************************************************************************/ #l-footer { font-size: 12px; line-height: normal; color: #fff; background: #10061c url(images/footer.png) repeat-x; } #l-footer a { color: #fff; } #l-footer p { margin: 0; } #copyrights { float: left; width: 370px; margin-left: 16px; font-size: 14px; } #theme-creator-info { float: right; margin: 16px 0 0 0; width: 520px; }