/* --------------------------------------------------------------------------------------------------------- iWebsite Theme PART 1 : Overall standard layout components 1.1 Main layout components 1.2 Navigation Components 1.3 Footer PART 2: Common content formatting 2.1 Text 2.2 Links & special button links 2.3 Content 2.4 Specials PART 3 : Specific pages with specific layout and formatting needs 3.1 Plone template related 3.2 Home page 3.3 Experience meditation 3.4 Thought for today 3.5 Calendar 3.6 Mailinglist 3.7 Sitemap 3.8 Locations near you page styles 3.9 Feedback page 3.10 FAQ 3.11 Events 3.12 Multimedia 3.13 iWeb3 extra pages --------------------------------------------------------------------------------------------------------- */ /* ------------------- Comment on how to use: ---------------------- - the code marked with "permanent - do not touch unless really necessary or wanted" is the essential code to make the layout stand and contains most of the positioning CSS - little changes here would very likely break parts if not the full layout; if needed some of these settings can be adapted by using overruling statements in the 'customizable sections'. - the code in the customized sections is adaptable as the name says - it allows to modify the 'skin' of the layout and even if this code would be totally omitted the foundation of the layout should still stand. - to allow maximum flexibility as much formatting and 'skin' related code has been added to the 'adaptable' areas - for font colouring, background colours etc. this is quite easy, however for spacing with margins and paddings some initial choices might have been made in the permanent areas as these seemed the best starting point for most of the layouts which are going to be made available - if needed they can be overruled but be especially carefull with containers set to 100%, as adding borders or padding to these areas tend to easily break the layout in IE6; to avoid a maximum of hacks for this browser a point of awareness is to set margin/padding/border on the containing divs in stead of doing so directly on the container set to 100%. - each page will receive a default id for the body tag, something like , with a matching name for the choosen template in Plone for this specific page ; this happens automatically and will trigger off the provided CSS for the page. If needed one can however provide another ID for a specific page - this can be done through the Plone management pages - such an approach may be the only solution to some complexer design issues, where pages and containers need to be addressed very specifically. - the code has been divided into 3 logical parts for layout, common content and specific pages; this means that some css selectors will be repeated in two or even all 3 parts or in several subsections... and at the same time some selectors will be repeated in both the permanent and customized areas of each section.... however in this way it should be easier to find one's way throughout the code and allow a methodological approach - special attention is needed towards the order of the declarations ; this is often a good starting point when debugging - the firebug addon for FF is definitely a good help too if no other CSS editor is available - bottlenecks, traps and dangerous point have explaining comments - the pure "hacks" to make the code work in IE7,IE6 (and IE5, but partially as this browser can be considered dead) have been added to special stylesheets IE6.css, IE7.css which are detected by conditional comments in the xhtml - if there's a need for extra hacks in a layout, then be sure to checkout these stylesheets too and add or overrule declaration there as well. - the print.css takes a minimum of CSS on board and sets header and all navigation areas to "unvisible" when printing - also all main borders & background have been removed - please adapt asper your liking and also consider editing the print.css when adding new pages / templates. */ /* --------------------------------------------------------------------------------------------------------- PART 1 : Overall standard layout components --------------------------------------------------------------------------------------------------------- */ /* ----------------------- 1.1 Main layout components --------------------------*/ /* permanent - do not touch unless really necessary or wanted */ body {min-width:780px; margin:0; padding:0; text-align:center;}/* centered design, considering IE 5 and IE6 quirck mode*/ #container {max-width:955px; margin:0 auto; padding:10px 0; text-align:left; height: 100%; } #header {margin:0 10px; padding:0; height:110px; background:url(images/header.jpg) left top no-repeat;} #printLogo {display:none; visibility:hidden;} #navigation {padding:0; margin:10px 10px 0 10px; background-color: #fff;} #toolboxWrapper {margin:0;} #toolbox {padding:5px 0 0 10px; margin:0; line-height:22px; height:22px;} #mainMenu {list-style:none; text-align:center; clear:both; margin:0; padding:5px 0 0 0; position:relative; z-index:10; width:auto;}/*IE7 needs auto width*/ #trail {margin: 10px 0 0 0;} #mainBody {clear:both; float:left; margin:0 0 10px 0; width:100%;} #secondaryNavigation {float:left; margin:10px 0 0 10px; width:220px; clear:both;} #subMenu {padding: 0 0 15px 20px; margin:0 0 10px 0; width:auto;} #contentContainer {margin:10px 10px 0 240px; z-index:1; position:relative; padding: 0; } /* no margin bottom for IE7*/ #contentContainerExtra {padding:0; margin:0; float:right; width:100%; position:relative; } /* width sometimes 100%, sometimes auto depending on layout) */ #content {margin:0 26px 5px 25px; z-index:1; clear:both; position:relative } #footer {clear:both; padding:0; margin:0 10px; line-height:25px; height:25px;} .clearIt { clear:both; zoom:1; } .clearer {height:1%; clear:both; background-color:transparent; overflow:hidden; } span.clearer {display:block; height:1px; margin-bottom:-1px;} /* used to force certain non floated containers to contain their floated children properly */ /* Customized settings - layout */ body {background: #fff url(images/background.gif);} #container {background-color:#fff; } #header {background-color:#fff;} #navigation {} #toolboxWrapper {background:#fde9de; border-left:1px solid #dea181; border-bottom:1px solid #dea181;} #toolbox {color:#e2e2e2; background:url(images/tr3full.gif) no-repeat right top;} #mainMenu {height:30px; border-right:1px solid #dea181; background:url(images/bl3full.gif) no-repeat left bottom;} #secondaryNavigation{} #subMenu {font-size:0.7em; border-right:1px solid #dea181; background:#fde9de url(images/bl3full.gif) no-repeat bottom left;} #contentContainer {border:1px solid #dea181; background:#fde9de;} #contentContainerExtra{position:relative; background:url(images/tr.gif) no-repeat right top; top:-1px; right:-1px; } #content {border:#dea181 1px solid; background:#fef9f5; overflow:hidden; color: #694f40; } #contentContainer span.clearer {height:20px; display:block; background:url(images/bl.gif) bottom left no-repeat; position:relative; left:-1px; bottom:-1px; } #footer {font-size:11px; color:#b85c30; background:#dea182 url(images/tr3full.gif) no-repeat right top; } /* ---------------------- 1.2 Navigation Components ----------------------- */ /*toolbox - permanent - do not touch unless really necessary or wanted */ #accessJumps {position:absolute; left:-9000px; font-size:0.7em;} #searchForm {display:block; float:left; margin:0 10px} /*navigation*/ #navigation input {height:14px; position:relative; float:left; line-height:14px;} #navigation select {float:left; width:14em;} #navigation label {display:block; float:left; padding:1px 10px 0 0; line-height:16px;} input#searchText {width:14em;} #navigation #searchButton {position:relative; top:0px; height:18px;} #navigation #textSize {display:block; margin:0 10px 0 0; width:16em; float:right; line-height:18px; padding:0; text-align:right;} /* Customized settings - toolbox */ #searchForm {color:#36525D; font-size:0.7em;} /*navigation*/ #navigation input {border:1px solid #D2D2D2; background-color:#FEF9F5; font-size:1em; color:#6b4e3e;} #navigation select {background-color:#FEF9F5; font-size:0.9em; background-color: #FEF9F5; color:#6b4e3e;} #navigation label {color:#922582;} #navigation #searchButton {background-color:#dea182; color:#fff; margin-right:20px;} #navigation #textSize {color:#922582; font-size:0.7em;} #navigation #textSize a {text-decoration:none; color:#e82691; padding-right:3px; } #navigation #textSize a:hover {color:#922582; } #navigation #textSize .largeTextSize {font-size:1.5em;} #navigation #textSize .mediumTextSize {font-size:1.25em;} #navigation #textSize .smallTextSize {font-size:1em; padding-left:7px;} /* main menu - permanent - do not touch unless really necessary or wanted */ #mainMenu li { margin:0; padding: 0 0 0 10px; float:left; display:block; text-align:center; position:relative; background: none; font-size: 1em; } #mainMenu li#home {width:11%;} #mainMenu li#menu0 {width:19%;} #mainMenu li#menu1 {width:20%;} #mainMenu li#menu2 {width:21%;} #mainMenu li#menu3 {width:21.5%;} #mainMenu ul {padding:0; margin:0; list-style:none; z-index:10; position:absolute; text-align:center; display:none; left:10px; right:0; overflow:visible; width:auto; -moz-opacity:0.9; opacity: 0.9;} /* IE 7 collapsing menu items... widht saves - filter:alpha(opacity=90) does not validate and moved to IE7.css - overflow for IE7 too*/ #mainMenu ul li {min-height:1%; padding:0; margin:0; float:none; width:auto;} #mainMenu a {display:block; margin:0; padding:0; white-space:nowrap; height:1%;} /* height gives IE HasLayout - all links are blocks - reset margin/padding */ #mainMenu li a{line-height:22px; margin:0; overflow:visible; white-space:nowrap;} #mainMenu li:hover ul {display:block;} /*IE doesn't get hover on li: need for javascript menu */ /* Customized settings - main menu */ #mainMenu li {} #mainMenu li#home {} #mainMenu li#menu0 {} #mainMenu li#menu1 {} #mainMenu li#menu2 {} #mainMenu li#menu3 {} #mainMenu ul {} #mainMenu ul li {} #mainMenu ul li.last {} #mainMenu a {text-decoration:none; font-weight:bold; color:#fff; font-size:0.8em; border:#b6846b 1px solid; background-color:#dea182;} /* links main menu items */ #mainMenu ul li a {font-size:0.7em; font-weight:bold;color:#fff; padding:0; margin:-1px 0 0 0;}/* links main submenu items */ #mainMenu ul li a:hover, #mainMenu ul li:hover {background-color:#ae587f; background-image:none; color:#fff;} /* trailer - permanent - do not touch unless really necessary or wanted */ #countryIndicator {width:220px; float:left; border:none; margin:0; padding:0; line-height:27px;} #breadcrumbs {margin:0 0 0 230px; padding:0; line-height:27px;} #breadcrumbs span {display:block; padding:0 5px 0 30px;} /* Customized settings - trailer */ #countryIndicator {color:#C83577; background:#fde9de url(images/blCountryIndicator.gif) no-repeat bottom left;} #countryIndicator span {background:url(images/tr3full.gif) top right no-repeat; display:block; padding:0 0 0 35px; line-height:27px; font-weight:bold; font-size:0.9em;} .wai {margin-right:10px;} #breadcrumbs {font-size:0.7em; color:#cd7241; background:#fde9de url(images/bl3full.gif) no-repeat bottom left;} #breadcrumbs span {background:url(images/tr3full.gif) top right no-repeat;} #breadcrumbs a.crumbs {color:#cd7241; border-bottom:1px #cd7241 dashed; text-decoration:none;} #breadcrumbs a.crumbs:hover {border-bottom: 1px #922582 dashed; color:#922582;} /* secondary navigation - country navigation - permanent - do not touch unless really necessary or wanted */ /* Customized settings - secondary navigation - country navigation */ #secondaryNavigation h3.subMenuTitle {padding:15px 0 10px 20px; margin:0; border-left:1px solid #dea181; background:#fde9de url(images/tr3full.gif) no-repeat right top;} #subMenu li {padding:0 0 0 20px; margin:0; color:#C63200; list-style:none; background:url(images/submenu_bullet.gif) no-repeat left 0.8em; line-height:25px;} #subMenu ul {margin:0 2px 0 0; padding:0} #subMenu ul li {margin:0; padding:0 0 0 15px; background:url(images/bullet_sub2.gif) no-repeat left 7px; line-height:20px; font-weight:normal; } /*overruling actif link*/ #subMenu li a {color:#C63200; padding:0; background:none; text-decoration:none; border-bottom:none;} #subMenu li a:hover {border-bottom:#C63200 1px solid; padding:0 0 0; background:none; text-decoration:none;} #subMenu li li a:hover {border-bottom:#E82490 1px solid;} #subMenu li li, #subMenu li li a {color:#E82490; } #subMenu .subOption {padding:0; margin:-2px 0 0 0;} #subMenu li .subOption li {list-style:none; } #subMenu li .subOption li a {font-size:0.9em; padding:0; color:#e82691; line-height:20px; padding:0; height:20px;} /*height for IE6*/ #subMenu li .subOption li a:hover {border-bottom:#e82691 1px solid; } /* actif link sample - each new page linked from submenu needs entry here*/ a.active {font-weight:bold;} /* active class link is auto generated by Plone*/ /* Quicklinks/Floaters - Related Links - permanent - do not touch unless really necessary or wanted */ /* Customized settings - Quicklinks/Floaters */ #relatedPic img {border: 1px #999357 solid;} h3.quickLinksTitle {margin:10px 0 0 0; border-left:1px solid #dea181; border-bottom:1px solid #dea181; background:#fde9de url(images/tr3full.gif) no-repeat right top; padding: 10px 0 10px 20px;} ul#quickLinks {margin:0; padding:10px 0 10px 20px; font-size:0.7em; background:#fff; border-right:1px solid #dea181; background:url(images/bl3full.gif) no-repeat left bottom;} ul#quickLinks li {list-style-type:none; background:url(images/rellink_bullet.gif) no-repeat left center; padding:0 0 0 20px; line-height:20px;} ul#quickLinks li a {color:#E82490;} ul#quickLinks li a:hover {border-bottom:#E82490 1px solid;} /*.thoughtToday, .mailList, .bookShop, .expMeditation {background-repeat: no-repeat; background-position: center bottom;} .thoughtToday {background-image:url(images/floater1.jpg);} .mailList {background-image:url(images/floater2.jpg);} .bookShop {background-image:url(images/floater3.jpg);} .expMeditation {background-image:url(images/floater4.jpg);} */ /* ------------------------------ 1.3 footer - fully customizable -------------------------------- */ #footer span {display:block;} #footer a {color:#8b2652; text-decoration:none;} #footer a:hover {color:#fff; text-decoration:none; border:none;} #copyright{float:left; padding:0 0 0 25px; background:url(images/bl3full.gif) no-repeat bottom left;} #footerLinks{float:right;margin: 0 25px 0 0; text-align:right;} /* --------------------------------------------------------------------------------------------------------- PART 2: Common content formatting - fully customizable --------------------------------------------------------------------------------------------------------- */ /* --------- 2.1 Text ----------*/ body {font-size:1em; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;} td {vertical-align:top;} p {color:#6b4e3e; font-size:0.7em; line-height:175%; padding:0; margin:0;} #content ul {font-size:0.7em; line-height: 175%;} h1,h2,h3,h4 {font-weight: bold;} h1{color:#c63200; font-size:0.9em;} h2{font-size: 0.85em; color:#922582; padding:0; margin:0 0 10px 20px;} h3{font-size: 0.7em; color:#922582; margin:0 0 10px 20px; padding: 0;} h4{font-size: 0.7em; margin:-8px 0 10px 20px; padding:0; color:#6b4e3e;} form {font-size:0.7em;} .noBold {font-weight:normal;} /* ------------------------------ 2.2 Links & special button links ---------------------------------*/ a {color:#e82691; padding-bottom:1px; text-decoration:none;} a:hover {color:#922582; text-decoration:none; border-bottom:#922582 1px solid;} a img {border:none;} #content a {color:#e82691; border-bottom:#e82691 1px dashed;} #content a:hover {color:#922582; text-decoration:none; border-bottom:#922582 1px solid;} #content a.buttlink {font-weight:bold; color: #C63200; text-decoration:none; padding:5px 7px; border-bottom:1px #C63200 solid; border-right:1px #C63200 solid; background:#FCD7C5; margin:10px 0 0; font-size:1em;} #content a.buttlink:hover {color:#fff; text-decoration:none; background-color:#ae587f; border:none;} #content a.buttlinknormal {font-weight:bold; border: 0; padding:0;} #content a.buttlinknormal:hover {color:#ae587f; border-bottom:1px #ae587f solid;} #content p a.buttlink {} #toolbox a:hover {border-bottom:none; cursor:pointer;} /*print link*/ #content #print{border-top: 1px solid #dea181; padding:1px 20px 0 0; margin:20px 0 0 0; line-height:24px; height:24px; clear:both;}/*default is visible set visibility: hidden; to change - IE7 needs height */ #print a{background: url(images/print.gif) no-repeat left center; padding:0 0 0 25px; color:#8B2652; border:0; display:block; float:right;} #print a:hover{border-bottom:0; color:#B35438;} /* ----------- 2.3 Content ------------ */ #contentContainer h1 {float:left; margin:10px 25px 0 25px; padding:0; border:none; border-left:1px solid #dea181; position:relative; bottom:-1px; z-index:3; width:auto; }/*IE7 widht auto*/ #contentContainer h1 span {margin:0; padding:3px 15px 0 10px ; text-align:center;display: block;background:#fef9f5 url(images/right.gif) no-repeat right top;} /*don't use line-height here because of IE6 & 7 - no height too - then no width:100% too - ... rather sensible layout :-) */ #content ul {margin:0 0 30px 30px; width:auto; padding:0;} #content ul li {font-size:inherit; line-height:175%; color:#6b4e3e;} #content p {margin:0 20px 15px 20px; line-height:175%;} #content p.first, #content p:first-child, #content h2.first, #content h3.first {margin-top:16px;} #content p span.quote {color:#6B4E3E; font-size:100%; font-style:italic; font-weight:bold;} #content p.quote {color:#6B4E3E; font-style:italic; font-weight:bold;} hr {border:none; border-bottom:1px dashed #dea181; margin:0 20px 15px 20px; padding:0; clear:both; text-decoration:none; height:1px;}/*IE7 needs the height*/ .hrule {height:20px; margin:-10px 20px 20px 20px; padding:0; background-image: url(images/hr.gif); background-repeat:repeat-x; background-position:bottom;} #content img {border:1px solid #DEA181;} #content img.firstfloatright {float:right; margin:22px 20px 20px 30px;} #content img.floatleft {float:left; margin:2px 30px 20px 20px;} #content img.floatright {float:right; margin:2px 20px 20px 30px;} #content img.flushtr {border:none; float:right; margin:0 0 10px 20px;} #content img.flushl {border:none; float:left; margin:10px 20px 10px 0;} #content img.flushr {border:none; float:right; margin:10px 0 10px 20px;} .split {border-bottom:1px dashed #6B4E3E; border-top:1px dashed #6B4E3E; color:#6B4E3E; font-size:0.8em; font-weight:bold; margin:40px 20px 25px 20px; padding:3px 0;} /* Baseform */ .baseform {font-size:0.7em; margin:10px 0; color:#6b4e3e; float: left; } /*overriding basic setting for forms in theme*/ #content .baseform p {clear:both; padding: 10px 0; line-height: 1.7em; font-size:1em;} .baseform input, .baseform textarea { margin:0 10px; padding:0; color:#777; overflow:auto; border: #dea181 1px solid; float: left; width: 150px; } .baseform input {height:1.7em;} .baseform #submit, .baseform input[type="submit"] { background:#FCD7C5; border:1px #C63200 solid; border-left:none; border-top:none; color:#C63200; padding:3px; margin: 0 0 10px 0; font-weight:normal; width:auto; height:auto; } .baseform #submit:hover, .baseform input[type="submit"]:hover {color:#fff; font-weight:normal; background:#ae587f; border:1px #ae587f solid; border-left:none; border-top:none;} .baseform label {text-align:right; padding:0 10px 0 0; float:left; font-size:1em; line-height:1.5em; width:5em; float:left;} .metaComment { font-size:10px; line-height:1.5em; padding: 0 0 0 15px; display:block; float:left; width: 25em; } .baseform legend { color:#922582; padding:0 0 10px 0; margin:0 0 0 -5px; font-weight:bold; display: block; font-size:1.1em;} .baseform fieldset {margin:0 ; padding:0 ; border:none;} /*---------- 2.4 Specials ------------ */ /* code for Share ideas */ #shareIdeas {position:absolute; right:0; top:0; display:block; width:159px; height:159px; z-index: 20; overflow:hidden;} #shareIdeas a { display:block; width: 159px; height: 159px; background:url(images/revampCorner.png) right top no-repeat; border:0;} #shareIdeasInput #contact label {width:10em;} #shareIdeasInput #contact input{ width:13em; } #shareIdeasInput #contact textarea { width:25em; height:10em } #shareIdeasInput #contact #submit { margin-left:9em; width:20em; } #shareIdeasInput #contact label {text-align:left; width:8em; padding:0 5px 0 0; } #shareIdeasEs, #shareIdeasIt, #shareIdeasPt, #shareIdeasCz, #shareIdeasTh {position:absolute; right:0; top:0; display:block; width:159px; height:159px; z-index: 20; overflow:hidden;} #shareIdeasEs a { display:block; width: 159px; height: 159px; background:url(images/revampCornerEs.png) right top no-repeat; border:0;} #shareIdeasIt a { display:block; width: 159px; height: 159px; background:url(images/revampCornerIt.png) right top no-repeat; border:0;} #shareIdeasPt a { display:block; width: 159px; height: 159px; background:url(images/revampCornerPt.png) right top no-repeat; border:0;} #shareIdeasCz a { display:block; width: 159px; height: 159px; background:url(images/revampCornerCz.png) right top no-repeat; border:0;} #shareIdeasTh a { display:block; width: 159px; height: 159px; background:url(images/revampcornerth.png) right top no-repeat; border:0;} /* --------------------------------------------------------------------------------------------------------- PART 3 : Specific pages with specific layout and formatting needs - Customizable unless noted differently --------------------------------------------------------------------------------------------------------- */ /* --------------------------------------------- 3.1 Plone Template layout related - Customizable ------------------------------------------------ */ /* specific code related to certain plone templates or page code for specific Plone templates only */ /* template homeViewSimple */ #homeViewSimple {} /* for alternatif homepage, you need to request different body id selector generated through Plone */ /* template A*/ #typeA img.noBorder {border:none;} #typeA #content {min-height:none; } /* template multimedia */ #multimedia #content {min-height:none; } /* template B*/ #typeB #contentContainerExtra {width:100%;} #typeB #content img {float:right; margin:5px 20px 10px 20px; padding:0;} #typeB #content h3 {} /* template C*/ #typeC #content img {border:none;} /* template G */ #content #midknow {clear:both; margin:0; padding:20px;} #knowtxt {clear:both;} .kquotetxt {color:#A759D0; font-size:0.7em; font-style:italic; font-weight:bold; line-height:175%; } #typeG #content .quote {color:#6B4E3E; font-size:100%; font-style:italic; font-weight:bold; } #sideknowledge {display:inline; float:left; margin:0 20px 20px 0pt; width:200px;} #content img.qstart {border:0 none; float:left; margin:0 10px 0 0;} #content img.qend {border:0 none; float:right; margin:0 15px 0 10px;} #typeG #content h2{margin:0 20px 10px 20px; font-size:0.75em;} #typeG #content p.first {padding:0;} #typeG #content h4 {margin:10px 0 5px 20px; color:#6B4E3E; font-size:0.7em; font-style: italic; } #kquote img {background-color:transparent;} /* template K */ .heading3 {border-bottom:2px solid #9B5C8B; margin:0 20px 14px 20px; padding:30px 0 3px 0; position:relative;} .heading3First {border-bottom:2px solid #9B5C8B; margin:0 20px 14px 20px; padding:20px 0 3px 0; position:relative;} .heading3 h3, .heading3First h3 {background: url(images/right3.gif) no-repeat right top; color:#fff; display:inline; font-size:0.7em; font-weight:bold; margin:0; padding:5px 12px 4px 9px;} /* #typeK #content img {border:none;} */ /* ---------- 3.2 Home page ------------- */ /* versions #homeView */ #homeView #trail {display:none;} #homeView #side {border-left:#dea181 1px solid; border-bottom:#dea181 1px solid; background:#fde9de url(images/tr3full.gif) top right no-repeat; clear:both; float:left; width:30%; margin:10px 10px 0 10px; display:inline;} /* IE6 needs display inline; can be omitted if side panel is to be reused in other templates */ #homeView #side span.clearer {height:20px; display:block; background: url(images/bl.gif) bottom left no-repeat; position:relative; left:-1px; bottom:-1px;} #homeView #contentContainer {margin:10px 10px 0 33%; padding:0 ; border:none; background:none;} /*overruling no margin bottom for IE7*/ #homeView #contentContainerExtra {right:0; top:0; background:none; width:100%;} /* width 100% essential for IE 7 !!!!*/ #homeView #content {clear:none;background: url(images/bl3full.gif) bottom left no-repeat; border:none; border-right:#dea181 1px solid; padding:0 0 15px 0; margin:0; min-height:250px;} #homeView #contentContainer span.clearer {bottom:0; left:0; margin:0; background:none; height:1px;} #homeView #contentContainer h1 {color:#98285a; font-size:0.8em; background:#fde9de url(images/homebullet.jpg) no-repeat 20px center; margin:0; padding:0; z-index:1; border-left:#dea181 1px solid; display:block; bottom:0px; float:none; border-top:#dea181 1px solid;} #homeView #contentContainer h1 span {margin:0 0 -1px 0; padding:0 0 0 60px; display:block; background:url(images/tr3full.gif) top right no-repeat; text-align:left; line-height:38px; height:38px; position:relative; top:-1px;} #homeView h2 {color:#98285a; font-size:0.8em; background:url(images/homebullet.jpg) no-repeat 20px center; margin:0; padding:0 0 0 60px; width:auto;} #homeView h2 span {margin:0; padding:0 ;z-index: 1; display: block; line-height:38px;} #homeView h3 {font-weight:bold; font-size:0.7em; text-align:center; padding:0 0 0 50%; margin:0 0 25px 0; color:#6b4e3e; height:66px; background:url(images/home_intro_bg.jpg) -5px top no-repeat; border-bottom:#dea181 1px solid; border-top:#dea181 1px solid; line-height:66px;} /*IE7 needs both height and line height */ #homeView h3 span {background:#fff; position:relative; display:block;} #medImage {background: url(images/home_med_bg.jpg) center 50% no-repeat; height:66px} #medText {border:#dea181 1px solid; margin:20px; background-color:#fff; padding:15px 20px 0 20px;} #medText ul {font-size:0.7em; margin:20px 0; list-style-type:none; line-height:3; padding:0;} #retreatlink {background: url(images/RetreatMagHeading.jpg) left 50% no-repeat; margin:0 20px; cursor:pointer; height:105px;} /* snapshot and location code can be reused on other templates */ #snapshots, #locations {width:48.5%; float:left; margin:20px 0 0 0 ; background:#fde9de url(images/tr3full.gif) top right no-repeat; } #snapshots h2 + #snapshotsContent, #locations h2 + #locationsContent {height:16em;} /*IE6 should Not understand this */ #snapshots h2, #locations h2, #snapimage, #locimage {border-left:#dea181 1px solid;} #snapshotsContent, #locationsContent {background: #fff url(images/bl3full.gif) left bottom no-repeat; border-right:#dea181 1px solid; } #locations {float:right;} #snapshots ul {padding:0; margin:0 0 30px 20px; font-size:0.7em;} #snapshots li {background:url(images/bullet_diag_pink.gif) no-repeat left center; padding: 7px 0 7px 25px; line-height:1em; list-style-type:none; margin:0;} #snapshots p {margin: 15px 20px 12px 20px;} /*#snapimage,#locimage {background:center center url(images/home_snap_bg.jpg) no-repeat; height:68px;}*/ #snapimage,#locimage {background:center center url(images/climateconference-2/bk-environment_03.jpg) no-repeat; height:68px;} #locimage {background:left center url(images/home_loc_bg.jpg);} #locations form {padding:1px; margin:25px auto 95px auto;} /* padding prevents collapsing space*/ #locations label {color:#922582; display:block; width:75px; clear:left; line-height:50px; float:left; margin-left:12%;} #locations select {float:left; font-size:1em; width:11em; border:#dea181 1px solid; color:#36525d; height:19px; background-color: #fef9f5; margin:14px 0;} /* versions #homeView3 */ /* structure */ #homeView3 #mainBody { width:955px; } #homeView3 #side { float:left; width:30%; margin:10px 10px 0 10px; padding:0; } #homeView3 #main { float:right; width:66.5%; margin:10px 10px 0 0; padding:0; } .colContent { float:left; width:49%; margin:12px 0 0 0; } .colGutter { float:left; width:2%; min-height: 290px; margin: 16px 0 0 0; } .floatRight {float:right; margin:16px 10px;} .floatLeft { float:left; margin:10px 10px 16px 16px; overflow: hidden; } /* boxes */ .boxIntro { background: url(images/boxColHead.gif) no-repeat right top; margin:0 0 12px 0; overflow: hidden; } .boxIntroContent { background: url(images/boxColLeft.gif) no-repeat left bottom; padding: 0 0 10px 0; overflow: hidden; float: left; width: 100%; } /* forces containing the floated content children */ .boxDeco {height:80px; border: #dea181 1px solid; margin:0 0 12px 0; } .transp { background:url(images/boxColHeadTransp.gif) no-repeat right top; margin: 0; } .colContent .boxIntroContent { height:18em; overflow:hidden; } .inParagraph {margin:10px 10px 16px 0;} #homeView3 .inlineText { float:left; margin: 5px; } .noBorder, .colContent .noBorder {border:none;} .imageAndText {float:left;} /*.imageAndText h4 {padding:8px 2px 5px 0 !important;}*/ .boxIntroContent .boxLinks, .boxIntroContent .boxLinksInline { margin:5px 16px 6px 16px; clear: both; } .boxIntroContent .boxLinks li { line-height:120%; } .boxIntroContent .boxLinksInline li {float:left;} .boxIntroContent .boxLinksInline .right { float:right; padding-right: 0px; } .boxIntroContent .boxLinksWithText {padding:0 16px 8px 110px; margin:-8px 0 0 0;} .boxSeparator { clear:both; border-top:1px dashed #dea181; display: block; margin: 0 16px; height: 1px; padding: 0; } .boxIntro h4 { margin:0; padding: 16px 6px 10px 16px; } /* buttons & tabs */ #homeView3 .buttlink { display:block; margin:10px 16px 10px; line-height: 24px; clear:both;} /* line-height for IE7 */ #homeView3 .buttlink a{ font-weight:bold; color: #C63200; text-decoration:none; padding:5px; border-bottom:1px #C63200 solid; border-right:1px #C63200 solid; background:#FCD7C5; font-size:11px; } #homeView3 .buttlink a:hover {color:#fff; text-decoration:none; background-color:#ae587f; border-bottom:1px #fff solid; border-right:1px #fff solid;} #homeView3 a.avButton { width: 26%; margin: 5px 0; } .boxTabs {list-style:none; margin:0 0 0 16px; padding:0; } .boxTabs li { background:none; text-align:center; float: left; padding: 0; font-size:11px; } .up a { display:block; background:url(images/tabUp.jpg) no-repeat bottom center; width:88px; line-height:26px; color: #6b4e3e; font-weight: bold; margin: 0 3px 0 0; } .up a.selected { background:url(images/tabUpSel.jpg) no-repeat bottom center; color:#fff; } .down a { display:block; background:url(images/tabDownL.jpg) no-repeat top center; width:145px; line-height:26px; color: #6b4e3e; font-weight: bold; margin: 0 3px 0 0; } .down a.selected {background:url(images/tabDownSelL.jpg) no-repeat top center; color:#fff;} .up a:hover {border:none; background:url(images/tabUpHover.jpg) no-repeat bottom center; color:#fff;} .down a:hover {border:none; background:url(images/tabDownHoverL.jpg) no-repeat top center; color:#fff;} #homeView3 .fullwidth {} #homeView3 .fullwidth a { display:block; padding:0 0 0 5px; line-height: 24px; } .centeredGraphic {margin:16px auto 10px; text-align:center;} .centeredGraphic a:hover {border:none;} /* general formatting */ #homeView3 p {line-height:1.7em; margin:0 10px 1.6em 16px; } #homeView3 h2 { color:#98285a; font-size:13px; background:url(images/titleOrnament.gif) no-repeat 14px center; margin:0; padding:0 0 0 55px; width:auto; } #homeView3 h2 span {margin:0; padding:0; z-index: 1; display: block; line-height:38px;} #homeView3 h3 { font-weight:bold; font-size:0.75em; margin:16px 0; color:#98285a; } .boxIntroContent li {color:#6b4e3e; font-size:0.7em; background:url(images/arrow.gif) left center no-repeat; padding:2px 14px; list-style:none; margin:0;} .boxIntroContent ul, .boxIntroContent ol { margin:10px 16px; padding:0; } .colContent img {border:1px solid #DEA181;} /* specific boxes */ .librarySnapshot { float: left; margin: 16px 8px 8px 16px; text-align: center; width: 80px; } .libraryThumb { margin:0 0 3px 0; border: 1px solid #DEA181; } .studentSnapshot { margin:0; padding: 0; } .studentSnapshot h4 { margin: 12px 3px 10px 0; padding: 0; } .whoWhat {background: url(images/home-page-image.jpg) no-repeat center center;} .locations {background: url(images/worldMap.jpg) no-repeat center center;} #addressForm {padding:1px; margin:40px auto;} /* padding prevents collapsing space*/ #addressForm label { color:#922582; display:block; width:75px; clear:left; line-height:40px; float:left; margin-left:12%; } #addressForm select { float:left; font-size:1em; width:13em; border:#dea181 1px solid; color:#36525d; height:19px; background-color: #fef9f5; margin:9px 0; } /* Main tabs sections */ /* Added by Gil */ /* .inspirations { background:url(images/inspirationsBkgd.jpg) no-repeat center center; height:250px; width: 620px; position: relative; margin: 10px auto 0; } #homeView3 .inspirationsText { position:absolute; top:12px; left:12px; font-size:0.8em; font-weight:bold; padding:0; margin:0; } #homeView3 .inspirationsLink {position:absolute; right:12px; bottom:12px; font-size:0.7em; padding:0 0 0 25px; margin:0; background:url(images/contact1.gif) no-repeat left center;} #tabsLibrary { position:relative; width:100%; height: 594px; } #books {position:absolute;} #articles {position:absolute; visibility:hidden;} #tabsMainPanel { position:relative; width:100%; height:300px; } #eventsNearYou, #globalUnity, #inspirations { visibility:hidden; } #practMeditation, #eventsNearYou, #globalUnity, #inspirations { position:absolute; left: 0px; top: 0px; width:633px; } .avVideo { width:375px; margin: 1.1em 16px 0 16px; float: left; } #eventsNearYou p, #eventsNearYou h3 { float:left; margin-left:0; } #eventsNearYou p { width:150px; } #globalUnity img{ display:block; float:left; margin: 16px; } #globalUnity p, #globalUnity h3, #globalUnity ul {float: left;} #globalUnity ul {position:absolute; right:20px;bottom:20px;} #inspirationsWrapper { background:url(images/inspirationsBkgd.jpg) no-repeat center center; margin:10px auto 0; height:285px; width:610px; position: relative; } #inspirationsText { position:absolute; top:12px; left:12px; font-size:0.8em; font-weight:bold; padding:0; margin:0; } #inspirationsLink {position:absolute; right:12px; bottom:12px; font-size:0.7em; padding:0 0 0 25px; margin:0; background:url(images/contact1.gif) no-repeat left center;} */ #tabsMainPanel {height: 300px} /* forces fixed height */ #globalUnity, #inspirations, #eventsNearYou, #articles {display:none;} #practMeditation {display: block; float:left;} /* Video portlet */ .avVideo {padding:0; margin:10px 18px 0; float:left;} .avVideo object {margin:0;padding:0;} #practMeditation h3, #eventsNearYou h3 {float:left;} #practMeditation h3 {width:190px;} #practMeditation p {float:left; width:186px; padding-right:4px; } #practMeditation h5 {margin:0; padding:0; float:left;} #practMeditation #videoDescription {color:#6B4E3E; font-size:0.7em; margin:0 7px 0 0; padding:0;} #practMeditation #videoTitle {float:left; margin:0; padding:12px 7px 10px 0; width:175px;} #practMeditation .buttlink { margin:10px 16px 10px 0; } .avVideo a {border:none;} /*#practMeditation .buttlink {float:left; width:150px; }*/ /* World Map */ .portletMap {margin:18px 18px 0 18px; width: 440px; height: 268px; float: left;} #eventsNearYou h3 {width:150px;} /* global unity - dixit snapshots */ #globalUnity, #globalUnity p, #globalUnity a, #globalUnity h3, #globalUnity div {color:#fff;} #globalUnity p {line-height:1.3em;margin:0 10px 1.2em 16px;} #globalUnity li {background:url(images/arrowwhite.gif) no-repeat left center;} #globalUnity a:hover {border-bottom:1px solid #fff;} #globalUnityRight {background:transparent url(images/snapshotsbkgd.jpg) no-repeat top center; margin: 13px 0 0 13px; height: 285px; width: 610px; float:left;} #globalUnityRight img {float:left;} #globalUnityRight h3 {padding: 0px 0 0 15px; font-size:0.9em;} /*#globalUnityLeft {float: left; margin-top: 18px; padding-bottom: 20px; padding-left: 18px;}*/ /*inspirations*/ #inspirationsWrapper {background:transparent url(images/th/day_image.jpg) no-repeat top center; margin: 10px auto 0; height: 285px; width: 610px; position: relative;} #homeView3 #inspirations .topic {font-size: 0.9em; font-weight: bold; padding: 20px 18px 10px;} #homeView3 .inspirationsText {font-size: 0.8em; font-weight: bold; padding: 10px 18px; margin: 0;} #homeView3 .inspirationsLink { position: absolute; right: 12px; bottom: 12px; font-size: 0.7em; padding: 0 0 0 25px; margin:O ; background: transparent url(images/contact1.gif) no-repeat left center;} /*----------------------- 3.3 Experience meditation --------------------------*/ /* actual content and styles */ #MeditationBoxes {float:left; margin:20px 0; width:100%;} /* IE7 needs width here - overal width and margin is subject of layout*/ .row {margin:0 20px 0 20px; clear:both;} #whoami, #myhome, #innerpeace, #forgive, #peace, #stillness {background: no-repeat left top; height:140px; width:46.5%; margin:0 5px 20px 5px; padding:0 ;} /* common for all boxes - width & margin stretch the boxes, but layout may collapse */ #whoami {background-image:url(images/whoami.jpg);} #myhome {background-image:url(images/myhome.jpg);} #innerpeace {background-image:url(images/innerpeace.jpg);} #forgive {background-image:url(images/forgive.jpg);} #peace {background-image:url(images/peace.jpg);} #stillness {background-image:url(images/stillness.jpg);} #whoami, #myhome, #innerpeace {float:left;} #forgive, #peace, #stillness {float:right;} #MeditationBoxes h1 {background-image:none; float:none; border:none; margin:0; padding:0; line-height: normal;}/* overruling some general h1 settings */ #MeditationBoxes .row h1 {margin:113px 0 0 0; padding:5px; color:#fff; text-align:center; font-weight:normal; font-size:1em;} #whoami h1, #whoami {background-color:#945F59;} #myhome h1, #myhome {background-color:#A26C21;} #innerpeace h1, #innerpeace {background-color:#2F5785;} #forgive h1, #forgive {background-color:#3E67AF;} #peace h1, #peace {background-color:#2C7853;} #stillness h1, #stillness {background-color:#5D5639;} #whoami a, #myhome a, #innerpeace a, #forgive a, #peace a, #stillness a {color:#fff; border:0; font-weight:bold;} #whoami a:hover, #myhome a:hover, #innerpeace a:hover, #forgive a:hover, #peace a:hover, #stillness a:hover {color:#E82490; border:0; font-weight:bold;} /* new code for futur update: This is a total concept - only background images and font settings need to be changed */ /*#experienceMeditation {float:left;margin: 0;padding:0;} #experienceMeditation ul {padding:0;list-style-type: none;clear:both; margin: 0;} - IE7 does not allow to float this - put back in - comment - #experienceMeditation li {padding:0;margin:7px ;display:block;float:left;height: 140px;line-height: 100%;} #whoami, #myhome, #innerpeace, #forgive, #peace, #stillness {width:200px;} #experienceMeditation li a {text-align: center;margin: 110px 0 0 0;padding: 5px; display:block;} /* customizable /*#meditationexp #contentContainer {min-height:725px;} /* for certain templates*/ /*#experienceMeditation li a {font: 1.1em Arial, Helvetica, sans-serif; color:#fff; border:none;} #experienceMeditation li a:hover {color:#000;border: none;} #whoami{background: #945F59 url(images/whoami.jpg) 0 0 no-repeat;} #myhome{background: #A26C21 url(images/myhome.jpg) 0 0 no-repeat;} #innerpeace{background: #2F5785 url(images/innerpeace.jpg) 0 0 no-repeat;} #forgive{background: #3E67AF url(images/forgive.jpg) 0 0 no-repeat;} #peace{background: #2C7853 url(images/peace.jpg) 0 0 no-repeat;} #stillness{background:#5D5639 url(images/stillness.jpg) 0 0 no-repeat;}*/ /* ------------------- 3.4 Thought for today ---------------------- */ /* This is a total concept - only background images and font settings need to be changed */ #special2, #thoughts #content {} #TFTcontact {display:block; float:right; width:70px; margin:3px 20px 0 0;} #TFTcontact a {padding:0 3px; border:none;} #thoughtForToday {background-image:url(images/thought/day_image.jpg); background-position:center 3px; background-repeat:no-repeat; height:500px; margin: 10px 0 0 0;} /* customzable */ #thoughtForToday p {color:#bb3c47; font-family:garamond,"Times New Roman",Times,serif; font-size:1.65em; font-weight:normal; line-height:1.1em; margin-left:14px; text-align:left;} #thoughtForToday .firstCap {color:#bb3c47; float:left; font-size:4.5em; margin:-12px 0 400px 10px; padding:0 2px 0 0;} /* ------------ 3.5 Calendar --------------- */ /* do not touch unless really necessary or wanted */ table#calendar {margin:3px; padding:0; border-collapse:collapse; width:99%;} .cal_month {text-align:center; height:30px; vertical-align:middle; margin-bottom:0;} .cal_month select {border:none;} .cal_month form {margin-bottom:0; margin-top:3px;} .cal_days td {width:13%; text-align: center; height:28px; padding:6px 0 0 0;} .closeThisOut {display:block; text-align:right; margin:0; } #content .closeThisOut a:link, #content .closeThisOut a:visited {border:none; margin:0; padding:2px; text-align:center; text-decoration:none;} #whatsOn #frame {margin:0; position:absolute; left:23%; top:-10px; visibility:hidden; z-index: 10;} /* needs to stay below heading */ #whatsOn form {font-size:12px;} #whatsOn #content {overflow:visible; z-index:1;} /*overruling this setting to make frame visible*/ #whatsOn #contentContainer h1 {z-index:20;} /* customizable */ #whatsOn #contentContainer {min-height:700px;} #calendar {position:relative; z-index:2;} .cal_month {background-color:#dea182; color:#922582; font-weight:bold; font-size:0.8em;} .cal_month select {color:#922582; font-weight:bold; background-color: #fff;} .cal_dates td {height:112px; background-color:#fff; border:1px #dea181 dashed; border-top:none; text-align:right; vertical-align:bottom; padding:0; color:#922582; font-weight:normal; font-size:230%; margin:0;} #content .cal_dates span {display:inline; padding:0 3px 0 0; bottom:0;} .notThisMonth {color: #999357;} .cal_days td {border-bottom:1px #B4B4B4 dashed; border-right:1px #B4B4B4 dashed; border-left:1px #B4B4B4 dashed; color:#dea182; font-weight:bold; font-size:0.8em;} .cal_days td.sat, .cal_days td.sun {color:#C83577;} #content .hasEvent {background-color:#fde9de ; text-align:left; margin:0; padding:2px; position:relative; height:108px; z-index:5;} #content .hasEvent .dayEvent {position:absolute; color:#C83577; vertical-align: bottom; bottom:0; right:0; text-align:right; display:block;} #content .hasEvent .eventlink {display:block;} #content .hasEvent .eventlink a{font-size:10px; padding:0; margin:0; font-weight:normal; display:inline; vertical-align:top; line-height:14px;} #content .hasEvent .eventlink a:hover {font-size: 10px; color:#9c3f06; font-weight:normal; border-bottom:#C63200 1px dashed;} #content .hasEvent ul {margin:0; padding:0;} #content .hasEvent li {font-size:9px; margin:0; padding:0 0 0 5px; list-style-type:none; background:url(images/bullet.gif) no-repeat left 5px;} #content .closeThisOut a:link, #content .closeThisOut a:visited {font-weight:bold; font-size:0.8em; color:#fff; background-color:#999357; border:1px solid #999357; } #content .closeThisOut a:hover {font-weight:bold; /*text-decoration:underline;*/ color:#999357; background-color:#fff;} /* Iframe Activity Popup - Customizable */ #frame iframe {height:520px; width:400px; clear:both;} #iframe {background:none #fff; border:#999357 solid 2px; margin:0; padding:10px; text-align:left; min-width:350px; overflow:auto;} /* overruling body properties from main stylesheet for the iframe html */ .ProgramDetail {border:#922582 solid 1px; margin:0; padding:10px; width:350px; height:470px; } .ProgramDetail .date {color:#922582; font-size:0.8em; margin:0 0 10px 0; font-weight:bold;} .ProgramDetail .title {color:#922582; font-size:1.4em; font-weight: bold; margin:0 0 10px 0;} .ProgramDetail img {padding:0 10px 0 0;} .ProgramDetail p, .ProgramDetail td,.ProgramDetail th, .ProgramDetail span {font-size:0.8em; line-height:1.3em; color:#6b4e3e;margin:10px 0; padding:0;} /* If tables would still be rendered by Plone .ProgramDetail table {margin:10px; clear:both;} .ProgramDetail th {color:#83cad1; text-align:left; font-weight:normal;}*/ /* ------------ 3.6 Mailinglist --------------- */ #mailingIframe {background:none #fef9f5; position:relative; min-height:400px; width:100%;} /* iframe html file uses this ID xhtml */ body#mailinglistcontainer {margin:auto 20px; background:none #fef9f5; min-width:300px; max-width:650px; width:100%; margin:20px 10px; color:#030; line-height:1.5em; padding:0; text-align:left;} /*overwrite background used in parent theme pages - body prefix is important here */ body#mailinglistcontainer #contentContainer {background:none; background-color:transparent;} /*overwrite background used in parent theme pages*/ body#mailinglistcontainer p {font-size:0.9em; margin-top:7px; padding-left:2px;} body#mailinglistcontainer h1 {font-size:100%;} /*issuee with confirming messages */ body#mailinglistcontainer form {font-size:0.8em; margin:10px 0; color:#6b4e3e;} /*overriding basic setting for forms in theme*/ body#mailinglistcontainer input, body#mailinglistcontainer textarea {margin:0 10px; padding:0; color:#777; overflow:auto;} body#mailinglistcontainer #submit, body#mailinglistcontainer input[type="submit"] {background:#FCD7C5; border:1px #C63200 solid; border-left:none; border-top:none; color:#C63200; padding:3px; margin: 10px 0 10px 45px; font-weight:normal;} /* width:22em; */ body#mailinglistcontainer #submit:hover, body#mailinglistcontainer input[type="submit"]:hover {color:#fff; font-weight:normal; background:#ae587f; border:1px #ae587f solid; border-left:none; border-top:none;} /* redo of mailinglist with current/old form */ body#mailinglistcontainer font.required, body#mailinglistcontainer br {display:none;} body#mailinglistcontainer li {list-style:none;} body#mailinglistcontainer p a {margin:0 0 25px 45px; font-weight:bold; font-size:0.75em;} body#mailinglistcontainer p a:hover {color:#C63200;} body#mailinglistcontainer table, body#mailinglistcontainer td {margin:10px 0 0 0; padding:0;} body#mailinglistcontainer ul.list {margin-top:10px;} body#mailinglistcontainer li.list {padding-top:3px;} .poweredphplist {font-size:9px; font-variant:small-caps; font-weight:normal; padding:0; margin:50px 0 0;} .poweredphplist a:link, .poweredphplist a:active, .poweredphplist a:visited {font-size:9px; font-variant:small-caps; font-weight:normal; color:#666666; text-align:center; text-decoration:none; padding:2px;} .poweredphplist a:hover {color: #d90501;} /* for future use, redo of mailingslist*/ /* body#mailinglistcontainer form label {display:block;margin:0 0 0 35px; line-height:2em;} body#mailinglistcontainer form label.emailText {margin-left:0;} body#mailinglistcontainer p.unSubscribe {margin:0 0 25px 45px; font-weight:bold;} body#mailinglistcontainer p.unSubscribe a:hover {color:#d90501;} body#mailinglistcontainer p.private {background:url(images/lockSymbol.gif) no-repeat left center; padding: 0 0 0 35px; line-height:2.2em;} body#mailinglistcontainer #submit, #mailinglistcontainer #reset {background:#e24c46; border:1px solid #9c0300; color:#fff; padding:5px; margin: 10px 0 10px 45px; font-weight:bold; width:18em;} body#mailinglistcontainer #submit:hover, #mailinglistcontainer #reset:hover {color:#d90501; font-weight:bold; background:#f0d742;} */ /* ------------ 3.7 Sitemap --------------- */ #localFolder .quickLinksTitle, #localFolder #quickLinks, #localFolder #subMenu, #localFolder .subMenuTitle {display:none;} #content ul#sitemap {padding:0; margin:10px 10px 10px 20px; font-size:0.95em;} #content ul#sitemap + li {font-size:0.8em;} #content ul#sitemap li {list-style:none; padding:0 0 0 20px; margin:0; background:url(images/folder_icon.gif) no-repeat 0 0.3em; line-height:2.0em; font-size:inherit;} #content #sitemap li ul {font-size:inherit; padding: 0 0 0 20px; margin:-3px 0 0 0;} #content #sitemap li ul li {font-size: inherit; padding: 0 0 0 20px; margin:0; line-height:1.8em;} /*IE doesn't understand inherit - see IE7.css and IE6.css for workaround) /* ---------------------- 3.8 Locations near you ------------------------- */ /* map image*/ #locationsIntro {margin: auto 20px;} #map #locationsIntro img {border: 0; float:none; margin:20px 0 0 0;} /*becomes tricky here, overruling template setting */ #map #print {clear:both;} /* form sections*//*adding template ID here is optional, depending on template and other pages*/ #map #addressForm {margin:20px 35px; padding:0; float:left; width:25em;} #map #addressForm label {color:#922582; display:block; width:95px; line-height:22px; float:left; clear:left; padding:0;} #map #addressForm select {float:left; font-size:1em; width:13em; border:#dea181 1px solid; color:#36525d; height:18px; background-color:#fef9f5; margin:3px 0;} /* result table */ #mapresults{font-size:70%; color:#6B4E3E; line-height:175%; margin:20px 20px 20px 20px; padding:0; border:0; clear:both;} #mapresults td {vertical-align:top; padding:10px 10px 10px 10px; border-bottom:1px #DEA182 dashed;} #mapresults td.tdborderlast {border-right:1px #DEA182 dashed; border-bottom:0;} #mapresults td.tdborderlastcorner {border: 0;} #mapresults .tdborder {border-right:1px #DEA182 dashed;} #mapresults #cityh {width:8%; font-size:100%; font-weight:bold; color:#922582;} #mapresults #address {width:27%; font-size:100%; font-weight: bold;color:#922582;} #mapresults #contactinfo {width:70%; font-size:100%; font-weight:bold; color:#922582;} #mapresults .pinktxt {font-weight:bold; color:#E72691;} /* ------------------------------- 3.9 Feedback page ---------------------------------- */ #contact {font-size:1em; margin:5px 0 30px 20px; float:left;} /*no width here to avoid problems with IE6*/ #contact label {width:7em; text-align:right; padding:0 10px 0 0; float:left; font-size:1em; line-height:1.5em;} #contact input, #contact textarea {margin:0; width:16em; border:#dea181 1px solid; padding:1px;} #contact #comments {width:16em; overflow:auto;} /* only FF not exactly as should? */ #contact p {margin:20px 0 0 0;} #contact #submit, #contact #reset {background:#FCD7C5; border:1px solid #C63200; border-top:none; border-left:none;color:#C63200; font-weight:bold; font-size:0.95em; padding:5px; float:left;} #contact #submit {margin-left:8em; width:11em; } #contact #reset {margin-left:1em; width:5em;} #contact #submit:hover, #contact #reset:hover {color:#fff; border:1px solid #ae587f; background:#ae587f; cursor:pointer; border-top:none; border-left:none;} #feedback .quickLinksTitle, #feedback #quickLinks, #feedback #subMenu, #feedback .subMenuTitle {display:none;} /* old code if ever this comes back through plone content table#contact{border: 0;padding: 0;margin: 0 0 0 5px;} table#contact input{height: 16px; color: #36525D; font-size: 70%; border: 1px #DEA181 solid; margin: 3px 0;} table#contact td{vertical-align: top; line-height:16px;} table#contact p{margin: 0 12px 20px 20px;} table#contact td.label{text-align: right;} table#contact #submit, table #contact #reset{height: 26px;font-weight: bold;color: #C63200;text-decoration: none;padding: 5px 9px 4px 10px;margin: 0 20px 0 0;background-color: #FCD7C5;border: 0;border-right: 1px #C63200 solid;border-bottom: 1px #C63200 solid;} table#contact textarea{width: 264px;height: 70px;color: #36525D;font-size: 70%;border: 1px #DEA181 solid;overflow: auto;} */ /* ------------------------------- 3.10 FAQ ---------------------------------- */ #faq #content #faqList {margin:20px 0 0 35px; } #faq #content ul {margin:10px; font-size:0.84em; }/* change this to reset size for whole list -IE6 and IE7 need further instructions*/ #faq #content ul li { font-size:inherit; line-height:1.7em; padding-left:20px; } /*IE does not understand 'inherit' */ #faq #content ul ul {margin-left:15px;} #faq #content ul ul li {font-size:inherit; padding-left:7px; font-weight:normal; } /* IE7 normal */ #faq #content ul ul li ul li {font-size:1.15em;} #faq #content ul .faqTitle { font-size:0.9em; color:#922582; font-weight:bold; margin-top:15px; } /* Changed to above by Sasha - #faq #content #faqList > .faqTitle {font-size:0.80em; color:#922582; font-weight:bold; margin-top:15px;} not all browsers understand*/ #faq #content ul p {font-size:0.9em; margin:5px 0; line-height:1.3em; font-weight:normal;} #faq .quickLinksTitle, #faq #quickLinks {display:none;} /* ------------------------------- 3.11 EVENTS ---------------------------------- */ .cal {width:86px; height:105px; margin:6px 16px 16px 16px; background:url(images/datebg.gif) no-repeat; float:right;} .calfirst {width:86px; height:105px; margin:22px 16px 16px 16px; background:url(images/datebg.gif) no-repeat; float:right;} h3.eventtitlefirst {font-size:0.85em; margin-top:16px; font-weight:bold; margin:0 0 0 20px ; padding-top:15px;} h3.eventtitle {font-size:0.85em; margin-bottom:0; font-weight:bold;} #events h4 {font-weight:normal; font-style:italic; } .date {margin:0 0 10px 20px; display: block; font-size:0.8em; color:#E82691; font-weight:bold;} .number {font-size:3em; color:#922582; display:block; margin:9px 4px 0 0; text-align:center;} .month {font-size:1.6em; color:#E82691; display:block; text-transform:uppercase; margin:-6px 6px 0 0; text-align:center;} #events .hrule, #events hr {margin:0 10px 15px 10px;} #retreatlinkWPR {background: url(images/wpr.jpg) left 50% no-repeat; margin:0 20px; cursor:pointer; height:142px;} /* ------------------------------- 3.12 MULTIMEDIA ---------------------------------- */ /* required images: star_1.gif, star_2.gif, star_3.gif,star_4.gif ,star_5.gif, ratingStar.gif, ratingStarLeft.gif, ratingStarRight.gif, bkgdButton.gif, bkgdButtonLarge.gif, gold_star_empty.png, gold_star_full.png , videoItem.gif, audioIcon.gif, comment.gif, close_button.gif, close_button_hover.gif tab.gif, adminComment.jpg, adminComment2.jpg, play.png, fly_light.jpg */ /*home and basic search template */ body#multiMedia {min-width:955px; } #multiMedia #content { padding:15px 0 0 0; } #multiMedia #content img { background-color:transparent; } /* overwrite base setting */ #content #mmTabSelectors { list-style:none; margin:0 0 0 10px; padding:0; } #content #mmTabSelectors li { float:left; display:block; width:100px; margin:0 10px 0 0; line-height:25px; font-size:1.2em; text-align: center; font-weight: bold; } #content #mmTabSelectors li a { background:url(images/AVmodule/tab.gif) no-repeat center top; padding:0; display:block; text-decoration:none; border:none; } #content #mmTabSelectors li a:link, #content #mmTabSelectors li a:visited { color:#C63200; } #content #mmTabSelectors li a:hover, #content #mmTabSelectors li a:active { color:#fff; background: url(images/AVmodule/tabSelected.gif) no-repeat center top; } #content #mmTabSelectors li a.current{ color:#641A59; background-color:#FCD7C5; } #mmSearch { float:right; margin:0 7px 0 0; text-align: right; position: relative; width: 25em; } #mmSearch #mmSearchItem { width:10em; } #mmSearch input, #mmSearch select { color:#6b4e3e; font-size:0.95em; border: 1px solid #dea181; padding: 0 2px; margin: 2px 0; } #mmSearch input#mmSearchLaunch { color:#C63200; background:#FCD7C5; border:1px #C63200 solid; border-left:none; border-top:none; } #mmSearch input#mmSearchLaunch:hover { color:#fff; background:#ae587f; border:1px #ae587f solid; cursor:pointer; border-left:none; border-top:none; } #mmSearch #mmChannelSelector {border: 1px solid #dea181;} #mmMain { clear: both; padding: 0 0 10px 0; min-height:350px; border-top: 1px solid #dea181; } /*overflow:auto to contain the floats*/ #mmMain h2 { font-size:0.7em; margin:15px 25px 15px 15px; text-transform:none; width:auto; float:left; background: #FDE9DE; padding: 3px; } #mmMain h3 { text-transform: capitalize; font-size: 0.8em; margin: 20px 0; clear: both; } #mmMain h3.commentHeading {position:relative;} #mmMain img {margin:0; padding:0; border:none;} #mmMain a {border:none; text-decoration:none; } #mmMain a:link, #mmMain a:visited {} /*follow theme */ #mmMain a:hover, #mmMain a:active {cursor: pointer; border:none; } /*follow theme */ #content #mmCategories { border-bottom:solid 1px #dea181; background:url(images/AVmodule/topnavbg.jpg) repeat-x; margin:0; padding:0 0 0 5px; list-style-type:none; font-size:0.7em; } #content #mmCategories li {display:inline; line-height:30px; padding:0 8px; margin:0 0 0 -3px; text-align:center; background:url(images/AVmodule/catSeparator.gif) no-repeat right center; text-align:center; } #content #mmCategories li.last {background:none;} #content #mmCategories li a.current{color:#930000;} #content #mmSort { float:left; list-style-type:none; margin:14px 5px 15px 0; padding:0; } #content #mmSort li { display:inline; font-size:10px; padding:0 7px; } #content #mmSort li a{border:none;text-decoration:underline; text-align:center;} #content #mmSort li a.current{color:#930000;} #mmItems { margin: 0; padding: 0; clear: both; overflow:hidden; width: 100%; float: left; } /*IE7 */ .mmItem { float:left; position: relative; margin:0 6px 15px 6px; top: 5px; width: 305px; left: 6px; min-height: 100px; } .mmItem object{position:absolute; left:0; top:0; } .mmItem dt, .mmItem dd { padding:0 10px 5px 160px; margin:0; } .mmRating { float: left; display:block; line-height:25px; padding: 2px 0 0 0; position: absolute; bottom: 5px; } .mmItem .thumbnail{position:absolute; left:0; top:0; border:1px solid #DEA181;} .mmItem dt, .mmItem dd { padding:0 10px 5px 160px; margin:0; font-size:0.7em;} /* font size update against theme */ .videoItem { background:url(images/AVmodule/videoItem.gif) no-repeat center center; width:30px; height:20px; display:block; line-height: 25px; position: absolute; right: 5px; bottom: 2px; } .audioItem { background:url(images/AVmodule/audioIcon.gif) no-repeat center center; width:30px; height:20px; display: block; line-height: 25px; position: absolute; right: 5px; bottom: 0px; } #mmSelectDefaultPageItems { margin: 25px 0; font-size: 10px; text-align:right; padding:5px 15px 5px 5px; } #mmSelectDefaultPageItems select { margin: 0 0 0 5px; font-size: 10px; color: #6a0000; border: 1px solid #dea181; } /* Detailed item page */ #mmMain h2.mmItemTitle { float:none; font-size:0.805em; margin:15px 0 15px 11px; text-transform:none; background:none; padding: 0; width: 100%; } #mmItemDetail { float:left; width: 405px; margin: 0 10px 10px 10px; padding: 0; } #mmItemDetail dl.mmItemFeedback { margin: 0; list-style-type: none; padding: 0; clear: both; border-top: 1px solid #dea181; color: #6b4e3e; } #mmItemDetail dl.mmItemFeedback dd { margin: 0; padding: 5px 10px 0 35px; background: url(images/AVmodule/comment.gif) no-repeat 4px 0; min-height:25px; font-size: 0.7em; } #mmItemDetail dl.mmItemFeedback dd.adminComment{ background:#F7F0F5 url(images/AVmodule/adminComment.jpg) no-repeat 2px 2px; color: #641a59; } #mmItemDetail dl.mmItemFeedback dd.adminComment + dt { font-weight:bold; color:#641a59; background: #F7F0F5; } #mmItemDetail dl.mmItemFeedback dt{ margin:0 0 0 0; padding: 3px 0 7px 35px; border-bottom:1px solid #dea181; position: relative; font-size: 11px; } #mmItemDetail dl.mmItemFeedback dt strong {font-weight:bold; font-style:normal; display:inline; text-align:left;} #mmItemDetail dl.mmItemFeedback dt span { position: absolute; right: 3px; } #mmItemDetail p.mmItemFeedbackMsg { clear:both; margin:0 0 15px 11px; } #mmItemDetail a.player {display:block; background:url(images/AVmodule/splash2.png) no-repeat; width:400px; height:300px; padding-bottom:5px; text-align:center; color:#fff; text-decoration:none; cursor:pointer; } #mmItemDetail a.player img {margin-top:120px; border:0} /* splash image */ #mmItemDetail #commentForm { clear:both; margin-bottom:1em; float: left; } #mmItemDetail form.mmComment { float: left; width: 405px; margin: 0; padding: 0 0 10px 0; clear: both; } #mmItemDetail .mmComment label{ margin: 0 10px 0 10px; float:left; width: 5em; } #mmItemDetail .mmComment label.email { width:2.5em; } #mmItemDetail .mmComment p { font-size:1em; clear: both; line-height: 1.4em; padding: 10px 0; margin:0; } #mmItemDetail .mmComment p .metaComment { font-size:9px; line-height:1.2em; padding: 5px 0 0 10px; display:block; float:left; width: 175px; } #mmItemDetail .mmComment .remainingChar { font-size:0.9em; padding:3px 0 0 90px; margin: 0; } #mmItemDetail .mmComment .commentCharCount {width:35px; float: none; font-size:0.9em; margin: 0 0 0 5px; border:hidden;} #mmItemDetail .mmComment textarea { float:left; margin: 5px 0 0 0; border: 1px solid #dea181; color: #6b4e3e; padding: 1px; } #mmItemDetail .mmComment input { float: left; margin: 0 10px 0 0; width: 120px; border: 1px solid #dea181; color: #6b4e3e; height: 18px; padding: 1px; line-height: 18px; font-size: 1.1em; } #mmItemDetail .mmComment input#mmCommentLaunch1, #mmItemDetail .mmComment input#mmCommentLaunch2 { margin:6px 0 0 7em; float: left; width: 120px; font-size: 12px; color: #C63200; height: 26px; font-weight: bold; line-height:26px; border: none; padding: 0 0 5px 0; border:1px solid #C63200; background:#FCD7C5; border-left: none; border-top: none; } #mmItemDetail .mmComment input#mmCommentLaunch1:hover, #mmItemDetail .mmComment input#mmCommentLaunch2:hover { color:#fff; cursor: pointer; background:#ae587f; border:1px #ae587f solid; border-left: none; border-top: none; } #mmItemDetail a.commentFormButton { display:block; width:120px; font-size:11px; height: 24px; text-align:center; font-weight: bold; line-height:24px; position: absolute; top:-5px; right: 10px; text-decoration:none; border:1px #C63200 solid; background:#FCD7C5; color:#C63200; border-left: none; border-top: none; } #mmItemDetail a.commentFormButton:hover { border: 1px #ae587f solid; background:#ae587f; border-left: none; border-top: none; color:#fff; cursor:pointer; } #mmItemDetail #mmNavigation { margin:25px 0; width:60%; float:right; } #mmRelatedItems { float:right; width:32%; margin: 10px 5px 0 0; } #mmRelatedItems p.explanation { line-height:normal; padding: 0 0 5px 2px; font-size: 11px; margin:5px 0 20px 0;} #mmRelatedItems p.postDt { line-height:normal; border-bottom:solid 1px #dea181; padding: 0 0 5px 2px; font-size: 11px; margin:5px 0;} #mmRelatedItems h3 { width:5em; float: left; margin: 2px 2px 2px 2px; } #mmRelatedItems #mmSearchRelated { float:left; width: 5em; color: #4F0000; } #mmRelatedItems #mmSearchRelated select { font-size:11px; margin: 0 0 0 25px; border: 1px solid #dea181; color: #4F0000; } #mmRelatedItems .mmRelatedItemsList { position:relative; min-height:450px; overflow: auto; clear: both; padding: 0 0 0 5px; font-size: 11px; height: 450px; top: 10px; width:100%;} #mmRelatedItems .mmRelatedItemsList ul { list-style-type:none; margin: 0 0 10px 0; float: left; } #mmRelatedItems .mmRelatedItemsList ul li { font-size:11px; line-height:1.75em; } #mmRelatedItems .mmRelatedItemsList dt { margin:10px 0 5px 0; clear:both; } #mmRelatedItems .mmRelatedItemsList object { float:left; width:75px; margin: 0 5px 0 0; } #mmRelatedItems .mmRelatedItemsList .thumbnail { float:left; width:75px; margin: 0 5px 0 0; } #mmRelatedItems .mmRelatedItemsList dd { border-bottom:solid 1px #dea181; margin:5px 0; float: left; width: 99%; min-height: 65px; position: relative; padding: 0 0 3px 0; } #mmRelatedItems .videoItem, #mmRelatedItems .audioItem { position:absolute; width:30px; height:20px; padding: 0; top: 0px; left: 80px; } #mmRelatedItems .mmRating { position: absolute; left: 80px; bottom: 5px; top: 40px; width: 75px; } /* add width for IE6*/ #mmRelatedItems .viewsRelated {position: absolute; left: 80px;top: 20px;} /* search results - for general use too? */ #content #searchResults { border-bottom:solid 1px #698668; background-color:#fff; margin:0; padding:0 0 0 10px; font-size:0.8em; font-weight: bold; line-height: 40px; color: #330; } #Paginator { clear:both; margin:0 auto; text-align: center; font-size:10px; padding: 25px 0 15px 0; top: 25px; font-weight:bold; } #content #Paginator a { padding: 2px 6px; border-right: solid 1px #c63300; background: #fcd7c7; color:#c63300; text-decoration: none; margin: 0 5px; border-right: solid 1px #c63300; border-bottom: solid 1px #c63300; } #content #Paginator a:hover { color: #fff; background: #ae587f; border-right: solid 1px #ae587f; border-bottom: solid 1px #ae587f; text-decoration: none; } #content #Paginator a:visited { padding: 2px 6px; border-right: solid 1px #c63300; border-bottom: solid 1px #c63300; text-decoration: none; color: #c63300; } #content #Paginator .AtStart, #Paginator .AtEnd, #content #Paginator .AtStart:visited, #content #Paginator a.AtEnd:visited, #content #Paginator .AtStart:hover, #content #Paginator a.AtEnd:hover {padding: 2px 6px; color: #828282; border-right: solid 1px #828282; border-bottom: solid 1px #828282; background:#e2e2e2;} #content #Paginator .Prev, #mmMain #Paginator .Next {padding: 2px 6px; border-right: solid 1px #c63300; border-bottom: solid 1px #c63300;} #content #Paginator .break { padding: 2px 6px; border: none; text-decoration: none; } #content #Paginator .this-page { padding: 2px 6px; font-weight: bold; color: #c83200; border: none; } .Results { text-align: center; font-size: 10px; color: #aaa; margin:5px auto; display: block; clear: both; font-weight: normal; } /* upload mmItems */ #content #mmRelatedItems .mmInvite {margin: 10 0 0 0; padding:0; position: relative; top: 15px;} #content #mmRelatedItems .mmInvite a {display:block; height:106px; width:206px; background:url(images/banner-audio-video.jpg) no-repeat center center; text-decoration:none; } #content #mmRelatedItems .mmInvite a:hover {background:url(images/banner-audio-video-hov.jpg) no-repeat center center;} #dim{position:fixed; z-index:20; top:0; left:0; height:100%; width:100%; background: url('images/dim.png'); display:none; text-align:left; } #mmUpload {position:absolute; z-index:20; left:50%; margin-left:-300px; top:5%; width:600px; background:#F7F0F5; border:1px solid #641A59; padding: 10px; visibility: visible; min-height:450px; font-family:Verdana, Geneva, sans-serif; } #mmUploadForm {font-size:11px;} /* keeps form stable with bigger sizes - no breaking */ #mmUpload p { font-size:1em; clear: both; margin: 0; padding: 7px 0; } #mmUpload p.copyrightCheck { font-size:10px; padding-left:120px; line-height: 12px; } #mmUpload p.fileFormat { text-align:center; font-size:9px; line-height: 10px; } #mmUpload p.fileFormat em { color:#900; font-weight: bold; } #mmUpload h2 { margin:0 0 1em 0; padding:0; font-size:0.9em; text-transform: none; color: #4F0000; } #mmUpload fieldset { border:none; margin:0 5em 1em 0; clear:both; padding: 0; } #mmUpload fieldset.personalData { border-bottom:solid 1px #ccc; padding:0 0 2em 0; } #mmUpload label { width:110px; float:left; font-size: 10px; line-height: 11px; font-weight: bold; } #mmUpload label.col2Label { padding-left:28px; width: 100px; } #mmUpload label.radioLabel { width:40px; padding: 0; } #mmUpload label.mmChanelLabel {width:250px;} #mmUpload input, #mmUpload textarea, #mmUpload select { border:1px solid #dea181; color:#6b4e3e; padding:0 2px; } #mmUpload input, #mmUpload select { width:145px; float: left; font-size: 12px; height:20px; } #mmUpload input#fullName, #mmUpload input#mediaTitle, #mmUpload textarea#mediaDescription{ width:420px; } #mmUpload input[type="radio"], #mmUpload input[type="checkbox"] {width:auto; margin: -1px 3px 0 0; border:none;} #mmUpload input#browseMedia, #mmUpload input#upload, #mmUpload input#cancelUpload { color:#C63200; width:100px; font-weight:bold; font-size:11px; border: 1px #C63200 solid; background: #FCD7C5; padding:5px; line-height: 1.8em; height: auto; margin: 0 5px 5px 15px; border-left: none; border-top: none; } #mmUpload input#browseMedia:hover, #mmUpload input#upload:hover, #mmUpload input#cancelUpload:hover { color:#fff; cursor:pointer; background: #ae587f; border: 1px #ae587f solid; border-top: none; border-left: none; } #mmUpload input#cancel { width:100px; height: 24px; font-weight:bold; font-size:11px; padding-left:2px} #mmUpload input#browseMedia{width:460px; } #mmUpload input#upload { margin-left:120px; } #mmUpload input#mediaUpload { margin: 0 5px 0 0; border: 1px solid #dea181; color: #9F7546; height: 22px; width: 300px; } #mmUpload input#cancelUpload { } #mmUpload input#copyrightCheck { display: block; margin: 2px 2px 40px 0; } #mmUpload #emailAddressConfirm { width:140px; } #mmUpload #country { width:148px; } #mmUpload a.closeWindow { display:block; background:url(images/AVmodule/close_button.gif) no-repeat top right; float:right; width:27px; height:27px; border: none; text-decoration: none; } #mmUpload a.closeWindow:hover { background:url(images/AVmodule/close_button_hover.gif) no-repeat right top; } #upload_target {border:hidden; font-size:0.9em; width:95%; height:50%; padding:5px; margin:10px auto 0 auto; overflow:hidden; color:#930000; } #upload_target pre {font-weight:bold;} #TermsOfUse {height:330px;} #mmUpload #termsOfUseContent{font-size:10px; overflow:auto; padding:5px; height:300px; border: 1px solid #dea181; } #mmUpload #termsOfUseContent p { font-size:10px; line-height:12px; padding: 3px 0; } #mmUpload input.backButton {width:100px; background:url(images/AVmodule/bkgdButton.gif) no-repeat center center; border:none; height:24px; font-weight:bold; font-size:11px; padding:0 0 2px 0 } /* rating & voting */ #mmItemDetail ul.mmObjectSubTitles { list-style-type:none; margin: 10px 0 0 0; position: relative; font-size: 10px; padding: 0 0 0 0; clear: both; } #mmItemDetail ul.mmObjectSubTitles li { padding: 0 10px; line-height: 26px; float: left; } #mmItemDetail ul.mmObjectSubTitles li.rating { } #mmItemDetail ul.mmObjectSubTitles li.rating img { padding: 0 0 0 5px; } #mmItemDetail ul.mmObjectSubTitles div { float: left; } #mmItemDetail ul.mmObjectSubTitles #rate1 { width:150px; float: left; } #mmItemDetail ul.mmObjectSubTitles #rate1 div { display:block; float: left; height:16px;} #mmItemDetail ul.mmObjectSubTitles #rate1 div.starContainer { position:absolute; display: block; left: 50px; top: 5px; height:18px;} #mmItemDetail ul.mmObjectSubTitles #ratingMessage { padding:0 0 0 5px; width: 55px; } #mmItemDetail ul.mmObjectSubTitles .views { float: left; width: 50px; } #mmItemDetail ul.mmObjectSubTitles li.download { margin: 0 4px 0 20px; position: absolute; right: 0px; width: 70px; } #mmMain #mmItemDetail ul.mmObjectSubTitles li.download a { border:1px #C63200 solid; height: 26px; line-height: 26px; text-decoration:none; text-align: center; font-size: 11px; color:#C63200; background:#FCD7C5; padding:5px; font-weight: bold; border-top: none; border-left: none; } #mmMain #mmItemDetail ul.mmObjectSubTitles li.download a:hover { background:#ae587f; border: 1px #ae587f solid; color:#fff; border-top: none; border-left: none; } #mmItemDetail .star-rating { cursor: pointer; clear: both; display: block; } #mmItemDetail .star-rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; } #mmItemDetail .cancel, #mmItemDetail .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; } #mmItemDetail .star-left, #mmItemDetail .star-right { width: 8px } #mmItemDetail .cancel, #mmItemDetail .cancel a { background: url(delete.gif) no-repeat 0 -16px; } #mmItemDetail .star, #mmItemDetail .star a { background: url(images/AVmodule/ratingStar.gif) no-repeat 0 0; } #mmItemDetail .star-left, #mmItemDetail .star-left a { background: url(images/AVmodule/ratingStarLeft.gif) no-repeat 0 0; } #mmItemDetail .star-right, #mmItemDetail .star-right a { background: url(images/AVmodule/ratingStarRight.gif) no-repeat 0 0; } #mmItemDetail .cancel a, #mmItemDetail .star a { display: block; width: 100%; height: 100%; background-position: 0 0; } #mmItemDetail div.star-rating div.on,#mmItemDetail div.star-rating div.on a { background-position: 0 -16px; } #mmItemDetail div.star-rating div.hover a,#mmItemDetail div.star-rating div a:hover { background-position: 0 -32px; } #mmItemDetail #ratingmsg { text-align: left; font-size: 9px; color:#aaa; min-height:15px; width: 100px; margin: -5px 0 0 50px; clear: both; } /* general form management with javascript / DOM */ .hidden {display: none; } .unhidden {display: block; } .visible {visibility:visible;} .invisible {visibility:hidden;} /* theme implementation notes */ /* - font-sizes update - dd dt etc. - link colour to follow theme - lines as theme - change bgcolor some bkgd images - img bkgd is white here - png images had white bkgd? - find/replace tab link colours with themes - search hover ==> theme quicklaunchbuttons - admin feedback images, beware IE6 construction - IE6.css adaption for MM hacks - check bigger sizes especially against upload form */ /* ------------------------------- 3.13 iWeb3 extra pages ---------------------------------- */ /* Photo gallery */ .thumbGallery { display:block; width:80px; /*height:125px;*/ float: left; margin:15px 18px 0; padding:0; position: relative; } .landscape { width:125px; /*height:115px;*/ } .thumbTitle, .thumbInfo { font-size:10px; font-weight:bold; line-height:14px; margin:0; padding:0; clear:both; text-align:left; display: block; float: left; width: 125px; } .thumbInfo {font-weight:normal;} .thumbGallery a, .thumbGallery a:hover {border-bottom: none;} /* articles books wisdom */ .extract { position:relative; width:94%; height:12em; border-bottom:1px dashed #dea181; clear:both; overflow:auto; margin: 0 auto; } .extract .thumbGallery { margin:1.3em 20px 1em 0; } #content .extract p { line-height:1.7em; margin-right: 0px; } .extractTitle { padding-top:25px; margin-bottom:5px; font-size: 0.8em; } .extractText { } .extractAuthor {} .extractComments, .extractViewAll { position:absolute; bottom:15px; display:block; font-size:0.7em; line-height:2.3em; } .extractComments { left:105px; background:url(images/commentCallout.jpg) no-repeat left center; padding:0 0 0 45px; } .extractViewAll { right:3px; background:url(images/viewAll.jpg) no-repeat left center; padding:0 0 0 35px; } .wisdom { height:11.5em; } .wisdomBanner { height:100px; width:94%; margin: 20px auto 0; ; background:url(images/wisdomBanner.jpg) no-repeat center center; } #content .detailedOverview p, #content .detailedOverview ul, #content .detailedOverview ol {margin-left:125px;} #content ol li {font-size: 0.7em; color:#6b4e3e; line-height:175%; padding:5px} /* this tag is used by Alfresco editor for ordered lists */ /* comments */ #commentSection {margin-left:125px;} #commentSection p {margin-left:0;} #commentSection h3 {margin-left:0; margin-top:25px;} .comments {border: none; height: 180px; } .comments h3 { position:absolute; bottom:20px; left:85px; font-size:0.8em; margin-bottom:0; padding-bottom:0; } .comment { position:relative; border-bottom:1px dashed #dea181; clear:both; /*overflow:auto;*/ margin: 0 20px 10px 0; background: url(images/commentCallout.jpg) no-repeat 5px 7px; /*height:6em;*/ padding: 0 0 30px 30px; } .commentAuthor, .commentTime {position:absolute; bottom:15px; display:block; font-size:0.7em; line-height:2.2em;} .commentTime {font-size:0.6em; bottom:0px;} .commentAuthor { left:55px; font-weight:bold; } .commentTime { right:5px; color: #ab9e96; } #content .comment p { line-height:1.6em; margin: 0 0 15px 20px; } #commentsContactForm { margin:20px 0 10px 0; width: 80%; } #commentsContactForm input, #commentsContactForm textarea { clear:left; padding:0; margin:0; width: 100%; } #commentsContactForm textarea { width:96.5%; margin-bottom: 10px; } #commentsContactForm p {margin:0; padding:0;} #commentsContactForm label { text-align:left; margin:0 0 3px 0; } #commentsContactForm p.col { float:left; width:45%; clear: none; margin-right: 5%; } #commentsContactForm .remainingChar { font-size:0.9em; padding:3px 0 0 90px; margin: 0; } #commentsContactForm .commentCharCount {width:35px; float: none; font-size:0.9em; margin: 0 0 0 5px; border:hidden;} #commentSection .adminComment{ background:#F7F0F5 url(images/commentcallout.gif) no-repeat 2px 2px; color: #641a59; } /* rating on articles */ #contentContainer .infoBar { position: relative; font-size: 10px; padding: 0 0 0 0; } #contentContainer .infoBar{ padding: 0 10px; line-height: 26px; float: right; } #contentContainer .infoBar .rating { } #contentContainer .infoBar .rating img { padding: 0 0 0 5px; } #contentContainer .infoBar div { float: left; } #contentContainer .infoBar #rate1 { width:100px; float: left; } #contentContainer .infoBar #rate1 div { display:block; float: left; } #contentContainer .infoBar #rate1 div.starContainer { position:absolute; display: block; left: 20px; top: 5px; height:18px;} #contentContainer .infoBar #ratingMessage { position:relative;} #contentContainer .star-rating { cursor: pointer; clear: both; display: block; } #contentContainer .star-rating:after { content: '.'; display: block; height: 0; width: 0; clear: both; visibility: hidden; } #contentContainer .cancel, #contentContainer .star { float: left; width: 17px; height: 15px; overflow: hidden; text-indent: -999em; cursor: pointer; } #contentContainer .star-left, #contentContainer .star-right { width: 8px } #contentContainer .cancel, #contentContainer .cancel a { background: url(delete.gif) no-repeat 0 -16px; } #contentContainer .star, #contentContainer .star a { background: url(images/AVmodule/ratingStar.gif) no-repeat 0 0; } #contentContainer .star-left, #contentContainer .star-left a { background: url(images/AVmodule/ratingStarLeft.gif) no-repeat 0 0; } #contentContainer .star-right, #contentContainer .star-right a { background: url(images/AVmodule/ratingStarRight.gif) no-repeat 0 0; } #contentContainer .cancel a, #contentContainer .star a { display: block; width: 100%; height: 100%; background-position: 0 0; } #contentContainer div.star-rating div.on,#contentContainer div.star-rating div.on a { background-position: 0 -16px; } #contentContainer div.star-rating div.hover a,#contentContainer div.star-rating div a:hover { background-position: 0 -32px; } #contentContainer #ratingmsg { text-align: left; font-size: 9px; color:#aaa; height:15px; width: 100px; margin: 0 0 0 10px; clear: both; }