/* Theme Name: Reverie Theme URI: http://themefortress.com/reverie/ Description: Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation. Version: 3.0.0 Author: Zhen Huang Author URI: http://themefortress.com/ License: MIT License License URI: http://www.opensource.org/licenses/mit-license.php */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Customized Adjustments of Foundation for WordPress :: Styling Basic WordPress Outputs :: Customize Foundation Style Pagination for WP-Pagenavi :: Customize for BuddyPress :: Your Customized Style */ /* --------------------------------------------------- Customized Adjustments of Foundation for WordPress --------------------------------------------------- */ /* Foundation-specific presentation CSS by ZURB */ div.reverie-header { margin: 0 0 0px 0; padding: 0px 0 0 0; } div.reverie-header h1 { font-weight: 500; margin-bottom: 0; padding: 0; } div.reverie-header h1 a { color: #181818; } div.reverie-header h1 a:hover { color: #181818; } @media handheld, only screen and (max-width: 767px) { header { position: relative; } header .subheader { margin-bottom: 0; } header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; } header .menu-action .button.small { padding: 8px; } header .menu-action .button.small svg { opacity: 0.5; } header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px; } header h4 { font-size: 17px; font-size: 1.7rem; } } /* ----------------------------------------- Styling Basic WordPress Outputs ----------------------------------------- */ /* Global */ h1, h2, h3, h4, h5 { font-family: 'Georgia','Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300;color:#5da423 } /* Add Divider for Listed Posts */ .divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:0;clear:both } /* Add Class for Images */ img.alignright { float: right; margin: 0 0 18px 18px; } img.alignleft { float: left; margin: 0 18px 18px 0; } img.aligncenter { display: block; margin: 18px auto; } /* Add HTML5 Class for Images */ figure img { height: auto; border: 1px solid #DDD; /* margin: 0 auto; */ display: block; box-shadow: 0px 2px 10px #ddd; -moz-box-shadow: 0px 2px 10px #ddd; -webkit-box-shadow: 0px 2px 10px #ddd; border-image: initial; } /* Add HTML5 Caption Class for Images */ figure.figure { margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; } figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; } figure.alignright.figure { float: right; margin: 0 0 18px 18px; } figure.alignleft.figure { float: left; margin: 0 18px 18px 0; } /* Sidebar Adjustment */ .sidebar-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } /* Footer Nav */ .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } .footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; } /* Breadcrumb Adjustment */ ul.breadcrumbs li span { padding-left: 3px; } ul.breadcrumbs li a { padding-left: 0; } /* Comment Textarea Adjustment */ #respond textarea { height: 100px; } /* ------------------------------------------------------- Adjust Foundation 3 Pagination Style for WordPress ---------------------------------------------------- */ ul.page-numbers { display: block; height: 24px; margin-left: -5px; } ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; } ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; } ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; } ul.page-numbers li.unavailable a { cursor: default; color: #999; } ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; } ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; } /* --------------------------- :: Customize for BuddyPress --------------------------- */ .padder label + textarea { margin-top: 0; } .padder #item-body #message-threads .thread-avatar img { max-width: 50px; } ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; } .padder select { display: inline-block; } .padder div.item-list-tabs { margin: 25px 0; } .padder form#whats-new-form textarea { height: 30px; } .padder .button { display: inline; } /* -------------------------- Your Customized Style ----------------------- */ .cite-article { background-color: #F9F9F9; border-color: #CCCCCC #E6E6E6 #E6E6E6; border-style: solid; border-width: 3px 1px 1px; margin: 20px 0 16px; padding: 10px 0 5px 9px; } .entry-content .post-categories {list-style-type: none !important; text-transform: uppercase} .related-posts-div { background-color: #F9F9F9; border-color: #CCCCCC #E6E6E6 #E6E6E6; border-style: solid; border-width: 3px 1px 1px; margin: 20px 0 16px;font-size: 10px; padding: 10px 0 5px 9px;} .related-posts-div li { font-size: 12px; } .widget li { border-bottom: 1px solid #CCCCCC; list-style-type: none; padding: 0; } .widget .cat-item a {display: block} .widget .cat-item:hover {background: #efefef} #homepage-content-european {border-top: 5px solid #E3E3E3; padding: 5px;line-height: 21px;padding-right:10px; margin-bottom: 20px !important; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #homepage-content-european img {margin-bottom: 5px;} #homepage-content-european p { font-size: 14px; line-height: 18px !important; margin-bottom: 7px; } body {background: url(https://www.europeanreview.org/wp/wp-content/uploads/2012/09/background-v2.png) repeat-x; } .reverie-header img {margin-top: -15px;border:none; max-width: 100%;} .nav-bar { margin-top: 0 !important; } #citation-in li { list-style-type:square; font-size:12px; width:50%; float:left;} #content-info {margin-bottom: 20px} .sidebar-section { border-top: 5px solid #e3e3e3;padding-top:0;margin-bottom:20px !important; background: #fff; /* Old browsers */ } .sidebar-section h6 {font-size:19px} .nav-bar ul li,.nav-bar ,.nav-bar li {border:none !important; background: none !important; } .nav-bar li a {color:#2531CD; text-decoration: underline !important;} .nav-bar > li > a:first-child {padding: 0 6px;font-size:13.5px;} .nav-bar > li.active > a { color:#444; cursor: default;} .the-bg {position:absolute;height:300px;top:0;background:red;width:100%; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .pagination-top {float:right;margin-top:0px;} .bottom-pagination .reverie-pagination { margin: 0 0 30px 50px;} .reverie-pagination ul li {font-size:18px !important} ul.page-numbers li span.current {font-size:18px !important} .popular-posts ul li a { color: #; font-size: 14px; line-height: ; } .popular-posts ul li { padding: 5px 0 5px 0; line-height: 17px; } .the-authors-list { line-height:18px; font-weight:500; } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* Portrait */ .nav-bar > li > a:first-child { display: block; font-size: 11px; padding: 0 10px; } } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* Landscape */ /* Portrait */ .nav-bar > li > a:first-child { display: block; font-size: 13px; padding: 0 10px; } } small { font-size: 80% !important; } .img-left { border: 1px solid #DDDDDD; box-shadow: 0 2px 10px #DDDDDD; display: block; height: auto; margin: 0 0 0 -40px !important; } .taxonomy-description img {max-width: 300px;text-align: center} .page-id-24508 h5 {color: #222222;font-weight: bold;}