/* 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.2.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 --------------------------------------------------- */ @font-face { font-family: 'SeaweedScript-Regular'; src: url('http://www.insideoutsidetheatre.com/wp-content/themes/reverie3/fonts/SeaweedScript-Regular.eot'); src: local('☺'), url('http://www.insideoutsidetheatre.com/wp-content/themes/reverie3/fonts/SeaweedScript-Regular.woff') format('woff'), url('http://www.insideoutsidetheatre.com/wp-content/themes/reverie3/fonts/SeaweedScript-Regular.ttf') format('truetype'), url('http://www.insideoutsidetheatre.com/wp-content/themes/reverie3/fonts/SeaweedScript-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } .small-heading{font-family:SeaweedScript-Regular;color:#E31D1A;font-size:30px;padding-bottom:5px} .button{width:100%} .login{padding-top:10px;border:1px solid #ccc;} .tabs.vertical li ul { margin-left: 0; padding-top: 10px; padding-bottom: 10px; border-left: solid 3px #eee; border-right: solid 1px #eee; margin-left: -4px; -webkit-box-shadow: 1px 0 0 white inset; -moz-box-shadow: 1px 0 0 white inset; box-shadow: 1px 0 0 white inset; } .tabs.vertical li ul li { border: none; } .tabs.vertical li ul li a { cursor: pointer !important; font-weight: normal; color: #666 !important; padding: 7px 0 7px 20px; background: #fff !important; } .tabs.vertical li ul li a:hover { color: #111 !important; } .tabs.vertical li ul li.active { border: none; } .tabs.vertical li ul li.active a { font-weight: bold; color: #222 !important; } /* Foundation-specific presentation CSS by ZURB */ div.reverie-header { margin: 0 0 20px 0; padding: 20px 0 0 0; height: 200px; background-repeat: no-repeat; background-image: url('images/logo-med.png'); width:370px; float:left;} 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; } .topContact{margin-top:20px;background-image:url('images/toparrowbig.png');text-align:right;width:310px;padding-left: 26px;} .topContact a{color:white;} @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; } .container2{display:none} .body-top{display:none} .banner-caption{display:none} } .membership-boxes{height:400px} @media handheld, only screen and (max-width: 480px) { div.reverie-header { background-image: url('images/logo-small.png'); width:300px; padding-left: 16px;} .membership-boxes{height:auto} } @media handheld, only screen and (max-width: 695px) { .topContact{margin-top:-90px; background-image:url('images/toparrow2big.png');width:300px;background-repeat:no-repeat;} } /* ----------------------------------------- Styling Basic WordPress Outputs ----------------------------------------- */ /* Global */ h1, h2, h3, h4, h5 { font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; } ul{margin-left:17px} .ei-slider ul{margin-left:0} /* Add Divider for Listed Posts */ .post-divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; } .post-divider2 { background:url(images/divider.png) no-repeat center top; height:16px; margin:20px 0 27px; } /* 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 { margin-bottom: 17px; } 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: left; padding-right: 3%; margin-bottom: 0; } .footer-nav a{color:black}; .footer-nav a:hover{color:white}; /* Overwrite Off-Canvas Style */ footer { background: #fff; color: inherit; padding: 10px 0; } .js [role="main"] { background: inherit; } .top-header { overflow: visible; } #content { padding-left: 0; } #sidebar { padding-right: 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 ----------------------- */ body{background-color:black} #header-container{background-repeat: repeat-x;background-image:url('images/banner.png');position:relative;z-index:2000} #content{background-color:white;padding:20px;margin-bottom:20px} #content h2{font-size:20px;font-weight:bold;color:#E31D1A;} .blog-box h2{font-size:20px;font-weight:bold;color:#E31D1A;} .post-box h2{font-size:20px;font-weight:bold;} .blog-box h2 a{color:#E31D1A;} .entry-content, .entry-content p{font-size:12px} .heading-title{background-color:#E31D1A;} .heading-title h2{color:white;text-align:left} .categories-box{line-height:2} .categories-box li{ list-style-type: none;} .categories-box a{color:#444} .categories-box a:hover{color:#E31D1A} .categories-box h2{color:#E31D1A;font-size:20px;font-weight:bold;} .current-cat{font-weight:bold} #content ul{list-style:disc} .banner-caption { text-align: left;padding:10px; } .banner-caption h2{ font-size: 18px; /*line-height: 50px;*/ font-family: 'Playfair Display', serif; font-style: italic; color: #FFF; } .banner-caption h3{ font-size: 12px; /*line-height: 70px;*/ font-family: 'Arial'; /*text-transform: uppercase;*/ color: #FFF; } .Children #content h2{color:#338EBB} .Children .heading-title{background-color:#338EBB} .Children a{color:#338EBB} .Children a:hover{color:#333} .Young-Adults #content h2{color:#E9A84B} .Young-Adults .heading-title{background-color:#E9A84B} .Young-Adults a{color:#E9A84B} .Young-Adults a:hover{color:#333} .Mature-Adults #content h2{color:#98225D} .Mature-Adults .heading-title{background-color:#98225D} .Mature-Adults a{color:#98225D} .Mature-Adults a:hover{color:#333} .People-with-Disabilities #content h2{color:#639E49} .People-with-Disabilities .heading-title{background-color:#639E49} .People-with-Disabilities a{color:#639E49} .People-with-Disabilities a:hover{color:#333} .Children .coloured-button { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6cb5d0), color-stop(1, #3190bc) ); background:-moz-linear-gradient( center top, #6cb5d0 5%, #3190bc 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6cb5d0', endColorstr='#3190bc'); background-color:#6cb5d0; color:#ffffff; } .Children .coloured-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3190bc), color-stop(1, #6cb5d0) ); background:-moz-linear-gradient( center top, #3190bc 5%, #6cb5d0 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3190bc', endColorstr='#6cb5d0'); background-color:#3190bc; } .Children .coloured-button:active { position:relative; top:1px; } .Young-Adults .coloured-button { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eebb44), color-stop(1, #e9a74a) ); background:-moz-linear-gradient( center top, #eebb44 5%, #e9a74a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eebb44', endColorstr='#e9a74a'); background-color:#eebb44; color:#ffffff; } .Young-Adults .coloured-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9a74a), color-stop(1, #eebb44) ); background:-moz-linear-gradient( center top, #e9a74a 5%, #eebb44 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9a74a', endColorstr='#eebb44'); background-color:#e9a74a; } .Young-Adults .coloured-button:active { position:relative; top:1px; } .Mature-Adults .coloured-button { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b86494), color-stop(1, #8f2156) ); background:-moz-linear-gradient( center top, #b86494 5%, #8f2156 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b86494', endColorstr='#8f2156'); background-color:#b86494; color:#ffffff; } .Mature-Adults .coloured-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f2156), color-stop(1, #b86494) ); background:-moz-linear-gradient( center top, #8f2156 5%, #b86494 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f2156', endColorstr='#b86494'); background-color:#8f2156; } .Mature-Adults .coloured-button:active { position:relative; top:1px; } .People-with-Disabilities .coloured-button { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #94c17c), color-stop(1, #639f48) ); background:-moz-linear-gradient( center top, #94c17c 5%, #639f48 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c17c', endColorstr='#639f48'); background-color:#94c17c; color:#ffffff; d } .People-with-Disabilities .coloured-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #639f48), color-stop(1, #94c17c) ); background:-moz-linear-gradient( center top, #639f48 5%, #94c17c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#639f48', endColorstr='#94c17c'); background-color:#639f48; } .People-with-Disabilities .coloured-button:active { position:relative; top:1px; } .coloured-button { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; color:#ffffff; font-family:arial; font-size:15px; font-weight:normal; padding:6px 24px; text-decoration:none; width:160px; height:30px; } #wp-submit{width: auto; background: #d04736; border: 1px solid #B0332A; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out;}