/* CSS Holy.nl == P. 2009-08/12 */ /* REDEFINE HTML ========================================================================================================== REDEFINE HTML */ html{min-height:101%;} *{margin:0;padding:0;outline:none;} body{background:#208800 url(img/background2d.png) scroll no-repeat center top;} body{color:#004e99;font-family:Arial, Helvetica, sans-serif;min-height:101%;} /* a{text-decoration:none;} */ a img{border:none;} h1, h1 a, h2, h2 a{font-size:16px;line-height:19px;color:#5ea933;margin:0 0 0.2em 0;text-decoration:none;} h3, h3 a{font-size:14px;line-height:19px;margin:0 0 0.2em 0;text-decoration:none;} h4, h5, h6, h4 a, h5 a, h6 a{font-size:11px;line-height:15px;margin:0 0 0.2em 0;color:#004e99;text-decoration:none;} h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active {text-decoration:underline;} p,td,th,li,a{font-size:12px;line-height:22px;color:#004e99;} .cms-text a{color:#4597cf;} .cms-text .greenbold{color:#5EA933;font-weight:bold;} /* place specific ========================================================================================================== place specific */ #sub-content h2,#sub-content h3,#sub-content h4{margin:0;} /* FORMS ========================================================================================================== FORMS */ form fieldset em{display:block;float:none;clear:both;font-size:12px;} legend{display:none;} label{width:135px;float:left;font-size:13px;line-height:1.5em;} #main-content #contactform form div.radio-option{padding:3px 0} #contactform .radio label{width:200px;font-weight:bold;} #contactform .radio fieldset{width:400px;} input, select, textarea{font-size:11px;color:#004e99;} input.text, input.file, select{height:17px;line-height:14px;} input.text, input.file{padding-top:2px;} /* registratie */ #main-content form div{padding:5px 0;width:352px;clear:both;float:left;} fieldset{border:none;} #main-content form div.submit, #main-content form div.page-options{float:none;clear:both} #main-content #ClipSearchForm div.submit{float:left;clear:none;} form input.text, form input.file{width:210px;padding-left:3px;border:1px solid #004e99} form textarea{width:210px;padding-left:3px;border:1px solid #004e99;float:left;} div.checkbox{width:400px;} form div{padding:0.5em 0;} #filter-listings form div{padding:0;} #CformOtherinterest{display:none;} div.date select{margin:0 3px;} select#UserBirthDateDay{width:35px;} select#UserBirthDateMonth{width:80px;} select#UserBirthDateYear{width:50px;} #usernamehelp{font-size:12px;color:#F04A23;} /* ========================================================================================radio: live transmission */ .radio fieldset{padding:0;width:200px;overflow:hidden;float:left;} div.radio input{margin-top:3px;float:left;margin-right:0.5em;} #main-content form div.radio-option{width:auto;float:left;padding:0 1em 0 0;clear:none} /* male/female */ #main-content .user-form form div.radio-option a{float:right;} .user-form .radio label{width:auto;padding-right:3px;float:left;} .user-form .radio label.legend{width:135px;} .user-form .radio input.radio{float:right;margin-right:1em;} a.radiobutton-replaced{display:block;float:left;width:14px;height:14px;margin-top:3px;margin-right:2px;background:#FFFFFF url(img/holy-sprite-v18.png) no-repeat scroll -280px -360px; } #page #content input.replaced{float:inherit} #page .pod .cnt{overflow:auto;} .beheerders-form{padding-bottom:200px;} /* ======================================================================================== checkbox */ .checkbox input.checkbox{float:right;margin-right:1em;} .checkbox label{width:215px;float:right;font-size:11px;} /* ======================================================================================== submit */ div.submit{padding:0.5em 0;overflow:hidden;} /* ======================================================================================== error */ label.errorMessage{display:block;background-color:#F04A23;color:#FFF;font-weight:bold;clear:both;float:none;} div.errorMessage{background-color:#F04A23;color:#FFF;} #main-content label.errorMessage{padding-left:135px;width:200px;} #main-content div.errorMessage{padding:1em 0;margin:1em 0} /* ------------- * Radios * ------------- */ .jqTransformRadioWrapper {float:right;display:block;} #contactform .jqTransformRadioWrapper {float:left;} .jqTransformRadio { display:block;float:left;width:14px;height:14px;margin-top:3px;margin-right:5px;background:transparent url(img/holy-sprite-v18.png) no-repeat scroll -473px -675px;/*display: -moz-inline-block;*/ } form .radio-option a.jqTransformChecked{background-position:-473px -705px;} /* ------------- * Checkboxes * ------------- */ span.jqTransformCheckboxWrapper{ display:block;float:right;margin-right:3px; } a.jqTransformCheckbox { background:transparent url(img/holy-sprite-v18.png) no-repeat scroll -473px -732px; vertical-align: middle; height: 19px; width: 18px; display:block;/*display: -moz-inline-block;*/ } form div.checkbox a.jqTransformChecked{background-position:-473px -763px;} /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { width: 45px; position:relative; height:19px; border:1px solid #004E99; background:#FFF; clear:none; float:left; margin:0 3px 0 0; z-index:2000; } #ClipSearchForm .jqTransformSelectWrapper{border:none;height:16px;} #switch-language .jqTransformSelectWrapper{border:none;height:16px;} #switch-language form div{padding:0;} #main-content form div.jqTransformSelectWrapper, #main-content form div.jqTransformSelectWrapper div{clear:none;padding:0;width:auto;} .jqTransformSelectWrapper div span { font-size: 11px; float: none; position: absolute; white-space: nowrap; height: 17px; line-height: 15px; padding: 2px 0 0 3px; overflow: hidden; cursor:pointer; /*border: 1px solid #CCCCCC;*/ /* border-right: none;*/ } #ClipSearchForm .jqTransformSelectWrapper div span {padding:0 0 0 3px;height:15px;overflow:hidden;} .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 12px; height: 17px; background:#FFFFFF url(img/holy-sprite-v18.png) no-repeat scroll -477px -850px; } #ClipSearchForm .jqTransformSelectWrapper a.jqTransformSelectOpen, #sort-index .jqTransformSelectWrapper a.jqTransformSelectOpen{background-position:-475px -791px} #ClipSearchForm a.jqTransformSelectOpen{height:15px} .jqTransformSelectWrapper ul { position: absolute; width: 43px; top: 20px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #004E99; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:2000; } #ClipSearchForm .jqTransformSelectWrapper ul{top:18px;} .jqTransformSelectWrapper ul a { display: block; text-decoration: none; background-color: #FFF; font-size: 11px; padding-left:3px; } .jqTransformSelectWrapper ul a.selected { background: #F04A23; color: #FFF; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#004E99; color: #fff; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden {display:none;} /* SITEWIDE SPECIFIC CLASSES / IDs ========================================================================================================== SITEWIDE SPECIFIC CLASSES / IDs */ .image-aligns-left{ float:left; margin-right:1em; margin-top:5px; } .image-aligns-right{ float:right; margin-left:1em; margin-top:5px; } .waiting{background:#FFF url(img/wait2.gif) no-repeat scroll center center;} body#error h1{font-size:20px;color:#F04A23;margin:1em 0;} #flashMessage, #authMessage{padding:10px;font-weight:bold;color:#F04A23;background:#FFF; border:1px solid #F04A23; margin:0 18px 20px 0; } #clips-view #flashMessage{z-index:5000;position:absolute;width:914px;padding:20px 10px;border:2px solid #F04A23;background:#FFF url(img/cross-close.png) no-repeat top right;} /* STRUCTUUR ========================================================================================================== STRUCTUUR */ #content{overflow:auto;clear:both;float:none;padding:0 0 10px 17px;} #main-content{float:left;width:567px;} #sub-content{float:left;width:368px; /*background-color:#8DD402*/ } #users-profile #main-content, #users-myprofile #main-content{float:right;margin-right:9px;} /* CMS-TEKST ========================================================================================================== CMS-TEKST */ .cms-text{overflow:visible;} .cms-text ul, .cms-text ol{padding-left:1em;font-size:14px;margin:0.2em 0 0.4em;} .cms-text p{margin:0 0.1em 0.5em 0;font-size:14px;} .cms-text a{font-size:14px;text-decoration:underline;} .cms-text li, .cms-text li p{margin:0;font-size:14px;} .cms-text p strong{ /* color:#f04a23; */ } .cms-text h2, .cms-text h3, .cms-text h4{margin:1em 0 0 0;color:#004e99;} .cms-text li{margin:0.2em 0 0.4em;line-height:18px;} .cms-text object{margin:0;} #sub-content .cms-text h2{margin:0 0 0.2em 0;color:#5ea933;} /* PODS EN CORNERS ========================================================================================================== PODS EN CORNERS */ #main-content .pod{width:555px;margin:0 0 10px 0;} /* general rules for pods */ .pod{width:933px;border:1px solid #014f99;margin:0 0 10px 0;background:#FFF;} .pod .cnt{padding:4px 10px 4px 26px;margin-bottom:-4px;} #sub-content .pod .cnt{padding:4px 10px 4px 22px;} p.paragraph-extra-wide{margin-left:-10px;margin-right:-5px;} #sub-content .pod .cms-text p{} #sub-content .pod{width:366px;} /* rounded corners stijl */ .pod{-moz-border-radius: 14px; -webkit-border-radius: 14px; KhtmlBorderRadius : 14px; border: 1px solid #004f98; border-color:#004f98; padding:14px 0;border-radius: 14px;} .info-pod, .block{padding:0;margin:0 0 10px 0} /* exceptions with straight cornered pods, at least two id selectors needed? */ #content #collection-intro, #content #collection .intro-regular, #users-joinholy #joinholy, #users-joinholy #register, #clips-view #clip-navigate-actions, #contactform .text, #contactform .middle, #pijlers-layout #collection {-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0; -webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0; } #page {-moz-border-radius-topleft:25px;-webkit-border-top-left-radius:25px; } #clips-view #clip-comments, #content #collection .intro, #contactform .form, #contactform .middle, #disclaimer, #users-joinholy #register, #pijlers-layout .pijlers-1 {-moz-border-radius-topright:0;-moz-border-radius-topleft:0; -webkit-border-top-right-radius:0;-webkit-border-top-left-radius:0; } /* BUTTONS ========================================================================================================== BUTTONS */ #main-content button{border:1px solid #FFF;height:28px;overflow:hidden;} a.button, button.button{display:block;height:24px;background:url(img/holy-sprite-v18.png) no-repeat 100% -778px;padding-right:30px;float:right;text-decoration:none;} a.button span, button.button span{display:block;height:24px;background:url(img/holy-sprite-v18.png) no-repeat 0 -778px;padding-left:10px;line-height:24px;color:#FFF;font-weight:bold;font-size:13px;float:left;margin:0;} a.button:hover, button.button:hover{background-position: 100% -748px;} a.button:hover span, button.button:hover span{background-position:0 -748px;} /* FF doet een gekke span */ button.button span{margin:-1px 0 0 -3px;} a.smallbutton{display:block;height:21px;background:url(img/holy-sprite-v18.png) no-repeat 100% -840px;padding-right:30px;float:left;text-decoration:none;} a.smallbutton span{display:block;height:21px;background:url(img/holy-sprite-v18.png) no-repeat 0 -840px;padding-left:10px;line-height:21px;color:#FFF;font-weight:bold;font-size:12px;float:left;margin:0;} a.smallbutton:hover{background-position: 100% -810px;} a.smallbutton:hover span{background-position:0 -810px;} /* FF doet een gekke span */ button.smallbutton span{margin:-1px 0 0 -3px;} a.negabutton, button.negabutton{display:block;height:24px;background:url(img/holy-sprite-v18.png) no-repeat 100% -899px;padding-right:30px;float:right;text-decoration:none;} a.negabutton span, button.negabutton span{display:block;height:22px;padding-top:2px;background:url(img/holy-sprite-v18.png) no-repeat 0 -899px;padding-left:10px;line-height:18px;font-weight:bold;font-size:13px;float:left;margin:0;} a.negabutton:hover, button.negabutton:hover{background-position: 100% -869px;} a.negabutton:hover span, button.negabutton:hover span{background-position:0 -869px;} /* FF doet een gekke span */ button.negabutton span{margin:-1px 0 0 -3px;} /* IDENTITY ========================================================================================================== IDENTITY */ .t-holy #identity p a {display:block;width:320px;height:100px;background:transparent url(img/holy-logo.png) no-repeat 4px 0;position:relative;margin-top:-14px;margin-left:14px;} .t-holy #identity p a span{display:none;} #identity{position:relative;} #identity p.workshop{ padding:10px; text-align:right; font-weight:bold; position:absolute; right:17px; min-width:200px; bottom:0;} /* USER FUNCS ========================================================================================================== USER FUNCS */ #user-functions {position:absolute;right:37px;top:12px;overflow:visible;z-index:10;} #user-functions ul{overflow:hidden;} #user-functions ul li{list-style:none;float:left;border-left:1px solid #004E99;margin-left:-1px;padding-left:1px;} #user-functions ul li a{display:block;height:12px;line-height:12px;padding:0 6px;text-decoration:none;} #user-functions ul li.selectbox-replaced{display:block;background:#FFF url(img/holy-sprite-v18.png) no-repeat -428px -824px;} #user-functions ul li ul{position:absolute;border:1px solid #004E99;} #user-functions ul li ul li{float:none; /*border-bottom:1px solid #004E99;*/ } #user-functions ul li ul li a{padding:6px;} /* respecting cache and uid deeply*/ #user-functions ul.logged-in li.join, #user-functions ul.logged-in li.login{display:none;} #user-functions #sitemanagement{display:none} /* show it with js */ /* LOGIN SMALL */ #loginFormSmall {background:transparent url(img/loginbox-full.png);} #loginFormSmall div{width:auto;overflow:hidden;clear:both;padding:0;} #loginFormSmall h3{padding-left:15px;float:right;margin-top:-8px;margin-right:34px;font-size:11px;line-height:20px;font-weight:normal;cursor:pointer;} #loginFormSmall h3 span{display:block;height:20px;color:#FFF;padding-right:20px;padding-top:3px;} #loginFormSmall{position:absolute;width:250px;right:15px;top:-8px;width:258px;height:157px;} #loginFormSmall .top{width:250px;height:10px;} #loginFormSmall fieldset{float:none;clear:both;width:221px;position:relative;display:block;height:90px;border:none;padding:5px 22px 15px 15px;} #loginFormSmall label{width:80px;color:#FFF;height:20px;font-size:11px; font-weight:bold;} #loginFormSmall label.errorMessage{width:210px;} #loginFormSmall input{padding:0;height:15px;} #loginFormSmall input.text{width:137px;} #loginFormSmall div.submit{padding:0;} #loginFormSmall legend{display:none;} #loginFormSmall .checkbox input.checkbox{float:right;margin-right:0.5em;} #loginFormSmall .checkbox label{width:140px;float:right;font-size:11px;font-weight:bold;} #forgot-pw {position:absolute;bottom:28px;} #forgot-pw a{color:#FFF;font-size:11px;} #user-functions #switch-language{width:60px;} #user-functions #switch-language a{padding:0;margin:0 6px;width:44px;} #switch-language a span{padding-left:20px;} #switch-language a.en{display:block;background:transparent url(img/holy-sprite-v18.png) no-repeat -240px -439px;} #switch-language a.nl{display:block;background:transparent url(img/holy-sprite-v18.png) no-repeat -240px -460px;} #switch-language ul li{background:#FFF;padding:6px 0} /* MENU'S ========================================================================================================== MENU'S */ #menus{clear:both;float:left;padding-left:16px;} #menus ul{float:left;overflow:hidden;} #menus li{list-style:none;float:left;position:relative;} #menus li ul{display:none;} #action-menu a{display:block;height:94px;width:189px;background:transparent url(img/nav_nl_selective_pattern_256.png) no-repeat;} .lang-en #action-menu a{background-image:url(img/nav_en_selective_pattern_256.png);} body.d-holy #info-menu a{display:block;height:94px;width:189px;background:transparent url(img/nav_nl_selective_pattern_256.png) no-repeat;} body.d-holy .lang-en #info-menu a{background-image:url(img/nav_en_selective_pattern_256.png);} #menus a span span{display:none} #menus li.content-menucreate a{background-position:0 -45px} #menus li.content-menuwatch a{background-position:-189px -45px;} #menus li.content-menushare a{background-position:-378px -45px} body.menu-active-info_menu-3 #menus li.content-menuservices a span, body.menu-active-info_menu-43 #menus li.content-menuservices a span, body.menu-active-info_menu-65 #menus li.content-menuabout a span, body.menu-active-info_menu-46 #menus li.content-menuabout a span {width:33px;height:30px;background:url(img/pijlen-holy2.png) no-repeat -150px 0;right:0;top:112px;} /*hover states*/ body.menu-active-create #menus li.content-menucreate a, #menus li.content-menucreate a:hover{background-position:0 -193px} body.menu-active-watch #menus li.content-menuwatch a, #menus li.content-menuwatch a:hover{background-position:-189px -193px} body.menu-active-action_menu-1 #menus li.content-menushare a, #menus li.content-menushare a:hover{background-position:-378px -193px} /*en idem*/ body.menu-active-action_menu-54 #menus li.content-menushare a{background-position:-378px -193px} #menus a span{position:absolute;} #menus li.content-menucreate a span{width:30px;height:30px;background:url(img/pijlen-holy2.png) no-repeat;right:0;top:23px;} #menus li.content-menucreate a:hover span{background-position:-50px 0} #menus li.content-menuwatch a span{width:30px;height:30px;background:url(img/pijlen-holy2.png) no-repeat;right:0;top:23px;} #menus li.content-menuwatch a:hover span{background-position:-50px 0} body.menu-active-watch #menus li.content-menuwatch a span, body.menu-active-create #menus li.content-menucreate a span, body.menu-active-action_menu-1 #menus li.content-menushare a span, body.menu-active-action_menu-54 #menus li.content-menushare a span {width:33px;height:30px;background:url(img/pijlen-holy2.png) no-repeat -150px 0;right:10px;top:62px;} /* SEARCHBAR ========================================================================================================== SEARCHBAR */ #searchbar {background:url(img/holy-sprite-v18.png) no-repeat 0 -520px;height:30px;margin:0 0 10px; padding-left:15px;width:920px;z-index:400;} #main-content #searchbar{width:542px;} #searchbar .cnt{height:25px;padding-top:5px;background:url(img/holy-sprite-v18.png) no-repeat 100% -520px;} #searchbar legend{display:none;} #searchbar p.legend{float:left;color:#FFF;font-weight:bold;padding-right:1em;} #homepages-display #searchbar p.legend{display:none;} #searchbar label{display:none;} #searchbar fieldset{border:none;padding:0;float:left;} #searchbar fieldset div{float:left;padding: 0 10px 0 0;width:auto;clear:none;} #searchbar fieldset div.groups, #searchbar fieldset div.terms{padding-top:2px;} #searchbar fieldset div input.text, #searchbar fieldset div select{width:140px;border:none;height:16px;font-size:11px;line-height:11px;} #searchbar fieldset div input.text{height:15px;padding:1px 0 0 5px;} #searchbar-search-clip{background:transparent url(img/holy-sprite-v18.png) no-repeat 0 -450px;border:none;width:90px;height:20px;text-indent:-2000px;cursor:pointer;} /* SITE MENU ========================================================================================================== SITE MENU */ #site-menu{margin:0px auto 20px;} #site-menu h4{margin:0;} #site-menu{width:972px;} #site-menu ul{width:954px;padding:10px 0 10px 18px;background:transparent url(img/holy-sprite-v18.png) no-repeat 0 100%;overflow:hidden;} #site-menu > ul > li > a > span, #site-menu li h4, #site-menu li.getallenmenu p {display:block;padding:7px 10px 0 22px;background:transparent url(img/footer-kaders-top.png) no-repeat 0 0;color:#FFF;font-size:12px;font-weight:bold;line-height:15px;} #site-menu li a{color:#FFF;text-decoration:none;font-size:12px;line-height:15px;} #site-menu li{list-style:none;color:#fff;line-height:15px;} #site-menu li ul, #site-menu li div{background:transparent url(img/sitemenu-transp-box.png) no-repeat -0 100%;padding:0 10px 0 22px;min-height:90px;line-height:15px;} #site-menu li.getallenmenu{background:transparent url(img/sitemenu-transp-box.png) no-repeat -2100px 100%;padding:0;min-height:90px;line-height:15px;} #site-menu li{float:left;width:179px;margin-right:11px;} #site-menu li li{float:none;width:auto;background:none;margin:0;padding:0;} /* p.holy-in-one-sentence{color:#FFF;line-height:15px;padding-right:6px;} */ p.holy-in-one-sentence{color:#FFF;line-height:15px;padding-right:6px;} #sub-content p.holy-in-one-sentence, #sub-content p.holy-in-one-sentence a{color:#004E99} /* CHAT ========================================================================================================== CHAT */ #holychatwindow{display:none;background-color:#FFF;width:200px;min-height:400px;padding:10px;right:10px;bottom:10px;z-index:100;position:fixed;border:1px solid #014f99;} /* PAGE SPECIFICS ========================================================================================================== PAGE SPECIFICS ========================================================================================================== ========================================================================================================== ========================================================================================================== ========================================================================================================== ========================================================================================================== */ /* homepages ========================================================================================================== homepages */ #homepage-clip {float:none;clear:both;} #homepage-clip .cnt{overflow:hidden;position:relative;padding-left:16px;padding-right:8px;} #homepage-clip .clip{float:left;} #homepage-clip .clip object{float:left} #homepage-clip .clip-extra{position:absolute;right:3px;bottom:9px;} #hpclipcontainer{position:relative;overflow:hidden;} #homepage-clip .clip-details{width:168px;overflow:hidden;padding:0 0 8px 0;margin-bottom:2px; /*background-color:#CCCCCC;*/ } #homepage-clip .clip-details .cnt{padding:8px 8px 0 8px;overflow:hidden;} #homepage-clip .clip-details .cnt p{line-height:15px;padding-top:7px;} .actions ul li{list-style:none;} a.create-a-clip-button{display:block;background:url(img/btn-maak-clip-nl.png) no-repeat;width:170px;height:68px;} a.create-a-clip-button span{display:none;} #homepageclip{height:270px;} #homepage-clip .clip-details{-moz-border-radius: 10px; -webkit-border-radius: 10px; KhtmlBorderRadius : 10px; border: 1px solid #004f98;} #sidewide-topholy-recent{float:left;} #sidewide-topholy-recent li{float:left;list-style:none;} /* #top-themes{float:right;} */ #top-themes li{float:left;list-style:none;} #home-list-clips {overflow:hidden;} #home-list-clips ul{padding:10px 0 0 10px;} #home-list-clips ul li{list-style:none;overflow:hidden;width:130px;height:130px;float:left;margin:0 6px 8px 0} #home-list-clips ul li{width:120px;height:120px;padding:5px;background:url(img/holy-sprite-v18.png) no-repeat 0 0;overflow:hidden;} .t-domain #home-list-clips ul li.clips-in-the-future{width:auto;background:none;font-style:italic;font-size:14px;cursor:default} #home-list-clips ul li a.tn{display:block; color:#FFF;text-decoration:none;} #home-list-clips ul li h4 a{color:#FFF} #home-list-clips ul li a img{border:1px solid #FFF;} #home-list-clips ul li:hover{background:url(img/holy-sprite-v18.png) no-repeat 0 -180px;cursor:pointer;} span.contactform p{color:#FFF;padding:10px 12px;} #home-list-clips ul li a span.tn{display:block;height:87px;} #home-list-clips ul li a span.tn span{display:block;width:117px;background-color:#FFF;text-align:center;} .linksentirely{position:relative;} .linksentirely:hover{cursor:pointer;} /* tabbed parts */ #main-content #top-lists, #main-content #clip-navigate-actions{margin-top:40px;} #main-content #top-lists{padding-bottom:0;} #home-jump-clips, #clip-jump-actions{float:none;overflow:hidden;clear:both;padding:0 16px;margin-top:-40px;} #home-jump-clips a, #clip-jump-actions a{display:block;height:27px;background:url(img/holy-sprite-v18.png) no-repeat 100% -701px;padding-right:20px;text-decoration:none;} #home-jump-clips a span, #clip-jump-actions a span {display:block;height:27px;background:url(img/holy-sprite-v18.png) no-repeat 0 -701px;padding-left:20px;line-height:25px;color:#FFF;} #home-jump-clips li.active a, #clip-jump-actions li.active a {background:url(img/holy-sprite-v18.png) no-repeat 100% -650px} #home-jump-clips li.active a span, #clip-jump-actions li.active a span {background:url(img/holy-sprite-v18.png) no-repeat 0 -649px;color:#004e99;} #clip-jump-actions li,#clip-actions li{float:left;list-style:none;} #clip-actions{overflow:hidden;} #clip-actions ul{padding:10px 0 0 10px;} #home-list-clips span.rating{width:51px;} #home-list-clips span.rating-0{background-position:-553px -20px;} #home-list-clips span.rating-1{background-position:-553px -20px;} #home-list-clips span.rating-2{background-position:-543px -20px;} #home-list-clips span.rating-3{background-position:-543px -20px;} #home-list-clips span.rating-4{background-position:-531px -20px;} #home-list-clips span.rating-5{background-position:-531px -20px;} #home-list-clips span.rating-6{background-position:-521px -20px;} #home-list-clips span.rating-7{background-position:-521px -20px;} #home-list-clips span.rating-8{background-position:-511px -20px;} #home-list-clips span.rating-9{background-position:-511px -20px;} #home-list-clips span.rating-10{background-position:-501px -20px;} /* HP sub content #homepages-display #sub-content .info-pod .top{margin:0;height:27px;} #homepages-display #sub-content .info-pod .btm{margin:0;height:27px;} */ #sub-content .info-pod {width:368px;border:none;height:60px;} #sub-content .info-pod .cnt{ /*margin:-26px 0 -25px 0;*/ color:#FFF;padding:10px 10px 5px 22px;} #sub-content .info-pod .cnt p{color:#FFF;padding:0;} #sub-content .info-pod .cnt a, #sub-content .info-pod .cnt h3{color:#FFF;text-decoration:none;line-height:17px;} .linksentirely span.arrow{position:absolute;display:block;width:24px;height:24px;background:url(img/pijlen-holy2.png) no-repeat -205px 0;right:16px;top:19px;} #newsitems ul{padding:0;margin:0;} #newsitems ul li{list-style:none;overflow:hidden;padding:10px 0 0 0;min-height:74px;margin:0 10px 0 0;} #newsitems ul li p{margin-right:0;} #newsitems ul li.news2, #newsitems ul li.news3{border-top:1px solid #004f98;} #newsitems span.newsitem_iconic{float:left;margin:5px 0.5em 3px 0;} #friendsites ul{padding:0;margin:0;} #friendsites ul li{list-style:none;overflow:hidden;min-height:74px;margin:0 10px 0 0;} #friendsites ul li p{margin-right:0;} /* #friendsites ul li a span{display:none;} */ #friendsites ul li{border-top:1px solid #004f98;} #friendsites ul li.fs1{border-top:none;} #friendsites span.newsitem_iconic{float:left;margin:5px 0.5em 3px 0;} #newsletter form {overflow:hidden} #newsletter form div.input{width:220px;float:left;padding:0.1em 0 0.5em 0} #newsletter form fieldset{padding:0;overflow:hidden;} #newsletter form div.submit{float:left;padding:0.1em 0 0.5em 0} #newsletter form a.smallbutton{margin:0.1em 0 0.5em 0;} #sub-content .info-pod{padding-top:0;padding-bottom:0;width:368px;border:none;background:transparent url(img/kartelpod_03.png) no-repeat 0 0;} #sub-content #newsletter{height:65px;padding-top:0;padding-bottom:0;width:368px;border:none;background:transparent url(img/newsletter.png) no-repeat 0 0;} #sub-content #newsletter .cnt{margin-bottom:-20px;} /* #sub-content #newsletter .btm, #sub-content .info-pod .btm {background:transparent url(img/holy-sprite-pods-v09.png) no-repeat -1160px 100%;height:27px;} */ /* correcties */ #content .cms-text span.noborder{border:none;} /* KIJK CLIP OVERVIEW / SEARCH / GROUPLIST ========================================================================================================== KIJK CLIP OVERVIEW / SEARCH / GROUPLIST */ #search-results{position:relative;} #search-results .cnt{padding-right:0;} ul.clips-index {overflow:hidden;margin:0 20px 0 0;min-height:475px;border-bottom:1px solid #004e99;} ul.clips-index li{list-style:none;overflow:hidden; padding:10px 18px 10px 140px; float:left; min-height:95px; width:130px; position:relative; /* cursor:pointer; */ } ul.clips-index li a.tn{text-decoration:none;display:block;overflow:hidden;position:absolute;left:0;width:130px;height:95px;padding:5px 5px 0 5px;background:url(img/holy-sprite-v18.png) no-repeat -300px -105px; text-align:center;} ul.clips-index li a.tn:hover{background-position:-300px 0;} ul.clips-index li a img{border:1px solid #FFF;} ul.clips-index li a span.tn{display:block;height:87px;width:117px;} ul.clips-index li a span.tn span{display:block;width:117px;background-color:#FFF;text-align:center;} ul.clips-index li h4{margin:0;line-height:1.3em;margin-top:1em;} ul.clips-index li h4 a{width:140px;overflow:hidden;display:block;line-height:1.3em;} ul.clips-index li p,ul.clips-index li p a{line-height:1.3em;} /* INDEX */ #clips-index #content .pod{width:933px;border-left:1px solid #014f99;border-right:1px solid #014f99;margin:0 0 10px 0;} span.create-date, span.clip-groups{color:#4c4c4c;} li.clip span.create-date{display:block;} .clip-groups a{color:#4597cf;} span.author a{color:#4597cf;text-decoration:underline;} /* li.clip .author{overflow:hidden;display:block;width:120px;} */ li.clip .clip-groups a{overflow:hidden;display:block;width:120px;} #sort-index{clear:both;float:left;width:888px;padding:0.2em 0;margin:10px 20px 10px 0;border-bottom:1px solid #004E99;} #sort-index a{text-decoration:none;} p.sortorder{float:left;} #filter-listings{float:right;} #filter-listings fieldset{padding:0;} #filter-listings label{display:none;} #filter-listings select{width:170px;border:1px solid #004E99;height:16px;font-size:11px;line-height:11px;} .hasjas #filter-listings div.submit{display:none;} #searchres{clear:both;float:none;} .clip-groups{display:block} .paging .disabled{display:none;} p.numbers{text-align:center;padding-top:1em;} p.numbers span{padding:0 5px;} p.numbers span a{font-size:14px;} p.numbers span.current{font-weight:bold;font-size:20px;} .paging{position:relative} /* .paging .prev{display:block;position:absolute;left:0;width:50px;height:85px; background:#FFF url(img/holy-sprite-v18.png) no-repeat -300px -600px; } .paging .next{display:block;position:absolute;right:0;width:50px;height:85px; background:#FFF url(img/holy-sprite-v18.png) no-repeat -350px -600px;} */ .paging .prev span, .paging .next span{display:none;} .sortorderitem a{padding:0 5px 0 18px;margin-left:10px;background:#FFF url(img/holy-sprite-v18.png) no-repeat -473px -675px;} .sortorder .sortactive a{background-position:-473px -705px} /* KIJK CLIP SINGLE ========================================================================================================== KIJK CLIP SINGLE */ #viewclip{height:340px;} #clip-actions ul#share{padding:10px 0;} #clip-actions ul#share ul{padding:10px 0;} ul#share li ul li{width:165px;height:38px;} ul#share ul li a{font-weight:bold;text-decoration:underline;display:block;padding:4px 4px 4px 24px;background:url(img/holy-sprite-v18.png) no-repeat} ul#share ul li a#share-hyves{background-position:-500px -206px} ul#share ul li a#share-twitter{background-position:-500px -244px} ul#share ul li a#share-nujij{background-position:-836px -206px} ul#share ul li a#share-facebook{background-position:-500px -282px} ul#share ul li a#share-digg{background-position:-836px -244px} ul#share ul li a#share-myspace{background-position:-672px -282px} ul#share ul li a#share-delicious{background-position:-836px -282px} span.rating{display:block;width:55px;height:9px;background:url(img/holy-sprite-v18.png) no-repeat 0 center;margin-top:2px;} span.rating span{display:none;} span.rating-0{background-position:-555px -58px;} span.rating-1{background-position:-555px -58px;} span.rating-2{background-position:-543px -58px;} span.rating-3{background-position:-543px -58px;} span.rating-4{background-position:-531px -58px;} span.rating-5{background-position:-531px -58px;} span.rating-6{background-position:-522px -58px;} span.rating-7{background-position:-522px -58px;} span.rating-8{background-position:-511px -58px;} span.rating-9{background-position:-511px -58px;} span.rating-10{background-position:-500px -58px;} /* related achtige shortlist lisjes */ /* hebben rechts wat meer ruimte */ #content #sub-content .short-list .cnt{padding-right:27px;} #sub-content .short-list h3{border-bottom:1px solid #d4e4f3;padding-bottom:4px;} #sub-content .short-list ul {border-top:1px solid #5493d0} #sub-content .short-list ul li{list-style:none;border-bottom:1px solid #5493d0;} #sub-content .short-list ul li div.clip{border-bottom:1px solid #d4e4f3;padding:8px 8px 8px 93px;overflow:hidden;min-height:66px;} #sub-content .short-list ul li div.clip a.tn{display:block;margin-left:-93px;width:74px;float:left;background:url(img/holy-sprite-v18.png) no-repeat 0 -955px;padding:5px 6px;text-align:center;} #sub-content .short-list ul li div.clip a.tn span.tn{display:block;height:56px;} #sub-content .short-list ul li div.clip a.tn img{border:1px solid #FFF;} #sub-content .short-list ul li div.clip h4{margin-top:1em;} #sub-content .short-list ul li div.clip h4 a{line-height:1em} ul.clip-meta{overflow:hidden;margin:1em 0;} ul.clip-meta li{ border-left:1px solid #014f99; padding:0 7px 0 0; margin-left:-1px; list-style:none;float:left;line-height:1em;} ul.clip-meta li span{padding-left:8px;display:block;font-weight:bold;} ul.clip-meta li span span{display:none;} ul.clip-meta li span.create-date{padding-left:1px;color:#014f99;} ul.clip-meta li.show-rating{padding-top:4px;padding-left:4px;} #clip-details form div{overflow:hidden;padding:5px 0;} #clip-details form label{width:60px;} #user-details{clear:both;float:none;} #sub-content #clip-details .cnt a.community, #sub-content #clip-details .cnt .age{font-weight:bold;} #sub-content #clip-details .cnt a.community{color:#4597cf;} #sub-content #clip-details input{border:1px solid #004e99; width:248px;margin-top:1px;} #sub-content #clip-details label{font-weight:bold;} #show-do-rating{overflow:hidden;padding-top:10px;height:20px;} #show-do-rating{position:absolute;right:0;bottom:5px;width:360px;z-index:400;overflow:hidden;} #show-do-rating div.stars{width:90px;float:right;} /* span.star{display:block;width:15px;height:15px;float:left;background:url(img/holy-sprite-v18.png) no-repeat -150px -50px;margin-right:2px;} */ .hasjas #sub-content #clip-details span.textversion{display:none;} span.star{display:block;float:left;height:15px;width:15px;padding-right:2px;background:url(img/holy-sprite-v18.png) no-repeat} span.star-on{background-position:-473px -885px;} span.star-off{background-position:-473px -945px;} div.busyvoting span.star{background-position:-473px -945px;} div.busyvoting span.active{background-position:-473px -885px;} #show-do-rating div.helper{float:left;text-align:right;width:270px;} span#help-voting{display:none;padding-right:5px;font-size:12px; line-height:15px;} span#submit-vote-warning{display:none;padding-right:5px;font-size:12px; line-height:15px;} span#submit-vote-warning a{line-height:12px;} #show-do-rating span.textversion{display:none;} #follow-up{margin-right:1em;} #clip-list-comments {border-top:1px solid #5493D0;margin:10px 1em 10px 0;width:450px;} #clip-list-comments li{list-style:none;border-bottom:1px solid #5493D0;padding:0.5em 0;width:450px;} .comment-date{color:#4b4b4b;} #mystic-related .cnt ul, #user-related .cnt ul, #user-mine .cnt ul, #user-favorites .cnt ul, #my-favorites .cnt ul{height:252px;overflow-y:scroll;} #group-related .cnt ul{height:540px;overflow-y:scroll;} .d-holy #group-related .cnt ul{height:252px;} #CommentAddForm label{width:76px;margin-top:25px;} #main-content #CommentAddForm div{width:450px;} #CommentComment_container .mceIframeContainer{border:1px solid #004f98;} #CommentComment{width:368px;} #CommentAddForm div.submit{width:450px;margin-right:1em;} h3.replies{text-align:center;padding:12px 0;border-bottom:1px solid #004F98;} h3.replies span{color:#FFF;padding:12px;background:url(img/commentcount-balletje.png) no-repeat 45% center;} ul#replies{overflow:hidden;} ul#replies, li#reply-list{width:508px;padding:0;} /* 3 clipjes = 3x136* + 100px for arrows */ li#reply-list{position:relative;} li#reply-list ul{margin:5px 50px;height:136px;overflow:hidden;} li#reply-list ul{padding:0;} li#reply-list .viewer-navigate-button span {display:none;} li#reply-list .navprev{left:0;top:20px;} li#reply-list .navnext{right:0;top:20px;background-position:-350px -600px} #replies li.header{float:none;clear:both;margin:0 50px;} #replies li.clip-reply{list-style:none;overflow:hidden;width:130px;height:130px;float:left;margin:0 3px 8px 3px} #replies li.clip-reply{width:120px;height:120px;padding:5px;background:url(img/holy-sprite-v18.png) no-repeat 0 0;overflow:hidden;} #replies li a.tn{display:block; color:#FFF;text-decoration:none;} #replies li h4 a{color:#FFF} #replies li a img{border:1px solid #FFF;} #replies li.clip-reply:hover{background:url(img/holy-sprite-v18.png) no-repeat 0 -180px;cursor:pointer;} #replies li a span.tn{display:block;height:87px;} #replies li a span.tn span{display:block;width:117px;background-color:#FFF;text-align:center;} /* USER PROFILE / MYPROFILE ========================================================================================================== USER PROFILE / MYPROFILE */ /* user my profile */ #user-profile-hello{position:relative;margin:10px 0 15px 0;background:#FFF url(img/holy-sprite-pods-v09.png) no-repeat -2140px 100%;padding:0 0 10px 0} #user-profile-hello .cnt{padding:10px 27px 0 27px;background:transparent url(img/holy-sprite-pods-v09.png) no-repeat -2140px 0;} #user-profile-hello .cnt p{color:#FFF;font-weight:bold;font-size:14px;line-height:30px;} span.holysays{display:block;position:absolute;bottom:-12px;width:21px;height:13px;background:transparent url(img/holy-sprite-v18.png) no-repeat -170px -490px} a.editbutton{float:left;margin-left:5px;display:block;height:22px;width:22px;background:#FFF url(img/holy-sprite-v18.png) no-repeat 0 -490px;} a.editbutton span{display:none;} a.trashbutton{float:left;margin-left:5px;display:block;height:22px;width:22px;background:#FFF url(img/holy-sprite-v18.png) no-repeat -30px -490px;} a.trashbutton span{display:none;} a.sendpassbutton{float:left;margin-left:5px;display:block;height:22px;width:22px;background:#FFF url(img/holy-sprite-v18.png) no-repeat 0 -414px;} a.sendpassbutton span{display:none;} a.editinfobutton{float:left;margin-left:5px;display:block;height:22px;width:22px;background:#FFF url(img/holy-sprite-v18.png) no-repeat -350px -490px;} a.editinfobutton span{display:none;} #users-myprofile .clip .actions{float:right;overflow:hiddenl} #sub-content #userview .cnt a.community, #sub-content #userview .cnt span.age{color:#4597cf;font-weight:bold;} #sub-content #userview .cnt img{float:left;margin:0 5px 0 0;} #sub-content #userview input{border:1px solid #004e99; width:226px;margin-top:1px;} #sub-content #userview label{font-weight:bold;} #userview span.imgwrap{border: 1px solid #FFF;float:left;margin:0 0.5em 0 0} #userview .userinfo{float:none;clear:both;padding:0.5em 0} #users-myprofile #view-clip .cnt .lastclip, #users-profile #view-clip .cnt .lastclip {margin-top:-1.5em;} p.lastclip{font-size:11px;position:absolute;} #users-myprofile #view-clip{position:relative;} #users-myprofile #view-clip .actions{position:absolute;top:16px;right:27px;} #NewslettersubscriptionManageForm fieldset div label{float:left} #NewslettersubscriptionManageForm .checkbox label {font-size:13px;line-height:1.5em} /* COLLECTIONS ========================================================================================================== COLLECTIONS */ #pijlers-layout #collection p{font-size:16px;line-height:23px;} #pijlers-layout .pijlers-1 h2 a{color:#da7958;font-size:16px;} #pijlers-layout .pijlers-1:hover h2 a{color:#fff;} .interactive-pijler h3 a, .interactive-pod h3 a{color:#004E99} #pijlers-layout h3 a{font-size:16px;text-decoration:none;} #pijlers-layout .interactive-pijler{width:303px;float:left;margin-right:10px;} .interactive-pijler:hover{background-color:#004E99;cursor:pointer} .interactive-pijler:hover .cms-text p{color:#FFF;} .interactive-pijler:hover h2 a{color:#FFF;} .interactive-pijler:hover h3 a{color:#FFF;} #pijlers-layout .interactive-pod:hover{background-color:#004E99;cursor:pointer} #pijlers-layout .interactive-pod:hover h3 a{color:#FFF;} #pijlers-layout .interactive-pod:hover p{color:#FFF;} #pijlers-layout span.pijlerpijl {display:block;width:303px;height:28px;background:transparent url(img/pijlerpijlen.png) no-repeat center 0;margin-top:-26px;} #pijlers-layout span.pijlerpijl-active {background-position:center -27px;} #pijlers-layout .pijlers-2 .cnt, #pijlers-layout .pijlers-3 .cnt, #pijlers-layout .pijlers-4 .cnt {padding-bottom:0;} .interactive-pijler span.imgwrap{border:4px solid #FFF;} .interactive-pijler div.imgwrapborder{-moz-border-radius:7px; -webkit-border-radius:7px; KhtmlBorderRadius:7px;border:1px solid #004f98;margin:0 -5px;width:257px;} #collection .navigation-item .cnt{overflow:hidden;} #collection .navigation-item span.image{display:block;overflow:hidden;} #collection .link-part{float:left;padding:0 1em 0 0;position:relative;} #collection .intro h3{margin-top:0;} div.newsitem{padding:1em 0;border-top:1px solid #004E98;overflow:hidden;} /* PAGES ========================================================================================================== PAGES */ #page{margin:19px auto 0;min-height:700px;} /*.holy-in-one-sentence{width:970px;}*/ #page{width:968px;border:1px solid #FFF;position:relative;background:#FFF;} #main-content #photoslide-pod{margin-top:0.5em;width:509px;border-left:1px solid #014f99;border-right:1px solid #014f99;} .hasjas ul#photo-slides li{display:none;padding:0 7px;} ul#photo-slides li{list-style:none;} ul#photo-slides li h2{margin-top:-8px;} ul#photo-slides li span.image{display:block;height:370px;} ul#photo-slides-navigation{overflow:hidden;float:none;clear:both;} ul#photo-slides-navigation li{float:left;list-style:none;} a.viewer-thumb{float:left;margin-left:8px;} div.viewer-block, div.album-viewer-block{overflow:hidden;width:511px;margin:0 -6px 0 -2px} div.viewer-block .viewer-focus,div.album-viewer-block .viewer-focus, .pod7{margin:10px 0;width:495px; -moz-border-radius:5px; -webkit-border-radius:5px; KhtmlBorderRadius:5px; border: 1px solid #004f98; padding:7px;} div.nominee-viewer{margin-bottom:10px;} div.nominee-viewer .viewer-focus{margin:0;width:auto;border:none;padding:0;} div.viewer-block .viewer-focus h3, div.album-viewer-block .viewer-focus h3{margin:0;} div.viewer-block .viewer-focus .viewbig, div.album-viewer-block .viewer-focus .viewbig{height:330px;} div.viewer-block .viewer-focus .viewbig object, div.viewer-block .viewer-focus .viewbig object{margin:0;} .nominee-main-picture{padding-right:10px;float:left;margin-top:0.5em;} div.viewer-block .tn-nav{padding:11px 50px 11px 50px;overflow:hidden;height:65px;position:relative;text-align:center;} div.viewer-block .tn-nav a.hidden{position:absolute;margin-left:-3000px;} .viewer-navigate-button{display:block;position:absolute;top:0;width:50px;height:86px; background:#FFF url(img/holy-sprite-v18.png) no-repeat -110px -952px;cursor:pointer;} .tn-nav .viewer-navigate-button span{display:none;} .viewer-navigate-index{display:none;} div.viewer-block .tn-nav .navnext{right:0;background-position:-160px -952px} div.viewer-block .tn-nav .navprev{left:0;} .viewbig span.imgwrap{border:none;} /* div.viewer-block .tn-nav .disabled{filter:alpha(opacity=30); cursor:default; -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;} */ /* album viewer */ .ab-nav .viewer-navigate-button{margin-top:5px;height:58px;width:30px;background:transparent url(img/new-viewer-arrows.png) no-repeat 0 0;} .ab-nav .viewer-navigate-button span{display:none;} .ab-nav .navnext{right:0;background-position:right 0} .ab-nav .navprev{left:0;background-position:left 0} .album-navigate{margin-top:40px;} #alb-tn-navnav { margin-top:-40px; float:left; clear:both; overflow:hidden; } #alb-tn-navnav li { float:left; list-style:none outside none; } #alb-tn-navnav li.active a{ background:url("img/holy-sprite-v18.png") no-repeat scroll 100% -650px transparent; } #alb-tn-navnav a { background:url("img/holy-sprite-v18.png") no-repeat scroll 100% -701px transparent; display:block; height:27px; padding-right:20px; text-decoration:none; } #alb-tn-navnav a span { background:url("img/holy-sprite-v18.png") no-repeat scroll 0 -701px transparent; color:#FFFFFF; display:block; height:27px; line-height:25px; padding-left:20px; } #alb-tn-navnav li.active a span{ background:url("img/holy-sprite-v18.png") no-repeat scroll 0 -649px transparent; color:#004E99; } #album-tn-nav{overflow:hidden;float:none;clear:both;position:relative;} ul.album-contents{overflow:hidden;margin:0 auto;padding:0;width:380px;} ul.album-contents li{list-style:none;float:left;} ul.album-contents li.hidden{display:none;} #main-content ul.albums{margin:0;padding:0;float:none;clear:both;overflow:hidden;} #main-content ul.albums li.album{position:relative;height:65px;width:129px;padding:10px 10px 10px 110px;float:left;margin:0 8px 8px 0;list-style:none;} #main-content ul.albums li.album a.albumthumb{position:absolute;left:7px;top:7px;margin:0;} #main-content ul.albums li.album h3{margin:0;} #main-content ul.albums li.album:hover, #main-content ul.albums li.album.active{background: #004F98 url(img/active_album_bg.png) repeat-x;cursor:pointer} #main-content ul.albums li.album:hover a, #main-content ul.albums li.album.active a, #main-content ul.albums li.album:hover p, #main-content ul.albums li.album.active p, #main-content ul.albums li.album:hover h3, #main-content ul.albums li.album.active h3 {color:#FFF;} #main-content ul.albums li.even{margin-right:0;} ul.albums li.album div.main-text{display:none;} ul.albums li.album ul.album-videos{display:none;} ul.albums li.album ul.album-fotos{display:none;} /* PAGE AND OTHER CONTENT NAVIGATION ========================================================================================================== PAGE AND OTHER CONTENT NAVIGATION */ #sub-content .navigation-item{width:367px;height:92px;margin:0 0 10px 0} #sub-content .navigation-item .cnt{padding:14px 10px 4px 22px;height:74px;} #sub-content .navigation-item .cnt{background:transparent url(img/201006-nav-pod-bg.png) no-repeat;} #sub-content .navigation-item:hover .cnt{background:transparent url(img/201006-nav-pod-hover-bg.png) no-repeat;cursor:pointer} #content #sub-content .navitem-active .cnt{background:transparent url(img/201006-nav-pod-active-bg.png) no-repeat;} #page #content #sub-content .contactform{background:transparent url(img/contact-pod-bg.png) no-repeat;} .intro .cms-text h2{margin:0} .navigation-item .cms-text h2{margin:0;} #sub-content .navigation-item{position:relative; background-repeat:no-repeat; background-position:7px 39px} #sub-content .navigation-item h3{padding:3px 5px;} #sub-content .interactive-pod h3 a{color:#004E99;text-decoration:none;font-size:16px;} /* #sub-content .interactive-pod:hover h3 a{color:#FFF;} */ #sub-content .navigation-item span.navimage{} /* #sub-content .navigation-item div.navintro-contactform{background:url(img/navimagebg.png);} */ /* #page #sub-content .navitem-active div.navintro-contactform{background:url(img/navimagebg.png);} */ #sub-content .navigation-item div.navintro-contactform p{color:#FFF;padding:4px 5px;line-height:14px;} /* extra selector contra de :hover */ #page #sub-content .navitem-active { background-color:#FFF; border-color:#F04A23; } #page #sub-content .navitem-active h3 a{color:#F04A23;} /* ??? ========================================================================================================== ??? */ #sub-content .actions ul li{overflow:hidden;padding:5px 0;float:none;clear:both;} #sub-content h3, #sub-content h3 a{color:#5ea933;} #top-lists h4 a{font-size:12px;} h1 strong, h2 strong, h3 strong, a.community{color:#f04a23} span.imgwrap{display:block;-moz-border-radius:7px; -webkit-border-radius:7px; KhtmlBorderRadius:7px; border: 1px solid #004f98;overflow:hidden;max-width:100%;} #sub-content span.imgwrap{max-width:324px;} .tn-nav span.imgwrap{margin-top:1px;} .tn-nav .tn_current span.imgwrap{border: 2px solid #F04A23;margin-top:0;} #navvideos li a, .album-contents li, .album-contents li a{width:83px;display:block;margin-right:2px;} .opencomms li, .workshops li{list-style:none;margin:1em 1em 1em 0} /* MANAGERS AREA ========================================================================================================== MANAGERS AREA */ .beheerders-form form{padding-bottom:300px;} input.varchartext{ border:1px solid #004E99; padding-left:3px; width:210px; padding-top:2px; height:70px; line-height:14px; } span.manage-text{display:block;overflow:hidden;clear:both;float:none;} span.manage-text span.start-editor{margin-right:25px;cursor:pointer;float:right;} span.start-editor{ background:#FFFFFF url(img/holy-sprite-v18.png) no-repeat scroll -350px -490px; display:block; height:22px; width:22px; } span.start-editor span{display:none;} /* Reset */ .defaultSimpleSkin table, .defaultSimpleSkin tbody, .defaultSimpleSkin a, .defaultSimpleSkin img, .defaultSimpleSkin tr, .defaultSimpleSkin div, .defaultSimpleSkin td, .defaultSimpleSkin iframe, .defaultSimpleSkin span, .defaultSimpleSkin * {border:0; margin:0; padding:0; background:transparent; white-space:nowrap; text-decoration:none; font-weight:normal; cursor:default; color:#000} /* Containers */ .defaultSimpleSkin {position:relative} .defaultSimpleSkin table.mceLayout {background:#F0F0EE; border:1px solid #CCC;} .defaultSimpleSkin iframe {display:block; background:#FFF; border-bottom:1px solid #CCC;} .defaultSimpleSkin .mceToolbar {height:24px;} /* Layout */ .defaultSimpleSkin span.mceIcon, .defaultSimpleSkin img.mceIcon {display:block; width:20px; height:20px} .defaultSimpleSkin .mceIcon {background:url(img/mce-icons.gif) no-repeat 20px 20px} /* Button */ .defaultSimpleSkin .mceButton {display:block; border:1px solid #F0F0EE; width:20px; height:20px} .defaultSimpleSkin a.mceButtonEnabled:hover {border:1px solid #0A246A; background-color:#B2BBD0} .defaultSimpleSkin a.mceButtonActive {border:1px solid #0A246A; background-color:#C2CBE0} .defaultSimpleSkin .mceButtonDisabled span {opacity:0.3; -ms-filter:'alpha(opacity=30)'; filter:alpha(opacity=30)} /* Theme */ .defaultSimpleSkin span.mce_bold {background-position:0 0} .defaultSimpleSkin span.mce_italic {background-position:-60px 0} .defaultSimpleSkin span.mce_underline {background-position:-140px 0} /* ADMIN AREA ========================================================================================================== ADMIN AREA */ .editable form{padding:20px;} .editable label{float:none;clear:both;display:block;} table{width:100%} .admin-area table td, .admin-area table th{border-bottom:1px solid #004E99; padding:5px;} th{text-align:left;} .admin-area label{float:none;} .admin-area form div{float:left;width:800px;clear:both;padding:0px;} .admin-area form div{float:none;clear:both;} .admin-area form div input{height:auto;font-size:16px;padding:5px;width:350px;} .admin-area form div input.text{width:500px;} .admin-area form div textarea{height:300px;width:500px;font-size:13px;padding:5px;} .admin-area form div select{height:auto;width:500px;font-size:13px;padding:5px;} .admin-area .filter{border:3px solid #004E99;margin:2.5em 0;padding:0.1em 1em;} .admin-area .issue-id{font-size:24px;color:#F04A23;} #domain-manager-tools select{height:auto} #domain-manager-tools div.actions{overflow:hidden;clear:both;float:none;} #domain-manager-tools div.actions div.submit{float:left;width:auto;clear:none;} #holyDomWindowContent label{float:none;clear:both;} #holyDomWindowContent .admin-area form div{width:550px;} #hpclipcontainer .clip-details .cnt{overflow:hidden;} #page #authenticatiecode{padding:0;width:400px;margin-left:20px;display:none;position:absolute;margin-top:-160px;z-index:8000;} #page #authenticatiecode .cnt{ padding:4px 10px 14px 26px; } #page #authenticatiecode h3 { margin:-26px 0 0 30px; float:left; background:transparent url(img/holy-sprite-v18.png) no-repeat scroll 100% -650px; display:block; height:27px; padding-right:20px; text-decoration:none; cursor:pointer; } #page #authenticatiecode h3 span { display:block; height:27px; line-height:25px; padding-left:20px; background:url(img/holy-sprite-v18.png) no-repeat scroll 0 -649px transparent; color:#004E99; } div.halfcolumn{padding:20px;width:40%;float:left;} .toolbox{background-color:#C5DFF0;padding:0;margin:14px 0;width:555px;} .toolbox .cnt{padding:14px;} .toolbox .cnt h3, .toolbox .cnt h2{color:#004F98;} .toolbox .cnt form{margin:0 0 20px 0;} .toolbox .cnt .submit{text-align:right;} .toolbox .cnt .submit input{padding:5px 15px;} /* ISSUE LIST ========================================================================================================== ISSUE LIST */ td strong, td a{color:#f04a23;} tr.Klaarvoortest td{background-color:#6CAF60} tr.Opgelostengetest td{background-color:#B8D7EB} tr.Ongewenst td{background-color:#EFA695;} tr.Latereuitbreiding td{background-color:#999999;color:#333;} .admin-area .paging{padding:10px;text-align:center;} .admin-area .paging span a{padding:10px;font-size:30px;} a.adminbutton{display:block;height:24px;background:url(img/adminbutton.png) no-repeat 100% 0;padding-right:30px;float:right;text-decoration:none;} a.adminbutton span{display:block;height:24px;background:url(img/adminbutton.png) no-repeat 0 0;padding-left:10px;line-height:24px;color:#FFF;font-weight:bold;font-size:13px;float:left;margin:0;} div.viewer-media ul{padding:10px 0;} div.viewer-media li{padding:10px;margin:5px 0;overflow:hidden;border-top:1px dotted #004E99} div.viewer-media li img{float:left; margin-right:10px;} div.viewer-media li div.actions{float:right;} #clipwarning{width:320px;height:400px;} #clipwarning div.radio, #clipwarning div.textarea{overflow:hidden;} #content div#spiralplayer{margin:0 10px;background:url(img/spiralplayer-background.png) no-repeat;padding:13px 1px;} body#clips-create #content{padding:0 0 10px 10px} div.album-viewer-block div.viewer-focus{margin-top:40px;} #signposts-currentalbum{ clear:both; float:left; margin:0; margin-top:-33px; overflow:hidden; padding:0; height:27px; padding-right:20px; background:url(img/holy-sprite-v18.png) no-repeat scroll 100% -650px transparent;} #signposts-currentalbum .cntw{ background:url(img/holy-sprite-v18.png) no-repeat scroll 0 -649px transparent; color:#004E99; display:block; height:27px; line-height:25px; padding-left:20px;} p#search-list-links{float:right;text-align:right;} #search-list-links span.spiral-link{display:block;position:relative;margin:-44px 0;} p.workspace-switcher{text-align:right;padding-right:20px;} a#toggleworkingspace{cursor:pointer;} a#toggleworkingspace:hover{text-decoration:underline;}