/*************************************** * maze.css - for mazehome.com theme * *************************************/ /* YUI reset/font css library Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 3.0.0pr2 */ /* reset */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* fonts */ body{font:13px sans;font-weight:300;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif; }table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* adapted from Object Oriented CSS Framework http://github.com/stubbornella/oocss/tree/master */ /* best not to change above this line */ /* **************** TEMPLATE ***************** */ /* ====== Page Head, Body, and Foot ====== */ html, body {background:#f8f2d9 url(/sites/all/themes/maze/images/bg_pattern.gif) ; color: #7e7e7e; font-family: Arial, sans-serif; } #page{margin: 0 auto; width: 950px; background: url(/sites/all/themes/maze/images/bg_content.gif) top left repeat-y;} #hd {background: url(/sites/all/themes/maze/images/bg_top.gif) top left no-repeat; z-index: 998; position: relative;} #ft {background: url(/sites/all/themes/maze/images/bg_bottom.gif) bottom left no-repeat; padding: 0 20px 20px;} #ft-inner {border-top: 2px solid #619081; padding: 10px 30px;} #bd {padding: 0 20px; overflow: hidden; zoom: 1; z-index: 900;} /* admin header below drupal admin, above site */ #pre-hd {width: 910px; padding: 10px 20px; background: #f8f2d9; margin: 10px auto; border: 2px solid #619081;} #pre-hd .content, #pre-hd h2, #pre-hd ul, #pre-hd .menu li {float: left; margin: 0 20px 0 0; padding: 0;} #pre-hd ul {margin-left: 20px;} /* ====== Columns ====== */ /* **************** GRIDS ***************** */ .line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1; } .unit{float:left;_zoom:1;} .lastUnit {float:none;_position:relative;_left:-3px;_margin-right:-3px;width:auto;} /* standard element definitions */ h1 {} h2 {font-family: Georgia, "Times New Roman", serif; font-size: 140%; margin-bottom: 14px;} h2, .node h2 a {color: #619081;text-decoration: none; display: block; font-weight: normal;} h3, .rightCol h2 {font-family: Georgia, "Times New Roman", serif; font-size: 108%; color: #619081; margin-bottom: 12px;} h4 {} h5 {} h6 {} p {} a, a:link, a:visited {color: #619081; font-weight: bold;} a:hover, .nav a:hover, a:active, .nav a:active {color: #7e7e7e;} i, em {font-style:italic;} b, strong {font-weight:bold;} /* main content area and columns */ .main{overflow:hidden; _overflow:visible; zoom:1; margin: 26px 33px 30px 32px; } .main {font-size: 108%;} .sidebar-right .main {width: 520px; border-right: 1px solid #619081; float: left; margin-right: 17px; padding-right: 24px;} .leftCol {float:left; width:250px;} .rightCol {float:right; width: 275px; margin: 26px 33px 0 0; } /* fix faux-floated fckeditor images */ #bd img[align=left] {float: left; margin: 0 10px 10px 0; clear: left;} #bd img[align=right] {float: right; margin: 0 10px 10px 0; clear: right;} #bd p {overflow: hidden; zoom: 1; margin: 0 0 15px 0; line-height: 1.5;} /* blog */ .submitted {display: block; border: 1px solid #619081; border-width: 1px 0; padding: 3px 0; font-size: 12px; margin: 0 0 10px;} ul.links li {padding: 0 10px 0 0;} ul.links li a {font-weight: normal;} .blog-tag .views-row, .blog .views-row {margin-bottom: 50px;} .blog-tag h2, .blog h2 {margin-bottom: 8px;} .more {text-decoration: none; font-weight: normal;} .view-frontpage .node .more { margin: 10px 0; display: block; } .meta {font-size: 12px;} .meta a {text-decoration: none;} .addtoany img {margin: 0;} /* blog sidebar */ #block-node-0 {margin-bottom: 10px;} #block-node-0 h2, #block-node-0 div.content {float: left; margin-right: 10px;} .main .feed-icon {display: none;} .feed-icon {background: url(/sites/all/themes/maze/images/icon_rss.gif) top left no-repeat; width: 14px; height: 14px; display: block; float: left;} .feed-icon img {display: none;} #block-block-2 {line-height: 22px;} .blog-tag .rightCol h2, .blog .rightCol h2 {font-family: Arial, sans-serif; color: #3d3e3e; font-size: 108%;} .blog .rightCol label, .blog-tag .rightCol a, .blog .rightCol a {text-decoration: none; font-weight: normal;} #block-block-5 {padding-bottom: 10px; border-bottom: 1px solid #619081; margin: 10px 0;} /* blog tag browser */ .rightCol #block-block-3 li {margin: 0 0 10px 0;} .rightCol #block-block-3 ul {padding: 0;margin-top: 16px;} /* blog pagination */ .item-list .pager {text-align: right;} .item-list .pager li {margin: 0 0 0 10px; padding: 0;} .item-list .pager li a {text-decoration: none; color: #619081;} /* social sidebar */ #block-block-4 .content {border: 1px solid #619081; border-width: 1px 0; padding: 10px 0; margin: 15px 0;} #block-block-4 p {margin: 0; padding: 0; line-height: 0; overflow: hidden; zoom: 1;} #block-block-4 a {float: left; margin-right: 10px;} /* home page */ .front .main {margin: 12px 10px 33px;} .front .main .node li {width: 270px; float: left; margin-right: 3px; padding:426px 10px 0; position: relative;} .front .main .node li img {position: absolute; top: 0; left: 0;} .front .main .node li strong {font-size: 108%; color: #619081;} .front .main .node li a {white-space: nowrap;} .front .main h2 {display: none;} /* new home page carousel */ .landing_page .main {margin: 13px 10px 30px;} .landing_page .main h2 {display: none;} .carousel {overflow: hidden; zoom: 1; margin-bottom: 10px;} .carousel a {display: block; width: 432px; height: 488px; text-indent: -9999px; margin-left: 458px; } .carousel .img1 {float: left; width: 448px; margin: 0 10px 0 0;} * html .carousel .img1 {margin: 0 5px 0 0;} * html .carousel 1 {margin-left: 0;} .carousel .img2 {height: 238px; } .carousel .img3 {height: 241px; } .one .img2, .one .img3, .two .img3 {display: none;} .one .img1 {width: 890px; margin: 0;} .two .img1 {width: 605px;} .two .img2 {width: 275px; height: 488px; margin-left: 615px;} .three .img2 {margin-bottom: 9px;} .landing_message {text-align: center; margin: 10px 0; background-color: #619081;color: #fff; line-height: 18px;} #bd .landing_message p {line-height: 18px;} .landing_page .main .block {float: left; width: 32%; margin-right: 10px;} /* sidebar */ .rightCol p, .rightCol li {font-size: 93%; margin: 26px 33px 0 0; } .rightCol p {clear: both;} /* header */ #logo-contact-container {text-align: center; position: relative; padding: 37px 20px 0; color: #619081;} #logo-contact-container div {text-align: center; position: absolute; bottom: 54px; background: url(/sites/all/themes/maze/images/hdr_address.gif) top right no-repeat; text-indent: -9999px;width: 222px; height: 17px;} #street-address {right: 545px; } #logo-contact-container #email-phone {left: 545px; background-image: url(/sites/all/themes/maze/images/hdr_email_phone.gif); background-position: top left;} #hd a {font-weight: normal;} /* nav container and main links*/ #nav {margin: 0 20px; border: 1px solid #619081; border-width: 1px 0; text-align: center; font-family: Georgia, "Times New Roman", serif; z-index: 1001;} #nav ul {margin: 5px auto; display: inline;} #nav li {padding: 0 20px;} #nav a {padding: 3px 10px; white-space: nowrap; text-decoration: none; display: inline-block;} #nav a.active {color: #619081;} #nav li li a.active {color: #f8f2d9;} /* sub-menus */ #nav li li {padding: 0; display: block; text-align: left;} #nav ul.links>li.haschildren:hover>a { /* also in fix-ie.css */ background-color: #619081; color: #f8f2d9; } li.haschildren {position: relative;} #nav ul.links li.haschildren:hover>ul.sublinks { /* also in fix-ie.css */ display: block; } #nav ul.links ul.sublinks { border-bottom: 5px solid #4D4C4C; display: none; background-color: #619081; list-style: none; margin: 0; padding: 10px 0 0; position: absolute; left: 20px; top: 18px; min-width: 100%; /*width: 12em;*/ } ul.links ul.sublinks li { /*border-bottom: 1px solid #a9a9a9;*/ line-height: 1.6em; background-color: #619081; padding: 0; position: relative; padding-right: 40px; /*width: 100%;*/ } ul.links ul.sublinks li.last { border-bottom: none; } ul.links ul.sublinks li a { color: #f8f2d9; background-color: #619081; display: block; } ul.links ul.sublinks li:hover, ul.links ul.sublinks li a:hover { background-color: #999; /* color: #619081;*/ } ul.links ul.sublinks li.haschildren>a:after { content: "\0020\00BB"; } /* store nav */ #shop-nav { text-align: right; margin: 0 30px 10px; } #shop-nav a {font-family: Georgia, "Times New Roman", serif; text-decoration: none; } #shop-nav img {margin-left: 5px; vertical-align: bottom;} /* news page */ .view-news td {padding: 0 35px 20px 0; vertical-align: top; line-height: 140%;} .view-news table h3 {display: inline;} .view-news table a.imglink, .view-news table a.morelink {display: block; font-weight: normal; margin:5px 0 10px;} .news .node .submitted {display: none;} /* block edit links */ div.block {position: relative;} div.block div.edit {position: absolute; top: 0; right: 0; border: 1px solid green; background: green; padding: 3px; display: none;} div.block div.edit a {color: white;} div.block:hover div.edit {display: block;} /* events */ ul#upcomingevents {padding-left: 0;} ul#upcomingevents li {border-bottom: 1px solid #619081; padding: 20px 0;} #block-nodeblock-114 h2, #block-nodeblock-114 .meta {display: none;} ul#upcomingevents li .event_info {line-height: 1.2;} .status {background-color: #619081; color: white; padding: 2px;} #upcomingevents .morelink {margin-left: 10px;} #block-nodeblock-114 label {color: #619081;} .view-display-id-block_1 a, .view-events h3 a {text-decoration: none;} #node-114 label {margin-bottom: 10px;} /* comments */ #comment-form h2, #comments h2 {background: url(images/icon_comment_form.gif) left center no-repeat; color: #619081; padding-left: 25px; font: 16px/26px Arial, sans-serif; font-weight: bold; margin: 48px 0 20px; } #comment-form h2.comments, #comments h2.comments {background: #619081 url(images/icon_comment.gif) 5px center no-repeat; color: white; padding-left: 30px;} #comment-form .submitted a[rel=nofollow], #comments .submitted a[rel=nofollow] {font-weight: normal; color: #7e7e7e; text-decoration: none; cursor: normal;} #comment-form .submitted, #comments .submitted {border: none;} #comment-form .form-required, #comments .form-required {color: #7e7e7e;} .links .links .comment_reply {display: none;} .comment .submitted {font-size: 14px; line-height: 16px; padding: 0;} .comment .submitted a {text-decoration: none;} #comment-form .comment, #comments .comment {border-bottom: 1px solid #cbcbcb; margin-bottom: 27px; line-height: 20px; } .comment .content {margin-bottom: 29px;} #comment-form input, #comment-form textarea, #comments input, #comments textarea {background: transparent; border: 1px solid #7e7e7e;} #comment-form .form-item, #comments .form-item {margin: 19px 0;} #comment-form .box label, #comments .box label {float: left; width: 105px;} #comment-form .box .description, #comments .box .description {display: inline; font-weight: normal;} #comment-form .mollom-privacy, #comment-form .instructions, #comments .mollom-privacy, #comments .instructions {text-align: right; margin-left: 20%; padding: 10px 22px; clear: both; font-size: 12px;} html.js .box .resizable-textarea {width: 75%; float: left;} #comment-form #edit-submit, #comment-form #edit-preview, #comments #edit-submit, #comments #edit-preview {width: 90px; height: 30px; float: right; margin-right: 20px; } /* form buttons */ .block button, #comment-form #edit-submit, #comment-form #edit-preview, #comments #edit-submit, #comments #edit-preview {background: #619081; color: white; border: none;} /* footer */ #ft {overflow: hidden; zoom: 1;} #ft .block {line-height: 30px;} #block-block-1 {text-align: right; font-size: 12px; float: right;} #block-block-1 a:link,#block-block-1 a:visited {font-weight: normal; text-decoration: none; color: #7e7e7e;} #block-block-1 a:hover,#block-block-1 a:active {text-decoration: underline; color: #619081;} /* mailing list forms */ #block-block-12 {width: 50%;} #block-block-11 p {margin-bottom: 0;} #block-block-11 input, #block-block-12 input {color: #bbb; padding-left: 5px; border: 1px solid #7e7e7e; background: transparent;} #block-block-11 input:focus, #block-block-12 input:focus {color: #000;} /* search */ #search-block-form { margin: 0 0 10px; } #search-block-form label { display: block; color: #619081; font-size: 12px; }