/* ============================================================================= PREMIUMPRESS STYLES // DEVELOPED BY MARK FAIL ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; } :focus {outline: 0;} body { background: #fff; font: 400 12px/19px Arial, sans-serif; } ol, ul { list-style: none;} table {border-collapse: separate; border-spacing: 0;} caption, th, td {font-weight: normal;text-align: left;} blockquote:before, blockquote:after, q:before, q:after { content: "";} blockquote, q { quotes: "" "";} a img { border: 0;} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;} * { margin: 0; padding: 0; outline: 0; } .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; display: block; clear:both; } * html .clearfix { height: 1%; } .cleanme { margin:0px !important; padding:0px !important; background:none !important; filter:none !important; border:0px !important; box-shadow:none !important; text-transform:none !important; } /* ============================================================================= LAYOUT STYLES // V5 - V7 // ========================================================================== */ .w_960 { width: 960px; } .b_half_col { width: 460px; } .b_third_col { } .b_fourth_col { width: 225px; } .m_half_col { width: 380px; } .full { width: 100%; } .fill { display: block !important;} .col { float: left; margin: 0 10px; display: inline; } .wrapper { margin: 0 auto; } .box { margin: 0 0 10px; } .first_col { /* The first left component*/margin-left: 0; } .last_col { /* The last right component*/margin-right: 0; } .f1 { width: 25%; } .f3 { width: 33%; } .f_half { width: 50%; } .f2 { width: 67%; } .f4 { width: 75%;} /* ============================================================================= FLOAT CONTENT // V5 - V7 // ========================================================================== */ .floatl,.left { float:left; } .floatr,.right { float:right; } /* ============================================================================= CONTENT SPACING // V5 - V7 // ========================================================================== */ .left { display: inline; float: left !important; } .gut, .push { margin-right: 20px; } .inner { padding: 20px; } .outer { margin: 20px; } .prepend { padding-left: 20px; } .append { padding-right: 20px; } .pull { margin-left: 20px; } .topper { margin-top: 10px; } .padding { padding: 15px; } .padding5 { padding: 10px; } .padding10 { padding: 10px; } .padding20 { padding: 20px; } .paddingNoTop { padding-top:0px; } .nopadding { padding:0px !important; } pre, xmp {border: solid 1px #222;padding:15px; background: #000; color:#fff;} .marginTop { margin-top:10px !important; } .marginBottom { margin-bottom:10px; } .marginLeft { margin-left:10px; } .marginRight { margin-right:10px; } #header #banner { padding-top:5px; } /* ============================================================================= DEFAULT COLUMN SPACING // V7 ========================================================================== */ .middle2cols { width:670px; margin-left:10px; } .right2cols { margin-left:10px; margin-right:0px; width: 260px; } .left2cols { margin-left:10px; margin-right:0px; width: 260px; } .left3cols{ width:200px; margin-left:5px; } .middle3cols { width:540px; margin-left:5px; } .right3cols { width:200px; margin-left:5px; } #footer .middle2cols { width:630px; margin-left:10px; } #footer .right2cols { margin-left:10px; margin-right:0px; width: 300px; } #footer .left2cols { margin-left:10px; margin-right:0px; width: 300px; } #footer .left3cols{ width: 300px; margin-left:15px; } #footer .middle3cols { width: 300px; margin-left:15px; } #footer .right3cols { width: 300px; margin-left:15px; } .right2cols, .middle2cols, .left2cols, .right3cols, .middle3cols,.left3cols { margin-top:10px; } .middle3cols #gradient-style td { padding:11px !important; } #header .w_960, #submenubar .w_960,#page .w_960,#footer .w_960, #menubar .w_960 { margin:auto auto; display:block; } /* ============================================================================= TYPOGRAPHY // V7 ========================================================================== */ h1, h2, h3, h4, h5, h6 { padding: 5px 0; margin: 5px 0; color: #ccc; } h1 { font-size: 32px; line-height: 32px; letter-spacing: -1px; } h2 { font-size: 26px; line-height: 32px; letter-spacing: -1px; } h3 { font-size: 20px; line-height: 28px; letter-spacing: -1px; } h4 { font-size: 18px; line-height: 24px; } h5 { font-size: 14px; line-height: 20px; } h6 { font-size: 10px; line-height: 14px; } p { font-size: 12px;line-height: 20px; margin-bottom:10px; } small { font-size: 9px; line-height: 12px; } hr { border: none; border-top: 1px solid #DDD; margin: 10px 0px;} a { text-decoration: none; } a:hover { cursor: pointer; text-decoration: none; } a img { border: 0; } /* ============================================================================= IMAGE STYLES // V7 ========================================================================== */ .alignleft { float: left; margin: 0 15px 5px 0; display: inline; } .alignright { float: right; margin: 0 0 5px 15px; display: inline; } .aligncenter, .aligncenter img { display: block; margin: 0 auto; } .frame, .stwpvp {background: #fff; border: 1px solid #dddddd; border-top: 1px solid #eeeeee; display: inline-block; padding: 4px; font-size: 0px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .frame > img, .stwpvp > img { max-width: 100%; max-height: 110px; display:block; margin-left:auto; margin-right:auto; } a > .frame:hover, a.frame:hover, a > .stwpvp:hover { background: #ffffff; border: 1px solid #999;} .pptphoto { padding:1px; border:1px solid #ddd; max-width:230px; max-height:130px } #authorphoto img { float:right; max-width:80px; max-height:80px; } .attachment { float: left; margin: 5px 15px 19px 5px; border: 6px solid white; position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; max-height: 180px;max-width: 180px;padding:0px;margin-left:10px; margin-top:20px; } .middle3cols .attachment { max-width:135px; max-height:135px; } /* ============================================================================= Wordpress Default Post Styles ========================================================================== */ .entry p {text-align: left; line-height:24px;} .entry a { text-decoration:underline; } .entry ul { margin-left:20px; padding-bottom:5px; list-style:disc; } .entry ol { margin-left:20px; padding-bottom:5px; list-style-type:decimal; } .entry .full p { margin-bottom:0px; } .entry strong { font-weight: bold;} .entry cite, em, i { font-style: italic; border:none;} .entry big { font-size: 131.25%;} .entry blockquote { font-style: italic; padding: 0 3em; margin-left: 0; margin-right: 0;} /* ============================================================================= COLORED BOXES // 16th March ========================================================================== */ .gray_box { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #bbb; margin-bottom: 20px;} .gray_box_content h3 { padding:0px; margin:0px; color:#444; margin-top:-5px;} .gray_box_content { border: 1px solid #fff; padding:10px; } .gray_box { background: #EAEAEA; color: #838383; border-color: #C1C1C1; } .blue_box { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #bbb; margin-bottom: 20px;} .blue_box_content h3 { margin-bottom: 0px;} .blue_box_content { border: 1px solid #fff; padding:10px;} .blue_box { background: #D7E7F5; color: #5E6984; border-color: #AACEE6;} .green_box { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #bbb; margin-bottom: 20px;} .green_box_content h3 { padding:0px; margin:0px; color:#006600; margin-top:-5px; } .green_box_content { border: 1px solid #fff; padding:10px;} .green_box { background: #E2F2CE; color: #466840; border-color: #BFE098;} .yellow_box { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #bbb; margin-bottom: 20px; } .yellow_box_content h3 { margin-bottom: 0px; color:#ebc203; } .yellow_box_content { border: 1px solid #fff; padding:10px;} .yellow_box { background: #FFF9CC; color: #736B4C; border-color: #FFDB4F;} .red_box { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #bbb; margin-bottom: 20px;} .red_box_content h3 { margin-bottom: 0px;} .red_box_content { border: 1px solid #fff; padding:10px;} .red_box { background: #FDE9EA; color: #A14A40; border-color: #FDCED0;} .calloutbox { background: #eeeeee url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/begin-bg.png) repeat-x top; border: 1px solid #dddddd; border-top: 1px solid #eeeeee; padding: 20px; margin-bottom: 20px; font-size: 0px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* ============================================================================= BREADCRUMBS // SITE PATH // 16th March ========================================================================== */ .path { margin-top: -5px; line-height: 10px;} .path a, .path { font-size: 10px; line-height: 10px; color: #888888; font-weight: normal;} .path .current { font-size:11px; font-weight: bold; } .path a:hover { text-decoration: underline;} .path li { margin-bottom: 5px; display: inline-block;} .path li:after {font-size: 10px; color: #888888; content: ' / ';} /* ============================================================================= BLOCKQUOTES // 16th March ========================================================================== */ blockquote {font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px;color:#444; line-height: 21px; padding: 10px 20px 10px 63px;} blockquote p {margin-bottom:10px;} blockquote.start {background:url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/quote.png);background-repeat: no-repeat;background-position:0% 0%;background-attachment: scroll; background-color: transparent;} blockquote cite {color: #444;font-size: 12px;} blockquote p.end-quote {background-repeat: no-repeat;background-position: 100% 100%;background-attachment: scroll;background-color: transparent;padding: 0 65px 20px 0;background:url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/quote_end.png) no-repeat bottom right;} /* ============================================================================= Form Styles ========================================================================== */ input, select, textarea { padding: 5px; border: 1px solid #999; ; border: 1px solid #D2D4D4; border-top: 1px solid #A5A6A6; -moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; background:#fff url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/admin/new/inputbg.png) repeat-x top; } fieldset { border: 0; } label { font-weight: bold; font-size:13px; display:block; padding-bottom:9px; } .short { width: 90%; } select.short { width: 95%; } .long { width: 95%; } .checkbox, .radio { vertical-align: middle; padding: 0; margin-right: 10px; } .required { color: red; } legend { font-style: italic; padding-bottom: 10px; } form p { padding: 8px 0; margin-bottom:0px; } #bbpress-forums form p { padding:0px; } input.submit { background-color: #666; color: #fff; cursor: pointer; padding: 8px 14px; font-size: 14px; } label { vertical-align:top; } input:focus,select:focus, textarea:focus { outline:1px dotted #aaa; background:#fff; } /* ============================================================================= Notification Box Styles ========================================================================== */ .notification {border: 1px solid;border-bottom-width: 2px;color: #4f4f4f;display: block;font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;font-size: 11px;line-height: 19px;margin-bottom: 10px; overflow: hidden;position: relative;-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.15), 0px 0px 2px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.15), 0px 0px 2px rgba(0,0,0,0.05);box-shadow: 0px 1px 2px rgba(0,0,0,0.15), 0px 0px 2px rgba(0,0,0,0.05); -moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; } .notification p {padding: 16px 16px 16px 42px;text-shadow: 0px 1px 0px rgba(255,255,255,0.65); margin-bottom:0px; } .notification p strong {color: #303030;font-weight: bold;} .notification.success {background-color: #dde6ba;border-color: #d0e289 #c6d881 #b8cb71;background: -moz-linear-gradient(top,#fff,#e6efc2 2%,#d9e2b7);background: -webkit-gradient(linear, left top, left bottom,from(#fff),color-stop(0.02, #e6efc2),to(#d9e2b7));background: linear-gradient(top,#fff,#e6efc2 2%,#d9e2b7); filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#e6efc2',EndColorStr='#d9e2b7');} .notification.success p {background: transparent url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/tick.png) no-repeat scroll 14px 17px;} .notification.success p strong {color: #417800;} .notification.error {background-color: #f6dbd6;border-color: #f7d5d6 #f1c8ca #f2b5b8;background: -moz-linear-gradient(top,#fff,#fbe2e3 2%,#eeccce); background: -webkit-gradient(linear, left top, left bottom,from(#fff),color-stop(0.02, #fbe2e3),to(#eeccce)); background: linear-gradient(top,#fff,#fbe2e3 2%,#eeccce); filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#fbe2e3',EndColorStr='#eeccce');} .notification.error p {background: transparent url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/cross.png) no-repeat scroll 14px 17px;} .notification.error p strong {color: #d43c41;} .notification.warning {background-color: #f9f9b4;border-color: #f7dc72 #f4d96c #eace61; background: -moz-linear-gradient(top,#fff,#ffffb9 2%,#f0efae); background: -webkit-gradient(linear, left top, left bottom,from(#fff),color-stop(0.02, #ffffb9),to(#f0efae)); background: linear-gradient(top,#fff,#ffffb9 2%,#f0efae); filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffb9',EndColorStr='#f0efae');} .notification.warning p {background: transparent url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/exclamation.png) no-repeat scroll 14px 17px;} .notification.warning p strong {color: #777909;} .notification.tip {background-color: #dceffa;border-color: #b8e1fd #a6d4f4 #9ed1f5;background: -moz-linear-gradient(top,#fff,#e0f4ff 2%,#d4e6f0); background: -webkit-gradient(linear, left top, left bottom,from(#fff),color-stop(0.02, #e0f4ff),to(#d4e6f0)); background: linear-gradient(top,#fff,#e0f4ff 2%,#d4e6f0); filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#e0f4ff',EndColorStr='#d4e6f0');} .notification.tip p strong {color: #0068a4;} .notification.tip p {background: transparent url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/tip.png) no-repeat scroll 14px 17px;} .notification.neutral {background-color: #f0f0f0;border-color: #e4e4e4 #d9d9d9 #cbcbcb; background: -moz-linear-gradient(top,#fff,#f0f0f0 2%,#e4e4e4); background: -webkit-gradient(linear, left top, left bottom,from(#fff),color-stop(0.02, #f0f0f0),to(#e4e4e4)); background: linear-gradient(top,#fff,#f0f0f0 2%,#e4e4e4); filter: PROGID:DXImageTransform.Microsoft.Gradient(StartColorStr='#f0f0f0',EndColorStr='#e4e4e4');} .notification.neutral p strong {color: #303030;} .notification.neutral p {background: transparent url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/neutral.png) no-repeat scroll 14px 17px;} /* ============================================================================= drop down box on _gallerypage.php ========================================================================== */ .dropui{display: -moz-inline-stack; display: inline-block; zoom: .99; *display: inline;position: relative;z-index: 1; float:right; } .dropui:hover { z-index: 10000 !important; } *:first-child+html .dropui:hover { zoom: 1 !important; } .dropui .dropui-tab{background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/button-gradient.png) repeat-x right -400px;font-weight: bold;color: #222;text-decoration: none;line-height: 0;display: block;padding: 15px 35px 15px 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;position: relative;z-index: 2;} .dropui:hover .dropui-tab{background-position: right -100px;background-color: #AAA;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-bottomright: 0;-moz-border-radius-bottomleft: 0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .dropui .dropui-content { background: #FFF;width: 150px;display: none; -webkit-border-radius: 4px;-webkit-border-top-left-radius: 0;-moz-border-radius: 4px;-moz-border-radius-topleft: 0;border-radius: 4px;border-top-left-radius: 0;padding: 15px 10px 15px;position: absolute;top: 100%;left: 0;border: 3px solid #aaa;-moz-box-shadow: 1px 1px 3px rgba(0,0,0,.5);text-align: left;color: #222;font-size: 10px;z-index: 100;} .dropui:hover .dropui-content { display: block; border-color: #aaa; } /* Utility Classes */ .dropui-small .dropui-content { width: 175px; } .dropui-medium .dropui-content { width: 350px; } .dropui-large .dropui-content { width: 525px; } .dropui-left .dropui-content { left: 0; } .dropui-right .dropui-content { left: auto; right: 0; } .dropui-right .dropui-content { -webkit-border-radius: 4px;-webkit-border-top-right-radius: 0;-moz-border-radius: 4px;-moz-border-radius-topright: 0;border-radius: 4px;border-top-right-radius: 0;} .dropui-grey .dropui-tab { background-color: #efefef; border: 1px solid #ddd; background-position: right top; color: #444; } .dropui-grey:hover .dropui-tab { background-color: #ddd; } .dropui-grey:hover .dropui-content { border-color: #ddd; } .dropui-grey.dropui-menu .dropui-content { background-color: #ddd; } /* Icon Only Styles */ .dropui-icon .dropui-tab { background-position: right top; padding-left: 13px; padding-right: 16px; width: 1px; text-indent: -9999px; } *:first-child+html .dropui-icon .dropui-tab { float: left; } @media screen and (-webkit-min-device-pixel-ratio:0) { .dropui-icon .dropui-tab { padding-top: 18px; padding-left: 15px; } } /* Drop Menu Styling */ .dropui-menu .dropui-content { background: #aaa; padding: 10px 5px 5px; } .dropui-menu ul { list-style-type: none; } .dropui-menu li { margin-bottom: .5em; } .dropui-menu li a{background: #F1F1F1 url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/link-menu-arrow.png) no-repeat 4px 50%;display: block;padding: 5px 10px 5px 28px;color: #444;text-decoration: none;font-weight: bold;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .dropui-menu li a:hover { background-color: #fff; } #subcategories ul li { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/subfolder.png) no-repeat 15px 16px; float:left; padding-bottom:10px; padding-top:10px; } #subcategories ul li a{ display: block;padding: 5px 0;line-height: 17px;padding-left: 38px;text-decoration: none; } #PPTGalleryPage #subcategories ul li { padding-top:0px; padding-bottom:0px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/checkbox.png) no-repeat 10px 7px; margin-top:5px; margin-bottom:5px; } #PPTGalleryPage #subcategories ul li a { padding-left:10px; } .galcaticon { float:left; max-width:40px; max-height:40px; margin-left:10px; margin-top:7px; margin-right:10px; } /* ============================================================================= submenu styles ========================================================================== */ #submenubar { height:45px; background:#efefef; } #submenubar #catsearch, #submenubar #s { float: left; margin-right: 6px; } #submenubar #s { width:150px; } ul.submenu { margin-left:20px; } ul.submenu li { float:left; list-style:none; font-size:12px; margin-right:20px; margin-top:10px; } ul.submenu li a { color: #333333; text-decoration:underline; } ul.submenu_account li { float:right; list-style:none; font-size:16px; margin-right:20px; margin-top:15px; } ul.submenu_account li a { color: #333333; } /* ============================================================================= top pages menu ========================================================================== */ #submenubar #hpages ul { width:600px !important; float:left; margin-top:15px; margin-left:20px !important; } #submenubar #hpages ul li { float: left; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; font-size:16px; } #submenubar #hpages ul li.last { padding-right: 0; margin-right: 0; border-right: none; } #submenubar #hpages ul li a { text-decoration: none; } #submenubar #hpages ul ul { margin-top:0px; margin-left:0px !important; } #submenubar #hpages ul ul li { float:none; margin:none; border-right:0px; } /* ============================================================================= _tpl_add.php submission steps ========================================================================== */ #steptable { margin-bottom:20px; } #steptable .w13 {width: 33%; } #steptable div.steps {background: #eee;margin:0px 2px 0 0;padding:8px 10px;color: #999;} #steptable div.stepped {background: #666;color: #fff; margin-top:0px;} #steptable div.steps h4 {margin-bottom: 0;} #steptable div.triangle {border-left:12px solid #fff;border-right:12px solid #fff;border-top:12px solid #666;clear:both;height:0;line-height:0;width:1px;margin-left: 10px;} #steptable .radius {border-radius: 8px;} #steptable .radius-left {border-radius: 8px 0 0 8px;} #steptable .radius-right {border-radius: 0 8px 8px 0;} #steptable .full {width: 100%;} #registerform .f_half, #SUBMITFORM .f_half { min-height:60px; } #registerform .full, #SUBMITFORM .full { border-bottom: 1px solid #DDD; } #registerform label, #SUBMITFORM label { font-size:16px; color:#666; font-weight:normal; padding-bottom:9px; } #registerform .tooltip, #SUBMITFORM .tooltip { display:block; float:right; margin-right:5px; width:17px; height:17px; background:url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/tip.png) no-repeat; padding-right:10px; } #tooltip { z-index:100; position:absolute; display:none; padding:10px; color:#fff; text-shadow:1px 1px 1px #333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:12px; line-height:17px; background:#666; box-shadow:-1px 1px 1px #e8e8e8; -moz-box-shadow:-1px 1px 1px #e8e8e8; -webkit-box-shadow:-1px 1px 1px #e8e8e8;} #tooltip em { position:absolute; bottom: -6px; left:50%; margin-left:-6px; background:url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/tooltip_em.png); display:block; width:12px; height:6px; } #registerform h4, #SUBMITFORM h4 { font-size:20px; line-height:33px;border-bottom:1px solid #ddd; padding-bottom:6px;} #registerform h4 span, #SUBMITFORM h4 span { display:block; float:left; width:10px; padding:0 10px; height:33px; background:url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/h4_span.png) no-repeat center; color:#fff; font-size:16px; font-weight:bold; margin-right:10px; text-shadow:1px 1px 0 #d6ed94;} .shortcheckedwrap { float: left;margin-right: 20px;min-width: 140px; font-size:11px; } /* step 3 */ .ConfirmList { list-style:none; margin-top:20px; } .ConfirmList li { line-height:25px; font-size:16px; } .ConfirmList div { width:200px; float:left; font-weight:bold; } /* upload form v7*/ #pptupload { } .pptdarkbg{ background:#ddd !important;} #pptstatus{ font-family:Arial; padding:5px;} ul#pptfiles{ list-style:none; padding:0; margin:0; margin-bottom:30px; margin-top:20px; } ul#pptfiles li{ width:90%; min-height:70px; text-align:center; margin-left:20px; } ul#pptfiles li img{ float:left;border: 8px solid white; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;max-height: 50px;max-width: 60px;padding: 0px; } ul#pptfiles li span { float:right; font-size:16px; text-shadow:0px 1px #fff;margin-top: 20px; margin-right:30px; } #pptfiles .error{ background:#f0c6c3; border:1px solid #cc6622; height:25px; } #pptfiles .yellow_box { margin-bottom:10px; } /* edit images form v7 */ .PhotoSwitcher1 { margin-top:20px; margin-bottom:40px; } .PhotoSwitcher1 ul { list-style-type:none; margin:0px 0 0 0; padding:0; } .PhotoSwitcher1 ul li { float:left; margin: 0 0 0 0px; height:175px; width:130px; } .PhotoSwitcher1 ul li.First { margin:0; } .PhotoSwitcher1 ul li a { display:block; } .PhotoSwitcher1 ul li img { max-width:100px; max-height: 100px; border:1px solid #333; } .editimg { display:block; margin:auto auto; } .PhotoSwitcher1 ul li .button gray { margin-left:10px; } /* date picker */ #SUBMITFORM .date-pick { float:left; } a.dp-choose-date {float: left;width: 16px;height: 16px;padding: 0;margin: 6px 3px 0;display: block;text-indent: -2000px;overflow: hidden;background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/calendar.png) no-repeat; margin-left:-30px; z-index:1000; } a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;} #description_display p { margin:0xp; padding:0px; } #description_display h1, #description_display h2 { background:none; padding:2px; filter:none; border:0px; } #map-loglat_display { display:none; } /*edito styles*/ #SUBMITFORM .wp-editor-tools { display:none; } /* ============================================================================= END ITEM BOX // V7 ========================================================================== */ .enditembox { overflow: hidden; background: #e8e8e8 url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/end-bg.png) repeat-x top; border-top: 1px solid #e0e0e0; -webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;} .enditembox p { color: #888888; margin: 0px; text-shadow: 0px 1px #ffffff;} .enditembox span { color: #888888; text-shadow: 0px 1px #ffffff; line-height: 24px;} /* ============================================================================= _tpl_contact.php / _tpl_articles.php column layouts ========================================================================== */ .FAQ_Content { width: 100%; overflow:hidden; } .FAQ_Content .item { margin:0px; padding-left: 0px !important; } .FAQ_Content .item h2 { font-weight: bold; letter-spacing: -0.4px; } /* background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/headingBg.jpg) repeat-x center bottom; */ .FAQ_Content li{list-style:none;} .FAQ_Content .categories .categoryItem { width: 200px; float: left; margin: 15px 0px 15px 0px; } .FAQ_Content .categories .space { margin: 15px 20px 0px 20px; } .FAQ_Content .categories .categoryItem a { font-size: 14px; font-weight: bold; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/folderIcon.jpg) no-repeat center left; letter-spacing: -0.5px; text-decoration: none; padding-left: 23px; } .FAQ_Content .categories .categoryItem p { font-size: 11px; line-height: 15px; margin-top: 4px; } .FAQ_Content .categories .clear { border-top: solid 1px #ededed; visibility: visible; } .FAQ_Content .featured, .FAQ_Content .latest-half { width: 315px; float: left; margin: 0px 0px 0px 0px; } .FAQ_Content .featured { margin-right:30px; } .FAQ_Content .item ul { margin-top: 15px; } .FAQ_Content .featured li, .FAQ_Content .latest-half li, .FAQ_Content .latest-full li { padding: 0px 0px 10px 23px; } .FAQ_Content .featured li a, .FAQ_Content .latest-half li a, .FAQ_Content .latest-full li a { font-size: 11px; text-decoration: none; } .FAQ_Content .featured li a strong, .FAQ_Content .latest-half li a strong, .FAQ_Content .latest-full li a strong { font-size: 15px; font-weight: bold; display: block; } .FAQ_Content .featured li { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/featuredIcon.jpg) no-repeat top left; } .FAQ_Content .latest-half li, .FAQ_Content .latest-full li { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/articleIcon.jpg) no-repeat top left; } .FAQ_Content .latest-full li { width: 275px; float: left; } .FAQ_Content .latest-full li.margin { margin-left: 30px; } .FAQ_Content .tags h2 { margin-bottom: 10px; } .FAQ_Content .tags a { text-decoration: none; color: #444444; } .FAQ_Content .tags a:hover { color: #777777; } #FAQSTYLE .categories .categoryItem a { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/help.png) no-repeat top left; } .article > .date_box { float: right; width: 50px; height: 60px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/datebox-bg.png) no-repeat; text-align: center;} .article > .date_box > .day { display: block; font-size: 30px; font-weight: bold; line-height: 40px; color: #ffffff;} .article > .date_box > .month { display: block; font-size: 14px; font-weight: bold; color: #aaaaaa; text-transform:uppercase; } .article > .info a { color: #888888; font-weight: normal !important;} .article > .info a:hover { color: #ccc;} .article > .info > li { display: inline; margin-right: 20px;} .article > .info .tags, .info .tags li { display: inline;} .article > .info .tags li:not(:last-child):after { content: ', ';} /* ============================================================================= _tpl_articles.php ========================================================================== */ .FAQ_Content .categories .categoryItem { width:200px; } .middle3cols .FAQ_Content .categoryItem { width:157px !important; } .middle3cols .FAQ_Content .featured {width: 240px !important;} .middle2cols .FAQ_Content .featured {width: 300px !important;} .middle3cols .FAQ_Content .latest-half {width: 240px !important;} .middle2cols .FAQ_Content .latest-half {width: 300px !important;} .widget { padding:0px !important; } /* ============================================================================= V7 // TABS // 16th March ========================================================================== */ #begin { background: #EEE url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/begin-bg.png) repeat-x top; border: 1px solid rgba(238, 238, 238, 0); border-bottom: 1px solid #DDD; } #begin h3 { font-size:25px; margin-top:-10px; color:#666; } #begin h1 { background:none !important; filter:none !important; border:0px !important; box-shadow:none !important; } .tabs { list-style: none; height: 32px; border-bottom: 1px solid #e0e0e0; width: 100%;} .page_tabs { list-style: none; height: 32px; width: 100%; margin-top: 10px; margin-bottom: -20px; border-bottom: none;} .tabs li, .page_tabs li { margin: 0px; padding: 0px; float: left; height: 31px; line-height: 32px; border: 1px solid #e0e0e0; overflow: hidden; position: relative; background: #eaeaea url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/tab-passive-bg.png) repeat-x; margin-right: 2px; margin-bottom: -1px; margin: 0 5px -1px 0;background-color: #EDEBE5;float: left;font-size: 16px;line-height: 1em; border-top-right-radius:0px; border-top-left-radius: 0px;} .page_tabs li.active a { -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px;} .tabs li a, .page_tabs li a { font-weight: bold; line-height: 32px; color: #666666; display: block; padding: 0px 25px; outline: none; } .tabs li a:hover, .page_tabs li a:hover { color: #ccc;} .tabs li.active, .tabs li.active a, .tabs li.active a:hover, .page_tabs li.active, .page_tabs li.active a, .page_tabs li.active a:hover { color: #333333; background: #ffffff; border-bottom: 1px solid #ffffff; } .tab_container {width:100%; border: 1px solid #e0e0e0; border-top: none; overflow: hidden; margin-bottom: 20px; background: #ffffff; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;} .tab_content, .page_content { padding:10px; } .tabmargintop { float:right; margin-top:-42px; } #PPTAccountPage .middle3cols .page_tabs li { font-size:12px; } /* ============================================================================= Basic Menu Styles ========================================================================== */ .menu, .menu ul {font-size: 14px;list-style: none;margin: 0;padding: 0;} .menu a { display: block;line-height: 1;font-weight: bold; text-decoration: none;} .menu li {float: left; min-width:100px; text-align:center; padding-right:13px; padding-left:10px; } .menu li ul {background: #efefef;left: -9999px;position: absolute;width: 190px;z-index:100; margin-left:-10px; } #hpages ul li ul, .submenu li ul, .category li ul, .submenu_account li ul { left: -9999px;position: absolute;width: 190px;z-index:100; } #hpages li ul a, .submenu li ul a, .category li ul a, .submenu_account li ul a { background: #efefef; display: block; } .menu li ul li, #hpages ul li ul li, .submenu li ul li, .category li ul li, .submenu_account li ul li { height:auto; background-image:none; padding-right:0px; padding-left:0px; text-align:left; } .menu li ul a, #hpages li ul a, .submenu li ul a, .category li ul a, .submenu_account li ul a { border-bottom: 1px solid #fafafa; color: #333; font-weight: normal;padding: 9px 19px; width: 150px;font-size:13px; text-shadow:none; } .menu li ul a:hover, #hpages ul li ul a:hover, .submenu li ul a:hover, .category li ul a:hover, .submenu_account li ul a:hover {background: #efefef; border-top: 0; } .menu li ul ul, #hpages li ul ul, .submenu li ul ul, .category li ul ul, .submenu_account li ul ul {margin: -34px 0 0 185px;} .menu li:hover ul ul, .menu li:hover ul ul ul, #hpages li:hover ul ul, #hpages li:hover ul ul ul, .submenu li:hover ul ul, .submenu li:hover ul ul u, .submenu li:hover ul ul, .category li:hover ul ul, .category li:hover ul ul u, .category li:hover ul ul, .submenu_account li:hover ul ul, .submenu_account li:hover ul ul u, .submenu_account li:hover ul ul {left: -9999px;} .menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, #hpages li:hover ul, #hpages li li:hover ul,#hpages li li li:hover ul, .submenu li:hover ul, .submenu li li:hover ul,.submenu li li li:hover ul, .category li:hover ul, .category li li:hover ul,.category li li li:hover ul, .submenu_account li:hover ul, .submenu_account li li:hover ul,.submenu_account li li li:hover ul { /* lists nested under hovered list items */left: auto;} .menu > li.active > a, .menu > li.active > a:hover, #hpages > li.active > a, #hpages > li.active > a:hover, #hpages > li.active > a, .submenu > li.active > a, .submenu > li.active > a:hover, .submenu > li.active > a:hover, .submenu > li.active > a {color: #ffffff;} #hpages ul ul { margin-top:0px; } #hpages ul ul li, #hpages ul li ul li{ padding:0px; float:none; border:0px;width:190px; } /* Vertical Style */ .category.vertical li ul {margin: -34px 0 0 180px;} .sub-menu { -moz-box-shadow: 2px 2px 2px 2px rgba(68,68,68,0.6); -webkit-box-shadow: 2px 2px 2px 2px rgba(68,68,68,0.6); box-shadow: 2px 2px 2px 2px rgba(68,68,68,0.6); } .sub-menu li { } .sub-menu li a:hover { background: #fff url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/link-menu-arrow.png) 2px 8px no-repeat !important; } .sub-menu li a { color:#666 !important; background: transparent url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/link-menu-arrow.png) 2px 8px no-repeat; text-shadow: 0 0px 0px white !important; } /*==================================================================================================== * BASIC LINE AND BUTTON STYLES FOR ALL THEMES ====================================================================================================*/ /* CUSTOM CSS3 */ .rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .multi_col { -moz-column-width: 13em; -webkit-column-width: 13em; -moz-column-gap: 1em; -webkit-column-gap: 1em; } .border { border: 1px solid #444; } .border_l { border-left: 1px solid #ddd; } .border_r { border-right: 1px solid #ddd; } .border_b { border-bottom: 1px solid #ddd; } .border_t { border-top: 1px solid #ddd; } .no_bullet { list-style: none; padding: 0; margin: 0; } /* FOR NO BULLET LIST */ .inline_li li { display: inline; margin: 0 20px 0 0; } /* FOR HORIZONTAL LIST */ .inner { padding: 20px; } /*==================================================================================================== * BASIC PAGE NAVIGATION STYLES ON ALL THEMES ====================================================================================================*/ ul.pagination{margin:0px;padding:0px;overflow:hidden;font:12px 'Tahoma';list-style-type:none;margin-left:20px;margin-right:15px;} ul.pagination li{float:left;margin:0px;padding:0px;margin-left:5px;} ul.pagination li:first-child{margin-left:0px;} ul.pagination li a{color:black;display:block;text-decoration:none;padding:7px 10px 7px 10px;} ul.pagination li a img{border:none;} ul.paginationD{padding:8px;background:#F9F9F9;border:solid 1px #E2E2E2;} ul.paginationD li a{color:#333333;text-shadow:0px 1px #F6F6F6;padding:6px 9px 6px 9px;border:solid 1px #B6B6B6;box-shadow:0px 1px #EFEFEF;-moz-box-shadow:0px 1px #EFEFEF;-webkit-box-shadow:0px 1px #EFEFEF;background:#E6E6E6;background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));} ul.paginationD li{padding-bottom:1px;} ul.paginationD li a:hover,ul.paginationD li a.current{color:#FFFFFF;box-shadow:0px 1px #E7E7E7;-moz-box-shadow:0px 1px #E7E7E7;-webkit-box-shadow:0px 1px #E7E7E7;} ul.paginationD01 li a:hover,ul.paginationD01 li a.current{color:#893A00;text-shadow:0px 1px #FFEF42;border-color:#FFA200;background:#FFC800;background:-moz-linear-gradient(top,#FFFFFF 1px,#FFEA01 1px,#FFC800);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#FFEA01),color-stop(1,#FFC800));} ul.paginationD02 li a:hover,ul.paginationD02 li a.current{text-shadow:0px 1px #388DBE;border-color:#3390CA;background:#58B0E7;background:-moz-linear-gradient(top,#B4F6FF 1px,#63D0FE 1px,#58B0E7);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#B4F6FF),color-stop(0.02,#63D0FE),color-stop(1,#58B0E7));} ul.paginationD03 li a:hover,ul.paginationD03 li a.current{text-shadow:0px 1px #4876C9;border-color:#3D6DC3;background:#5A8CE7;background:-moz-linear-gradient(top,#C2E0FF 1px,#84AFFE 1px,#5A8CE7);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C2E0FF),color-stop(0.02,#84AFFE),color-stop(1,#5A8CE7));} ul.paginationD04 li a:hover,ul.paginationD04 li a.current{text-shadow:0px 1px #7955AB;border-color:#6F4DA0;background:#9168C9;background:-moz-linear-gradient(top,#DFBEFA 1px,#B088E7 1px,#9168C9);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#DFBEFA),color-stop(0.02,#B088E7),color-stop(1,#9168C9));} ul.paginationD05 li a:hover,ul.paginationD05 li a.current{text-shadow:0px 1px #CA470E;border-color:#D13F11;background:#E95B2B;background:-moz-linear-gradient(top,#FFBE01 1px,#FE7C02 1px,#E95B2B);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFBE01),color-stop(0.02,#FE7C02),color-stop(1,#E95B2B));} ul.paginationD06 li a:hover,ul.paginationD06 li a.current{text-shadow:0px 1px #B72E2E;border-color:#AD2D2D;background:#E43838;background:-moz-linear-gradient(top,#FF9B9B 1px,#FE5555 1px,#E43838);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FF9B9B),color-stop(0.02,#FE5555),color-stop(1,#E43838));} ul.paginationD07 li a:hover,ul.paginationD07 li a.current{text-shadow:0px 1px #866454;border-color:#886756;background:#A37A66;background:-moz-linear-gradient(top,#E9C4B2 1px,#C59882 1px,#A37A66);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#E9C4B2),color-stop(0.02,#C59882),color-stop(1,#A37A66));} ul.paginationD08 li a:hover,ul.paginationD08 li a.current{text-shadow:0px 1px #4E802C;border-color:#478223;background:#599F2F;background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F));} ul.paginationD09 li a:hover,ul.paginationD09 li a.current{text-shadow:0px 1px #636363;border-color:#5D5D5D;background:#777777;background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777));} ul.paginationD10 li a:hover,ul.paginationD10 li a.current{text-shadow:0px 1px #3C3C3C;border-color:#202020;background:#525252;background:-moz-linear-gradient(top,#9F9F9F 1px,#6C6C6C 1px,#525252);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9F9F9F),color-stop(0.02,#6C6C6C),color-stop(1,#525252));} /*==================================================================================================== * FOOTER PAGES FOR ALL THEMES ====================================================================================================*/ #fpages { text-align:right; height:40px; padding-left:15px; float:left; } #fpages ul { float:left; margin-top:4px; } #fpages ul li { float: left; padding-right: 10px; margin-right: 10px; } #fpages ul li.last { padding-right: 0; margin-right: 0; border-right: none; } #fpages ul li a { text-decoration: underline; color: #fff; } #fpages ul li a:hover { color: #ccc; } #fpages ul li.current a { color: #ccc; } #copyright p { padding-top:5px;} /*==================================================================================================== * COMMENT STYLES ====================================================================================================*/ #comments-title { font-size: 10px; font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif; letter-spacing: 0.1em; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase;} #comments nav { margin: 0 auto 0.8125em; width: 68.9%;} .commentlist { list-style: none; margin: 0; clear:both; list-style-type:none !important; } .commentlist > li.comment { border: 1px solid #ddd; -moz-border-radius: 3px; border-radius: 3px; float:right; padding: 1.625em; position: relative; width: 75%; margin-top:5px;background:#ffffff; margin-bottom:5px; } .commentlist .pingback { font-size: 12px; font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif; margin-left: 102px;} .commentlist .pingback p { margin: 0 0 2.2em 2.4em;} .commentlist .children { list-style: none; margin: 0;} .commentlist .children li.comment { background: #fff; border-left: 1px solid #ddd; margin: 1.625em 0 0; padding: 1.625em; position: relative;} .commentlist .children li.comment .fn { display: block;} .comment-meta .fn { font-style: normal;} .comment-meta { color: #666; font-size: 12px; font-family: "ff-meta-web-pro-1", "ff-meta-web-pro-2", "Helvetica Nueue", Helvetica, sans-serif; line-height: 2.2em;} .commentlist .children li.comment .comment-meta { line-height: 1.625em; margin-left: 50px;} .commentlist .children li.comment .comment-content { margin: 1.625em 0 0;} .comment-meta a { text-decoration: none; font-weight: bold;}.comment-meta a:focus,.comment-meta a:active,.comment-meta a:hover { color: #ff4b33; } .commentlist .avatar, .commentlist .photo { padding:0px; margin:0px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/comment-arrow.png) no-repeat right 30px; padding: 0 40px 0 0; position: absolute; top: 0; left: -92px; max-width:60px; max-height:60px; border:0px; } .commentlist .children .avatar { background: none; padding: 0; top: 2.2em; left: 2.2em;} .comment-small { font-size:10px; letter-spacing:1px; color:#666; float:right; } #commentform .logged-in-as { display:none; } #reply-title { font-size: 12px; color: #CCC;padding: 0px;margin: 0px;letter-spacing: 1px;text-transform: uppercase; } .form-allowed-tags { display:none; } #comment { padding:0px; } #commentform #submit { margin-top:10px; } .middle3cols #comment { width:450px; min-width: 470px !important; } .customfieldsoutput { min-height:30px; } .customfieldsoutput .f_half { margin-top:10px; } .customfieldsoutput .f_half span { font-weight:bold; } .texttitle { font-size:12px; color:#ccc; padding:0px; margin:0px; letter-spacing:1px; text-transform:uppercase; } /*==================================================================================================== * SEARCH BOX ====================================================================================================*/ .pptnumslider, #pptnumslider-bar, #pptnumslider-handle { border: 0; padding: 0; margin: 0;} .pptnumslider { width: 240px; height:78px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/pptnumslider/bg.png) no-repeat -270px; margin-top:0px; } .pptnumslider-bar { width:240px; height:45px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/pptnumslider/track.png) bottom left no-repeat;} .pptnumslider-handle { width:36px; height:45px; cursor:ew-resize; background: transparent url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/pptnumslider/gripper.png) bottom left no-repeat; } .pptnumpercent { font-size: 75%; font-family: arial; color:#FFFFFF; font-weight: bold; text-align: center; margin-top:-5px; padding:0px; } .left3cols .pptnumslider-bar, .right3cols .pptnumslider-bar { width: 160px; } .left3cols .pptnumslider, .right3cols .pptnumslider{ width: 160px; } #ppt-widget-advancedsearch-box .ppt_search_inputbox { border-bottom: 1px solid #ddd; margin-top:5px; min-height:30px; clear:both; line-height:27px; } #ppt-widget-advancedsearch-box .ppt_search_inputbox span { width:100px; float:left; } #ppt-widget-advancedsearch-box { padding:10px; } .right3cols #ppt-widget-advancedsearch-box .ppt_search_inputbox span, .left3cols #ppt-widget-advancedsearch-box .ppt_search_inputbox span { float:none; display:block; } .right3cols .ppt_search_inputbox select, .left3cols .ppt_search_inputbox select { width:170px !important; margin-bottom:5px; } .right2cols .ppt_search_inputbox select, .left2cols .ppt_search_inputbox select, .right2cols .ppt_search_inputbox input, .left2cols .ppt_search_inputbox input { width:120px !important; margin-bottom:5px; } .right3cols .ppt_search_inputbox select, .left3cols .ppt_search_inputbox select, .right3cols .ppt_search_inputbox input, .left3cols .ppt_search_inputbox input { width:160px !important; margin-bottom:5px; } #ppt-widget-advancedsearch-box .ppt_search_inputbox .short { width:55%; float:left; } #ppt-widget-advancedsearch-box .ppt_search_inputbox .radio { float:right; } #ppt-widget-advancedsearch-box input, #ppt-widget-advancedsearch-box select { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #AdvancedSearchBox .ppt_search_inputbox { width:32%; float:left; margin-bottom:10px; } #AdvancedSearchBox .ppt_search_inputbox span { font-weight:bold; display:block; } .right3cols #ppt-widget-advancedsearch-box .ppt_search_inputbox { min-height:45px !important; } .right3cols #ppt-widget-advancedsearch-box .ppt_search_inputbox span { display:block; } .right3cols #ppt-widget-advancedsearch-box .ppt_search_inputbox .short { width:95%; } #ppt-widget-taxonomy-box .ppt_search_inputbox { border-bottom:1px solid #efefef; margin-top:5px; min-height:25px; clear:both; font-size:12px; } #ppt-widget-taxonomy-box .ppt_search_inputbox input, #ppt-widget-taxonomy-box .ppt_search_inputbox select { font-size:11px; width:125px; padding:6px; } /* WIDGET TITLE IDS */ #ppt-widget-featuredcategories { } #ppt-widget-popularcoupons { } #ppt-widget-search { } #ppt-widget-map { } #ppt-widget-featured { } #ppt-widget-article { } #ppt-widget-categories { } #wp-calendar { width: 100%;} #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left;} #wp-calendar thead { font-size: 11px; } #wp-calendar thead th {} #wp-calendar tbody { color: #aaa;} #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center;} #wp-calendar tbody .pad { background: none;} #wp-calendar tfoot #next { text-align: right;} /* ARTICLE WIDGET STYLES */ #ppt-widget-article-box ul { padding:5px; } #ppt-widget-article-box ul li { padding-bottom:5px; font-size:11px;line-height:15px; clear:both; } #ppt-widget-article-box ul li a { background:none; padding:0px; margin:0px; } #ppt-widget-article-box img { float:right; max-width:50px; max-height:60px; padding-left:1px; padding-bottom:1px; } #ppt-widget-article-box h3 { padding:0px; margin:0px; padding-bottom:0px; margin-bottom:0px; } #ppt-widget-article-box h3 a { background:none; padding:0px; border-bottom:0px;font-size:13px } #ppt-widget-article-box .articleitem { border-bottom:1px solid #ccc; padding:5px; padding-top:5px; } #ppt-widget-article-box .articleitem:hover { background:#efefef; } #ppt-widget-article-box a { font-weight:bold;} #ppt-widget-article-box .time { font-style:italic; font-size:10px; text-transform:uppercase; } /* FEATURED LISTINGS */ #ppt-widget-featured-box { margin-bottom:-10px; } #ppt-widget-featured-box .contentb { border-bottom:1px dotted #ddd; padding:5px; } #ppt-widget-featured-box h4 { font-size:16px; line-height:normal; padding:0px; margin:0px; } #ppt-widget-search form { padding:10px; } #ppt-widget-search input { width:95%; margin-bottom:10px; } #ppt-widget-search select { width:75%; } #ppt-widget-search .go { padding:0px; margin:0px; border:0px; width:33px; height:29px; background: red url(//link-speicher.de/wp-content/themes/directorypress/PPT/css/PPT/img/go.gif) no-repeat; border:0px !important; padding:0px; cursor:pointer; float:right; } #ppt-widget-search a { padding-top:10px; padding-bottom:10px; float:left; } #ppt-widget-stores-box img { display:block; margin: auto auto; } #ppt-widget-stores-box ul li { float:left; margin-top:10px; text-align:center; } #ppt-widget-stores-box ul li a { padding:0px; border:0px; background:none; } #ppt-widget-stores-box ul li a:hover { background:transparent; } .left3cols #ppt-widget-stores-box ul li img, .right3cols #ppt-widget-stores-box ul li img { max-width:150px; max-height:150px; } .left3cols #ppt-widget-stores-box ul li, .right3cols #ppt-widget-stores-box ul li { width:196px; } .left2cols #ppt-widget-stores-box ul li img, .right2cols #ppt-widget-stores-box ul li img { max-width:100px; max-height:100px; } .left2cols #ppt-widget-stores-box ul li, .right2cols #ppt-widget-stores-box ul li { width:125px; float:left; height:85px; overflow:hidden; } #articlepage h1, #articlepage h2 { border:0px !important; padding-left:0px; } #sidebar-left .tagcloud, #sidebar-left .textwidget, #sidebar .tagcloud, #sidebar .textwidget{ padding:10px; } #PPTSinglePage-article_type .entry p{ font-size:14px; } #ppt-widget-taxonomy-box h3 { font-size:16px; margin-left:0px; margin-top:0px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding-left:20px; } #ppt-widget-taxonomy-box ul { margin-left:20px; margin-right:20px; border:0px; } #ppt-widget-taxonomy-box ul li { border:0px; } #ppt-widget-taxonomy-box ul li a { border:0px; text-decoration:underline; padding:0px; font-size:13px; background:none; } #ppt-widget-taxonomy-box ul li:hover, #ppt-widget-taxonomy-box ul li a:hover { background:transparent; } #ppt-widget-expsoon-box ul li { background:url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/clock1.png) 2px 8px no-repeat; } #ppt-widget-expsoon-box ul li span { font-size:10px; display:block; } #PPTHomePage #PPTGalleryPage .middle2cols, #PPTHomePage #PPTGalleryPage .middle3cols { width:100%; margin:0px; } /* ============================================================================= _tpl_articles.php ========================================================================== */ #articlepage #acontent .post { clear: both; padding-bottom: 15px;} #articlepage #acontent h2 { line-height:35px; font-weight:bold; font-size:24px; background:none !important; box-shadow: none !important; } #articlepage #acontent .excerpt-content { font-size:14px; border-bottom:1px solid #eee; padding-top:0px; } #articlepage #acontent .excerpt-content p { padding-bottom: 15px; line-height: 22px; font-size:14px; } #articlepage #acontent .date, .article .date { height:25px; margin-bottom:10px; color:#fff; font:11px Arial, Helvetica, sans-serif;} #articlepage #acontent .date ul, .article .date ul { margin:0px; list-style:none;} #articlepage #acontent .date ul li, .article .date ul li{ color:#666; float:left; margin-right:5px; line-height:25px; height:25px; -webkit-border-radius:3px; -moz-border-radius: 3px; border-radius: 3px; background-color:#eeeeee;} #articlepage #acontent .date ul li.datepad, .article .date ul li.datepad { padding:0 10px;} #articlepage #acontent .date ul li a, .article .date ul li a { float:left; height:25px; color:#666; padding:0 10px; display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius: 3px; text-decoration:none;} #articlepage #acontent .date ul li a:hover, .article .date ul li a:hover { background-color:#ccc; text-decoration:none;} #articlepage #acontent .date .post-categories li { margin-right:0;} #articlepage #acontent .wp-post-image { float:right; padding-left:40px; margin-top:15px; } #articlepage #acontent .pagination { margin-top:20px; border-top:1px solid #ccc; padding-top:20px; margin-right:20px; float:none; background:transparent; margin-left:0px; } .addthis_toolbox { margin-top:-30px;width:120px;float:right;} #PPTSinglePage-article_type .article h1, #PPTSinglePage-article_type .article h2 { background:none !important; background-image:none; filter: none; border:0px !important; padding-left: 0px!important; box-shadow: none !important; } /* ============================================================================= _tpl_stores.php ========================================================================== */ .tagindex, #sc_CouponPressStores .tagindex { padding: 6px 0 10px 0; clear: both; } .tagindex h4, #sc_CouponPressStores .tagindex h4 { border-bottom: 1px solid #000; padding: 0 0 4px 0; margin: 2px 0 4px 0; } .tagindex ul, #sc_CouponPressStores .tagindex ul { list-style: none; padding: 1px 0; margin: 0; } .tagindex ul li, #sc_CouponPressStores .tagindex ul li { list-style: none; padding: 2px 0; margin: 0; width:200px; float:left; } .holdleft, #sc_CouponPressStores .holdleft { width: 30%; display: inline; margin: 0 20px 0 0; float: left;} .noMargin, #sc_CouponPressStores .noMargin {margin: 0 0 0 0;} .morelink, #sc_CouponPressStores .morelink { display: none; } /* ============================================================================= Feedback System Stars ========================================================================== */ #start-rating-box { padding:0px; margin:0px; border:1px solid #ddd; width:350px; padding:5px; } .star-rating{list-style:none; margin: 0px; padding:0px; width: 150px; height: 30px; position: relative; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/star_rating.gif) top left repeat-x; } .star-rating li{ padding:0px; margin:0px; height:30px; width: 30px;float: left;} .star-rating li a{ display:block; width:30px; height: 30px; line-height:30px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; overflow:hidden; } .star-rating li a:hover{ background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/star_rating.gif) left center; z-index: 2; left: 0px; border:none; } .nohover li a:hover { background:none !important;} .star-rating a.one-star{ left: 0px; } .star-rating a.one-star:hover{ width:30px; } .star-rating a.two-stars{ left:30px; } .star-rating a.two-stars:hover{ width: 60px; } .star-rating a.three-stars{ left: 60px; } .star-rating a.three-stars:hover{ width: 90px; } .star-rating a.four-stars{ left: 90px; } .star-rating a.four-stars:hover{ width: 120px; } .star-rating a.five-stars{ left: 120px; } .star-rating a.five-stars:hover{ width: 150px; } .star-rating li.current-rating{ background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/star_rating.gif) left bottom; position: absolute; height: 30px; display: block; text-indent: -9000px; z-index: 1; } /* ============================================================================= map sizes ========================================================================== */ #map_canvas { width:500px; height:500px; } #map_sidebar { width:260px; height:230px; } #map_sidebar2 { height:220px; } .middle2cols #map_homepage { width: 670px; height: 350px; } #map_homepage { width:620px; height:350px; } .map_container { text-align:center; } .map_container img { max-width:100px; max-height:100px; } #ppt-object-map { margin-bottom:10px; } #ppt_map_location { width:882px; height:250px; } .middle3cols #ppt_map_location { width:510px !important; height:250px !important; } .middle2cols #ppt_map_location { width:635px !important; height:250px !important; } .middle2cols #form_map_location { width:625px; } .middle3cols #form_map_location { width:500px; } /* ============================================================================= BUTTONS // V7 ========================================================================== */ .button,.button gray { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px rgba(255, 255, 255, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:0px; border-radius: 4px; line-height: 30px; padding-left: 12px; padding-right: 12px; display: inline-block; text-align: center; font-size: 13px; font-weight: bold; color: #ffffff; text-shadow: 0px -1px rgba(0, 0, 0, 0.2); cursor:pointer; } .button img, .button img.right {float: none;margin-right: -7px; margin-left: 5px; margin-top: -2px; vertical-align: middle;} .button img.left { float: none; margin-right: 5px; margin-left: -7px; margin-top: 5px; vertical-align: middle;} /* big button */ .large.button { line-height: 42px; font-size: 18px; padding: 0px 18px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} /* rounded button */ .rounded.button { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;} /* gray button */ .button, .gray.button, .skin.button, .button gray { background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); background: linear-gradient(top, #eeeeee 0%,#dddddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); border: 1px solid #d8d8d8; border-bottom: 1px solid #cccccc; -moz-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8; -webkit-box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8; box-shadow: 0 1px 2px rgba(170, 170, 170, 0.2), inset 0px 1px 0px #f8f8f8; color: #666666; text-shadow: 0px 1px #ffffff; } .button:hover, .gray.button:hover, .skin.button:hover, .button gray:hover { background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%); background: -o-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%); background: -ms-linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%); background: linear-gradient(top, #f8f8f8 0%,#e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); border: 1px solid #dddddd; border-bottom: 1px solid #cccccc; color: #444444;} .gray.button:active, .skin.button:active, .button gray.button:active { background: #eeeeee; box-shadow: none; border: 1px solid #dddddd; border-top: 1px solid #bbbbbb;} /* black button */ .black.button { background: #444444; background: -moz-linear-gradient(top, #444444 0%, #2c2c2c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#2c2c2c)); background: -webkit-linear-gradient(top, #444444 0%,#2c2c2c 100%); background: -o-linear-gradient(top, #444444 0%,#2c2c2c 100%); background: -ms-linear-gradient(top, #444444 0%,#2c2c2c 100%); background: linear-gradient(top, #444444 0%,#2c2c2c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#2c2c2c',GradientType=0 ); border: 1px solid #222222; border-top: 1px solid #282828; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858; color: #eeeeee; text-shadow: 0px -1px #222222; } .black.button:hover { background: #555555; background: -moz-linear-gradient(top, #555555 0%, #3c3c3c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#3c3c3c)); background: -webkit-linear-gradient(top, #555555 0%,#3c3c3c 100%); background: -o-linear-gradient(top, #555555 0%,#3c3c3c 100%); background: -ms-linear-gradient(top, #555555 0%,#3c3c3c 100%); background: linear-gradient(top, #555555 0%,#3c3c3c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3c3c3c',GradientType=0 ); border: 1px solid #2a2a2a; border-top: 1px solid #383838; -moz-box-shadow: inset 0px 1px 0px #787878; -webkit-box-shadow: inset 0px 1px 0px #787878; box-shadow: inset 0px 1px 0px #787878; } .black.button:active { background: #333333; box-shadow: none; border: 1px solid #282828; border-top: 1px solid #202020;} /* green button */ .green.button { background: #92cc00; background: -moz-linear-gradient(top, hsla(77,100%,40%,1) 0%, hsla(77,100%,32%,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(77,100%,40%,1)), color-stop(100%,hsla(77,100%,32%,1))); background: -webkit-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%); background: -o-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%); background: -ms-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%); background: linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92cc00', endColorstr='#74a300',GradientType=0 ); color:#fff; text-shadow: 0px 0px #ffffff; border: 1px solid #74a300; border-bottom: 1px solid #668f00; border: 1px solid hsla(77,100%,30%,1); border-bottom: 1px solid hsla(77,100%,28%,1);} .green.button:hover { background: #a0e000; background: -moz-linear-gradient(top, hsla(77,100%,44%,1) 0%, hsla(77,100%,36%,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(77,100%,44%,1)), color-stop(100%,hsla(77,100%,36%,1))); background: -webkit-linear-gradient(top, hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%); background: -o-linear-gradient(top, hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%); background: -ms-linear-gradient(top, hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%); background: linear-gradient(top, hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0e000', endColorstr='#83b700',GradientType=0 ); border: 1px solid #84b800; border-bottom: 1px solid #7cad00; border: 1px solid hsla(77,100%,36%,1); border-bottom: 1px solid hsla(77,100%,34%,1); } .green.button:active { background: #84b800; color:#fff; background: hsla(77,100%,36%,1); border: 1px solid hsla(77,100%,32%,1); border-top: 1px solid hsla(77,100%,26%,1);} /* blue button background: #D7E7F5; color: #5E6984; border-color: #AACEE6;*/ .blue.button { background: rgba(0, 109, 163, 1); background: -moz-linear-gradient(top, hsla(200,100%,40%,1) 0%, hsla(200,100%,32%,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(200,100%,40%,1)), color-stop(100%,hsla(200,100%,32%,1))); background: -webkit-linear-gradient(top, hsla(200,100%,40%,1) 0%,hsla(200,100%,32%,1) 100%); background: -o-linear-gradient(top, hsla(200,100%,40%,1) 0%,hsla(200,100%,32%,1) 100%); background: -ms-linear-gradient(top, hsla(200,100%,40%,1) 0%,hsla(200,100%,32%,1) 100%); background: linear-gradient(top, hsla(200,100%,40%,1) 0%,hsla(200,100%,32%,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ea5', endColorstr='#0086c9',GradientType=0 ) !important; color:#fff; text-shadow: 0px 0px #ffffff; border: 1px solid #333; border-bottom: 1px solid #AACEE6; border: 1px solid hsla(200,100%,30%,1); border-bottom: 1px solid hsla(200,100%,28%,1);} .blue.button:hover { background: #AACEE6; background: -moz-linear-gradient(top, hsla(200,100%,44%,1) 0%, hsla(200,100%,36%,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(200,100%,44%,1)), color-stop(100%,hsla(200,100%,36%,1))); background: -webkit-linear-gradient(top, hsla(200,100%,44%,1) 0%,hsla(200,100%,36%,1) 100%); background: -o-linear-gradient(top, hsla(200,100%,44%,1) 0%,hsla(200,100%,36%,1) 100%); background: -ms-linear-gradient(top, hsla(200,100%,44%,1) 0%,hsla(200,100%,36%,1) 100%); background: linear-gradient(top, hsla(200,100%,44%,1) 0%,hsla(200,100%,36%,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0e000', endColorstr='#83b700',GradientType=0 ); border: 1px solid #AACEE6; border-bottom: 1px solid #7cad00; border: 1px solid hsla(200,100%,36%,1); border-bottom: 1px solid hsla(200,100%,34%,1); } .blue.button:active { background: #AACEE6; color:#fff; background: hsla(200,100%,36%,1); border: 1px solid hsla(200,100%,32%,1); border-top: 1px solid hsla(200,100%,26%,1);} /* orange button */ .orange.button { background: #ff780a; background: -moz-linear-gradient(top, hsl(27,100%,52%) 0%, hsl(27,100%,40%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(27,100%,52%)), color-stop(100%,hsl(27,100%,40%))); background: -webkit-linear-gradient(top, hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%); background: -o-linear-gradient(top, hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%); background: -ms-linear-gradient(top, hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%); background: linear-gradient(top, hsl(27,100%,52%) 0%,hsl(27,100%,40%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff780a', endColorstr='#cc5b00',GradientType=0 ); color:#fff; text-shadow:0px 0px #9A00D6; border: 1px solid #d66000; border-bottom: 1px solid #c25700; border: 1px solid hsla(27,100%,42%,1); border-bottom: 1px solid hsla(27,100%,38%,1);} .orange.button:hover { background: #ff831e; background: -moz-linear-gradient(top, hsl(27,100%,56%) 0%, hsl(27,100%,48%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(27,100%,56%)), color-stop(100%,hsl(27,100%,48%))); background: -webkit-linear-gradient(top, hsl(27,100%,56%) 0%,hsl(27,100%,48%) 100%); background: -o-linear-gradient(top, hsl(27,100%,56%) 0%,hsl(27,100%,48%) 100%); background: -ms-linear-gradient(top, hsl(27,100%,56%) 0%,hsl(27,100%,48%) 100%); background: linear-gradient(top, hsl(27,100%,56%) 0%,hsl(27,100%,48%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff831e', endColorstr='#f46e00',GradientType=0 ); border: 1px solid #e06500; border-bottom: 1px solid #d66000; border: 1px solid hsla(27,100%,44%,1); border-bottom: 1px solid hsla(27,100%,42%,1);} .orange.button:active { background: #f56e00; background: hsla(27,100%,48%,1); border: 1px solid hsla(27,100%,40%,1); border-top: 1px solid hsla(27,100%,34%,1);} /* pink button */ .pink.button { background: #ff0a88; background: -moz-linear-gradient(top, hsl(329,100%,52%) 0%, hsl(329,100%,40%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(329,100%,52%)), color-stop(100%,hsl(329,100%,40%))); background: -webkit-linear-gradient(top, hsl(329,100%,52%) 0%,hsl(329,100%,40%) 100%); background: -o-linear-gradient(top, hsl(329,100%,52%) 0%,hsl(329,100%,40%) 100%); background: -ms-linear-gradient(top, hsl(329,100%,52%) 0%,hsl(329,100%,40%) 100%); background: linear-gradient(top, hsl(329,100%,52%) 0%,hsl(329,100%,40%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0a88', endColorstr='#cc0069',GradientType=0 ); color:#fff; text-shadow:0px 0px #9A00D6; border: 1px solid #d6006f; border-bottom: 1px solid #c20064; border: 1px solid hsla(329,100%,42%,1); border-bottom: 1px solid hsla(329,100%,38%,1);} .pink.button:hover { background: #ff339c; background: -moz-linear-gradient(top, hsl(329,100%,60%) 0%, hsl(329,100%,50%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(329,100%,60%)), color-stop(100%,hsl(329,100%,50%))); background: -webkit-linear-gradient(top, hsl(329,100%,60%) 0%,hsl(329,100%,50%) 100%); background: -o-linear-gradient(top, hsl(329,100%,60%) 0%,hsl(329,100%,50%) 100%); background: -ms-linear-gradient(top, hsl(329,100%,60%) 0%,hsl(329,100%,50%) 100%); background: linear-gradient(top, hsl(329,100%,60%) 0%,hsl(329,100%,50%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff339c', endColorstr='#ff0083',GradientType=0 ); border: 1px solid #e00074; border-bottom: 1px solid #d6006f; border: 1px solid hsla(329,100%,44%,1); border-bottom: 1px solid hsla(329,100%,42%,1); } .pink.button:active { background: #f5007e; background: hsla(329,100%,48%,1); border: 1px solid hsla(329,100%,40%,1); border-top: 1px solid hsla(329,100%,34%,1);} /* yellow button */ .yellow.button { background: #ffe333; background: -moz-linear-gradient(top, hsl(52,100%,60%) 0%, hsl(52,100%,42%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(52,100%,60%)), color-stop(100%,hsl(52,100%,42%))); background: -webkit-linear-gradient(top, hsl(52,100%,60%) 0%,hsl(52,100%,42%) 100%); background: -o-linear-gradient(top, hsl(52,100%,60%) 0%,hsl(52,100%,42%) 100%); background: -ms-linear-gradient(top, hsl(52,100%,60%) 0%,hsl(52,100%,42%) 100%); background: linear-gradient(top, hsl(52,100%,60%) 0%,hsl(52,100%,42%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe333', endColorstr='#d6b900',GradientType=0 ); border: 1px solid #ebcb00; border-bottom: 1px solid #d6ba00; border: 1px solid hsla(52,100%,46%,1); border-bottom: 1px solid hsla(52,100%,42%,1); } .yellow.button:hover { background: #ffe751; background: -moz-linear-gradient(top, hsl(52,100%,66%) 0%, hsl(52,100%,46%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(52,100%,66%)), color-stop(100%,hsl(52,100%,46%))); background: -webkit-linear-gradient(top, hsl(52,100%,66%) 0%,hsl(52,100%,46%) 100%); background: -o-linear-gradient(top, hsl(52,100%,66%) 0%,hsl(52,100%,46%) 100%); background: -ms-linear-gradient(top, hsl(52,100%,66%) 0%,hsl(52,100%,46%) 100%); background: linear-gradient(top, hsl(52,100%,66%) 0%,hsl(52,100%,46%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe751', endColorstr='#eacb00',GradientType=0 ); } .yellow.button:active { background: #ebcb00; background: hsl(52,100%,46%); border: 1px solid hsl(52,100%,42%); border-top: 1px solid hsl(52,100%,40%);} /* purple button */ .purple.button { background: #c83dff; background: -moz-linear-gradient(top, hsl(283,100%,62%) 0%, hsl(283,100%,46%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(283,100%,62%)), color-stop(100%,hsl(283,100%,46%))); background: -webkit-linear-gradient(top, hsl(283,100%,62%) 0%,hsl(283,100%,46%) 100%); background: -o-linear-gradient(top, hsl(283,100%,62%) 0%,hsl(283,100%,46%) 100%); background: -ms-linear-gradient(top, hsl(283,100%,62%) 0%,hsl(283,100%,46%) 100%); background: linear-gradient(top, hsl(283,100%,62%) 0%,hsl(283,100%,46%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c83dff', endColorstr='#a800ea',GradientType=0 ); border: 1px solid #a800eb; border-bottom: 1px solid #9a00d6; border: 1px solid hsl(283,100%,46%); border-bottom: 1px solid hsl(283,100%,42%); color:#fff; text-shadow:0px 0px #9A00D6; } .purple.button:hover { background: #d05bff; background: -moz-linear-gradient(top, hsl(283,100%,68%) 0%, hsl(283,100%,52%) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsl(283,100%,68%)), color-stop(100%,hsl(283,100%,52%))); background: -webkit-linear-gradient(top, hsl(283,100%,68%) 0%,hsl(283,100%,52%) 100%); background: -o-linear-gradient(top, hsl(283,100%,68%) 0%,hsl(283,100%,52%) 100%); background: -ms-linear-gradient(top, hsl(283,100%,68%) 0%,hsl(283,100%,52%) 100%); background: linear-gradient(top, hsl(283,100%,68%) 0%,hsl(283,100%,52%) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d05bff', endColorstr='#b90aff',GradientType=0 ); border: 1px solid #af00f5; border: 1px solid hsl(283,100%,48%);} .purple.button:active { background: #c229ff; background: hsl(283,100%,58%); border: 1px solid hsl(283,100%,48%); border-top: 1px solid hsl(283,100%,42%); } /* ============================================================================= TOGGLE AND ACCORDION // 16th March ========================================================================== */ .toggle, .accordion { position: relative; } .accordion { *height: 100%; } .trigger { background: #eeeeee url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/toggle-button.png) top right no-repeat; border-top: 1px solid #dddddd; height: 32px; width: 100%; float: left; margin-bottom: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .trigger1, .categorylist li { background: #fff; border-top: 1px solid #dddddd; height: 32px; width: 100%; float: left; } .active.trigger a { color: #333333;} .trigger a, .trigger1 a, .categorylist li a {font-size: 12px; font-weight: bold; line-height: 32px; color: #666666; padding-left: 10px; display: block;} .trigger a:hover { color: #ccc; } .trigger.active { background-position: bottom right; } .toggle > .container, .accordion > .container { padding: 10px; overflow: hidden; clear: both;} /* ACCORDING WIDGET STYLES */ #ppt_widgettoggle .trigger { margin-bottom:0px; background:inherit; -webkit-border-radius:0px !important; border-radius:none !important; -moz-border-radius:0px !important; } #ppt_widgettoggle .container { padding:0px !important; } #ppt_widgettoggle .trigger a, #ppt_widgettoggle .trigger1 a, .categorylist li a { font-weight:normal; } .toggle ul { border-top:1px solid #ccc; } .togglesub1 { background:#efefef; border-bottom:1px solid #ddd; } .togglesub1 a { font-size: 12px; font-weight: normal;line-height: 32px;color: #666;padding-left: 10px;display: block; } .listsub1 { background:#fff5e6; border-bottom:1px solid #e6cda6; } .listsub1 li { font-size: 12px; font-weight: normal;line-height: 32px;color: #666;padding-left: 10px;display: block; } /* We remove the margin, padding, and list style of UL and LI components */ #categorylistwrapper ul, #categorylistwrapper ul li{ margin:0; padding:0; list-style:none;} #categorylistwrapper ul li{ background-color:#fff; border-bottom:solid 1px #ddd; width:100%; cursor:pointer;} #categorylistwrapper ul li:hover{ background-color:#efefef; position:relative; } #categorylistwrapper ul li a{ padding:5px 15px; color:#666; display:inline-block; text-decoration:none;} #categorylistwrapper ul li ul{ position:absolute; display:none; -moz-box-shadow: 1px 1px 1px 1px rgba(68,68,68,0.6); -webkit-box-shadow: 1px 1px 1px 1px rgba(68,68,68,0.6); box-shadow: 1px 1px 1px 1px rgba(68,68,68,0.6); } #categorylistwrapper ul li:hover ul{ left:150px; top:0px; display:block;} #categorylistwrapper ul li ul li{ background:#efefef; border-bottom:1px solid #ddd; } #categorylistwrapper ul li:hover ul li:hover{ background-color:#fff;} #categorylistwrapper ul li ul li a{ color:#454444; display:inline-block; width:120px;} #categorylistwrapper ul li:hover ul li ul{ position:absolute; display:none;} #categorylistwrapper ul li:hover ul li:hover ul{ display:block; left:150px; top:0;} #categorylistwrapper ul li:hover ul li:hover ul li{ background:#86d3fa;} #categorylistwrapper ul li:hover ul li:hover ul li:hover{ background:#358ebc;} #categorylistwrapper ul li:hover ul li:hover ul li a{ color:#ffffff;} /* ============================================================================= ICONS // 16th March ========================================================================== */ .icon { padding: 1px 0px 1px 22px;} img.icon { float: left; margin-right: 10px; padding: 0px;} .icon.home { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/home.png) 1px 2px no-repeat; } .icon.phone { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/phone.png) 1px 2px no-repeat; } .icon.arrow { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/arrow.png) 1px 2px no-repeat; } .icon.cross { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/cross.png) 1px 2px no-repeat; } .icon.email { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/email.png) 1px 2px no-repeat; } .icon.favorites { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/favorites.png) 1px 2px no-repeat; } .icon.user { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/user.png) 1px 2px no-repeat; } .icon.users { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/users.png) 1px 2px no-repeat; } .icon.IE { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/IE.png) 1px 2px no-repeat; } .icon.rss { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/rss.png) 1px 2px no-repeat; } .icon.twitter { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/twitter.png) 1px 2px no-repeat; } .icon.IM { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/IM.png) 1px 2px no-repeat; } .icon.search { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/search.png) 1px 2px no-repeat; } .icon.video { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/video.png) 1px 2px no-repeat; } .icon.music { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/music.png) 1px 2px no-repeat; } .icon.lock { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/lock.png) 1px 2px no-repeat; } .icon.clock { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/clock.png) 1px 2px no-repeat; } .icon.stock { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/stock.png) 1px 2px no-repeat; } .icon.disk { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/disk.png) 1px 2px no-repeat; } .icon.cat { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/16px/cat.png) 1px 2px no-repeat; } .icon.star { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/star1.png) 1px 2px no-repeat; } .list { padding-left: 24px;} .list > li {padding-left: 24px; line-height: 20px; margin-bottom: 10px;} .ticklist li { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/tick1.png) no-repeat; } .crosslist li { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/cross1.png) no-repeat; } .starlist li { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/star1.png) no-repeat; } .flaglist li { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/v7/icons/flag_blue.png) no-repeat; } #PPTSinglePage-post .ticklist { border-top:1px solid #ddd; padding-top:10px; clear:both; } #PPTSinglePage-post .ticklist span { padding-bottom:10px; } #PPTSinglePage-post .ticklist ol { margin-left:-20px; } #PPTSinglePage-post .ticklist ol li {float: left;margin-right: 20px;min-width: 170px; list-style:none; margin-left:0px; } #PPTSinglePage-post .ticklist li.on { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/checkbox-on.png) 0px 2px no-repeat; } #PPTSinglePage-post .ticklist li.off { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/checkbox.png) 0px 2px no-repeat; } /* ============================================================================= PHOTO PLUGIN STYLES // 16th March ========================================================================== */ #begin .pptphoto { max-width:100px; max-height:75px; margin-top:-12px; } #PPTAuthorPage #begin .pptphoto { max-width:150px; max-height:150px; margin-top:-12px; } .photo100 { max-width:100px !important; max-height:100px !important; } .photo200 { max-width:200px !important; max-height:200px !important; } .lastlog { font-size:11px; color:#666;} /* button */ @-moz-document url-prefix() { input.button { padding: 10px !important; } } #ppt-widget-advancedsearch-box .selectBox-dropdown { padding: 0; } /* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE6 works fine without this fix. */ body { min-width: 960px; } /* `Container ----------------------------------------------------------------------------------------------------*/ .container_12, .container_16 { margin-left: auto; margin-right: auto; width: 960px; } /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 { position: relative; } .container_12 .grid_3, .container_16 .grid_4 { width: 220px; } .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } .container_12 .grid_9, .container_16 .grid_12 { width: 700px; } .container_12 .grid_12, .container_16 .grid_16 { width: 940px; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width: 60px; } .container_12 .grid_2 { width: 140px; } .container_12 .grid_4 { width: 300px; } .container_12 .grid_5 { width: 380px; } .container_12 .grid_7 { width: 540px; } .container_12 .grid_8 { width: 620px; } .container_12 .grid_10 { width: 780px; } .container_12 .grid_11 { width: 860px; } /* `Grid >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 40px; } .container_16 .grid_2 { width: 100px; } .container_16 .grid_3 { width: 160px; } .container_16 .grid_5 { width: 280px; } .container_16 .grid_6 { width: 340px; } .container_16 .grid_7 { width: 400px; } .container_16 .grid_9 { width: 520px; } .container_16 .grid_10 { width: 580px; } .container_16 .grid_11 { width: 640px; } .container_16 .grid_13 { width: 760px; } .container_16 .grid_14 { width: 820px; } .container_16 .grid_15 { width: 880px; } /* `Prefix Extra Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 240px; } .container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 480px; } .container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 720px; } /* `Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left: 80px; } .container_12 .prefix_2 { padding-left: 160px; } .container_12 .prefix_4 { padding-left: 320px; } .container_12 .prefix_5 { padding-left: 400px; } .container_12 .prefix_7 { padding-left: 560px; } .container_12 .prefix_8 { padding-left: 640px; } .container_12 .prefix_10 { padding-left: 800px; } .container_12 .prefix_11 { padding-left: 880px; } /* `Prefix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 { padding-left: 60px; } .container_16 .prefix_2 { padding-left: 120px; } .container_16 .prefix_3 { padding-left: 180px; } .container_16 .prefix_5 { padding-left: 300px; } .container_16 .prefix_6 { padding-left: 360px; } .container_16 .prefix_7 { padding-left: 420px; } .container_16 .prefix_9 { padding-left: 540px; } .container_16 .prefix_10 { padding-left: 600px; } .container_16 .prefix_11 { padding-left: 660px; } .container_16 .prefix_13 { padding-left: 780px; } .container_16 .prefix_14 { padding-left: 840px; } .container_16 .prefix_15 { padding-left: 900px; } /* `Suffix Extra Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 240px; } .container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 480px; } .container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 720px; } /* `Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right: 80px; } .container_12 .suffix_2 { padding-right: 160px; } .container_12 .suffix_4 { padding-right: 320px; } .container_12 .suffix_5 { padding-right: 400px; } .container_12 .suffix_7 { padding-right: 560px; } .container_12 .suffix_8 { padding-right: 640px; } .container_12 .suffix_10 { padding-right: 800px; } .container_12 .suffix_11 { padding-right: 880px; } /* `Suffix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right: 60px; } .container_16 .suffix_2 { padding-right: 120px; } .container_16 .suffix_3 { padding-right: 180px; } .container_16 .suffix_5 { padding-right: 300px; } .container_16 .suffix_6 { padding-right: 360px; } .container_16 .suffix_7 { padding-right: 420px; } .container_16 .suffix_9 { padding-right: 540px; } .container_16 .suffix_10 { padding-right: 600px; } .container_16 .suffix_11 { padding-right: 660px; } .container_16 .suffix_13 { padding-right: 780px; } .container_16 .suffix_14 { padding-right: 840px; } .container_16 .suffix_15 { padding-right: 900px; } /* `Push Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .push_3, .container_16 .push_4 { left: 240px; } .container_12 .push_6, .container_16 .push_8 { left: 480px; } .container_12 .push_9, .container_16 .push_12 { left: 720px; } /* `Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left: 80px; } .container_12 .push_2 { left: 160px; } .container_12 .push_4 { left: 320px; } .container_12 .push_5 { left: 400px; } .container_12 .push_7 { left: 560px; } .container_12 .push_8 { left: 640px; } .container_12 .push_10 { left: 800px; } .container_12 .push_11 { left: 880px; } /* `Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { left: 60px; } .container_16 .push_2 { left: 120px; } .container_16 .push_3 { left: 180px; } .container_16 .push_5 { left: 300px; } .container_16 .push_6 { left: 360px; } .container_16 .push_7 { left: 420px; } .container_16 .push_9 { left: 540px; } .container_16 .push_10 { left: 600px; } .container_16 .push_11 { left: 660px; } .container_16 .push_13 { left: 780px; } .container_16 .push_14 { left: 840px; } .container_16 .push_15 { left: 900px; } /* `Pull Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_3, .container_16 .pull_4 { left: -240px; } .container_12 .pull_6, .container_16 .pull_8 { left: -480px; } .container_12 .pull_9, .container_16 .pull_12 { left: -720px; } /* `Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left: -80px; } .container_12 .pull_2 { left: -160px; } .container_12 .pull_4 { left: -320px; } .container_12 .pull_5 { left: -400px; } .container_12 .pull_7 { left: -560px; } .container_12 .pull_8 { left: -640px; } .container_12 .pull_10 { left: -800px; } .container_12 .pull_11 { left: -880px; } /* `Pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { left: -60px; } .container_16 .pull_2 { left: -120px; } .container_16 .pull_3 { left: -180px; } .container_16 .pull_5 { left: -300px; } .container_16 .pull_6 { left: -360px; } .container_16 .pull_7 { left: -420px; } .container_16 .pull_9 { left: -540px; } .container_16 .pull_10 { left: -600px; } .container_16 .pull_11 { left: -660px; } .container_16 .pull_13 { left: -780px; } .container_16 .pull_14 { left: -840px; } .container_16 .pull_15 { left: -900px; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after, .container_12:before, .container_12:after, .container_16:before, .container_16:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after, .container_12:after, .container_16:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix, .container_12, .container_16 { zoom: 1; } .group { position: relative; margin-bottom: 0px; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f6f6f6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #ffffff, #f6f6f6); /* IE10 */ background-image: -o-linear-gradient(top, #ffffff, #f6f6f6); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffffff, #f6f6f6); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(//link-speicher.de/wp-content/themes/directorypress/PPT/css/PIE.htc); } section .group:last-of-type { margin-bottom: 0; } .group > div { margin-bottom: 0px; } .group > div:last-of-type { margin-bottom: 0; } /* Micro clearfix hack */ .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { *zoom: 1; } /***** Wrapping Ribbons *****/ .wrap-ribbon { position: absolute; z-index: 0; text-align: center; color: #fff; behavior: url(//link-speicher.de/wp-content/themes/directorypress/PPT/css/PIE.htc); } .wrap-ribbon > span { display: block; height: 100%; position: relative; behavior: url(//link-speicher.de/wp-content/themes/directorypress/PPT/css/PIE.htc); -pie-watch-ancestors: 1; } .wrap-ribbon > span:before, .wrap-ribbon > span:after { content: ''; position: absolute; z-index: -1; } .wrap-ribbon:before, .wrap-ribbon:after { content: ''; position: absolute; z-index: -2; } .group.corner { height: 0px; position: relative; } .group.edge { position: relative; } /********** Wrapping Ribbon Styles **********/ /****** Left corner wrap ******/ .left-corner { width: 175px; height: 40px; line-height: 40px; top: 90px; left: -34px; background-image: none !important; -moz-transform-origin: 0 0; -moz-transform: rotate(-45deg); -webkit-transform-origin: 0 0; -webkit-transform: rotate(-45deg); -o-transform-origin: 0 0; -o-transform: rotate(-45deg); -ms-transform-origin: 0 0; -ms-transform: rotate(-45deg); transform-origin: 0 0; transform: rotate(-45deg); } .ie8 .left-corner { top: 20px; left: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .left-corner > span { -webkit-background-size: 50% 100%; /* Saf3-4 */ -moz-background-size: 50% 100%; /* FF3.6 */ background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */ background-position: 48% 0; background-repeat: no-repeat; background-color: transparent !important; } .left-corner > span:before { width: 50%; height: 100%; top: 0; left: 40px; -moz-transform-origin: 0 0; -moz-transform: skew(-45deg); -webkit-transform-origin: 0 0; -webkit-transform: skew(-45deg); -o-transform-origin: 0 0; -o-transform: skew(-45deg); -ms-transform-origin: 0 0; -ms-transform: skew(-45deg); transform-origin: 0 0; transform: skew(-45deg); -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5); } .ie .left-corner > span:before { box-shadow: none; } .left-corner > span:after { width: 50%; height: 100%; top: 0; right: 40px; -moz-transform-origin: 0 0; -moz-transform: skew(45deg); -webkit-transform-origin: 0 0; -webkit-transform: skew(45deg); -o-transform-origin: 0 0; -o-transform: skew(45deg); -ms-transform-origin: 0 0; -ms-transform: skew(45deg); transform-origin: 0 0; transform: skew(45deg); -moz-box-shadow: -4px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: -4px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: -4px 2px 4px rgba(0, 0, 0, 0.5); } .ie .left-corner > span:after { box-shadow: none; } .left-corner:before { border-style: solid; border-width: 5px; border-color: transparent; left: -2px; bottom: -10px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -moz-border-radius: 0 0 5px 5px / 0 0 3px 3px; -webkit-border-radius: 0 0 5px 5px / 0 0 3px 3px; border-radius: 0 0 5px 5px / 0 0 3px 3px; } .left-corner:after { border-style: solid; border-width: 5px; border-color: transparent; right: -2px; bottom: -10px; -moz-border-radius: 0 5px 5px 0 / 0 3px 3px 0; -webkit-border-radius: 0 5px 5px 0 / 0 3px 3px 0; border-radius: 0 5px 5px 0 / 0 3px 3px 0; } .ie8 .left-corner:before, .ie8 .left-corner:after { display: none; border-radius: 0; } /****** Right corner wrap ******/ .right-corner { width: 175px; height: 40px; line-height: 40px; top: 90px; right: -34px; background-image: none !important; -moz-transform-origin: right 0; -moz-transform: rotate(45deg); -webkit-transform-origin: right 0; -webkit-transform: rotate(45deg); -o-transform-origin: right 0; -o-transform: rotate(45deg); -ms-transform-origin: right 0; -ms-transform: rotate(45deg); transform-origin: right 0; transform: rotate(45deg); } .ie8 .right-corner { top: 20px; right: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .right-corner > span { -webkit-background-size: 50% 100%; /* Saf3-4 */ -moz-background-size: 50% 100%; /* FF3.6 */ background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */ background-position: 48% 0; background-repeat: no-repeat; background-color: transparent !important; } .right-corner > span:before { width: 50%; height: 100%; top: 0; left: 40px; -moz-transform-origin: 0 0; -moz-transform: skew(-45deg); -webkit-transform-origin: 0 0; -webkit-transform: skew(-45deg); -o-transform-origin: 0 0; -o-transform: skew(-45deg); -ms-transform-origin: 0 0; -ms-transform: skew(-45deg); transform-origin: 0 0; transform: skew(-45deg); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .ie .right-corner > span:before { box-shadow: none; } .right-corner > span:after { width: 50%; height: 100%; top: 0; right: 40px; -moz-transform-origin: 0 0; -moz-transform: skew(45deg); -webkit-transform-origin: 0 0; -webkit-transform: skew(45deg); -o-transform-origin: 0 0; -o-transform: skew(45deg); -ms-transform-origin: 0 0; -ms-transform: skew(45deg); transform-origin: 0 0; transform: skew(45deg); -moz-box-shadow: -4px 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: -4px 2px 4px rgba(0, 0, 0, 0.5); box-shadow: -4px 2px 4px rgba(0, 0, 0, 0.5); } .ie .right-corner > span:after { box-shadow: none; } .right-corner:before { border-style: solid; border-width: 5px; border-color: transparent; left: -2px; bottom: -10px; -moz-border-radius: 5px 0 0 5px / 3px 0 0 3px; -webkit-border-radius: 5px 0 0 5px / 3px 0 0 3px; border-radius: 5px 0 0 5px / 3px 0 0 3px; } .right-corner:after { border-style: solid; border-width: 5px; border-color: transparent; right: -2px; bottom: -10px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -moz-border-radius: 0 5px 5px 0 / 0 3px 3px 0; -webkit-border-radius: 0 5px 5px 0 / 0 3px 3px 0; border-radius: 0 5px 5px 0 / 0 3px 3px 0; } .ie8 .right-corner:before, .ie8 .right-corner:after { display: none; border-radius: 0; } /****** Left/Right corner wrap with light colored strips ******/ .left-corner.strip > span, .right-corner.strip > span { -webkit-background-size: 50% 5px, 50% 5px, 50% 100%; /* Saf3-4 */ -moz-background-size: 50% 5px, 50% 5px, 50% 100%; /* FF3.6 */ background-size: 50% 5px, 50% 5px, 50% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */ background-position: 48% 0, 48% bottom, 48% 0; background-repeat: no-repeat, no-repeat, no-repeat; background-color: transparent !important; } .left-corner.strip > span:before, .left-corner.strip > span:after, .right-corner.strip > span:before, .right-corner.strip > span:after { -webkit-background-size: 100% 5px, 100% 5px, 100% 100%; /* Saf3-4 */ -moz-background-size: 100% 5px, 100% 5px, 100% 100%; /* FF3.6 */ background-size: 100% 5px, 100% 5px, 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */ background-position: 0 0, 0 bottom, 0 0; background-repeat: repeat-x, repeat-x, repeat; } /****** Left edge wrap with pointed end ******/ .left-edge.point { width: 120px; height: 40px; line-height: 40px; top: 20px; /* For the demo only, change accordingly */ left: -5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .ie8 .left-edge.point { left: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .left-edge.point > span { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .ie .left-edge.point > span { -pie-background: none; } .left-edge.point:before { border-style: solid; border-width: 5px; border-color: transparent; bottom: -5px; left: 0; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .left-edge.point:after { width: 28px; height: 28px; right: -14px; top: 50%; margin-top: -14px; -moz-transform-origin: center center; -moz-transform: rotate(45deg); -webkit-transform-origin: center center; -webkit-transform: rotate(45deg); -o-transform-origin: center center; -o-transform: rotate(45deg); -ms-transform-origin: center center; -ms-transform: rotate(45deg); transform-origin: center center; transform: rotate(45deg); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .ie8 .left-edge.point:before, .ie8 .left-edge.point:after { display: none; border-radius: 0; } /****** Right edge wrap with pointed end ******/ .right-edge.point { width: 120px; height: 40px; line-height: 40px; top: 20px; /* For the demo only, change accordingly */ right: -5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .ie8 .right-edge.point { right: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .right-edge.point > span { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .ie .right-edge.point > span { -pie-background: none; } .right-edge.point:before { border-style: solid; border-width: 4px; border-color: transparent; bottom: -5px; right: 0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .right-edge.point:after { width: 28px; height: 28px; left: -14px; top: 50%; margin-top: -14px; -moz-transform-origin: center center; -moz-transform: rotate(45deg); -webkit-transform-origin: center center; -webkit-transform: rotate(45deg); -o-transform-origin: center center; -o-transform: rotate(45deg); -ms-transform-origin: center center; -ms-transform: rotate(45deg); transform-origin: center center; transform: rotate(45deg); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } .ie8 .right-edge.point:before, .ie8 .right-edge.point:after { display: none; border-radius: 0; } /****** Left edge wrap with forked end ******/ .left-edge.fork { width: 120px; height: 40px; line-height: 40px; top: 20px; /* For the demo only, change accordingly */ left: -5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .ie8 .left-edge.fork { left: 0; border-radius: 0; box-shadow: none !important; } .left-edge.fork > span { -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .left-edge.fork > span:before { border-style: solid; border-width: 5px; border-color: transparent; bottom: -5px; left: 0; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .ie8 .left-edge.fork > span:before { display: none; } .left-edge.fork > span:after { right: -20px; top: 0; border-style: solid; border-width: 20px; } .left-edge.fork:before { right: 22px; bottom: 5px; width: 80px; height: 20px; background: #666; -moz-transform: rotate(-22deg) skew(18deg, 28deg); -webkit-transform: rotate(-22deg) skew(18deg, 28deg); -o-transform: rotate(-22deg) skew(18deg, 28deg); -ms-transform: rotate(-22deg) skew(18deg, 28deg); transform: rotate(-22deg) skew(18deg, 28deg); -moz-box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5); box-shadow: 25px 8px 4px rgba(0, 0, 0, 0.5); } .left-edge.fork:after { right: 22px; top: 5px; width: 80px; height: 20px; background: #666; -moz-transform: rotate(32deg) skew(-18deg, -28deg); -webkit-transform: rotate(32deg) skew(-18deg, -28deg); -o-transform: rotate(32deg) skew(-18deg, -28deg); -ms-transform: rotate(32deg) skew(-18deg, -28deg); transform: rotate(32deg) skew(-18deg, -28deg); -moz-box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5); box-shadow: 20px -5px 4px rgba(0, 0, 0, 0.5); } .ie8 .left-edge.fork:before, .ie8 .left-edge.fork:after { display: none; } /****** Right edge wrap with forked end ******/ .right-edge.fork { width: 120px; height: 40px; line-height: 40px; top: 20px; /* For the demo only, change accordingly */ right: -5px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .ie8 .right-edge.fork { right: 0; border-radius: 0; box-shadow: none !important; } /*.right-edge.fork > span { -moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .right-edge.fork > span:before { border-style: solid; border-width: 5px; border-color: transparent; bottom: -5px; right: 0; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }*/ .ie8 .right-edge.fork > span:before { display: none; } .right-edge.fork > span:after { left: -20px; top: 0; border-style: solid; border-width: 20px; } .right-edge.fork:before { left: 22px; bottom: 5px; width: 80px; height: 20px; background: #666; -moz-transform: rotate(22deg) skew(-18deg, -28deg); -webkit-transform: rotate(22deg) skew(-18deg, -28deg); -o-transform: rotate(22deg) skew(-18deg, -28deg); -ms-transform: rotate(22deg) skew(-18deg, -28deg); transform: rotate(22deg) skew(-18deg, -28deg); -moz-box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5); box-shadow: -25px 8px 4px rgba(0, 0, 0, 0.5); } .right-edge.fork:after { left: 22px; top: 5px; width: 80px; height: 20px; background: #666; -moz-transform: rotate(-32deg) skew(18deg, 28deg); -webkit-transform: rotate(-32deg) skew(18deg, 28deg); -o-transform: rotate(-32deg) skew(18deg, 28deg); -ms-transform: rotate(-32deg) skew(18deg, 28deg); transform: rotate(-32deg) skew(18deg, 28deg); -moz-box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5); box-shadow: -20px -5px 4px rgba(0, 0, 0, 0.5); } .ie8 .right-edge.fork:before, .ie8 .right-edge.fork:after { display: none; } /****** Stitch effect ******/ .left-edge.stitch > span { -webkit-background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px, 100% 100%; /* Saf3-4 */ -moz-background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px, 100% 100%; /* FF3.6 */ background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px, 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */ background-position: 4px 4px, 4px 5px, 4px 35px, 4px 36px, 0 0; background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat; } .right-edge.stitch > span { -webkit-background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px, 100% 100%; /* Saf3-4 */ -moz-background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px, 100% 100%; /* FF3.6 */ background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px, 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */ background-position: 116px 4px, 116px 5px, 116px 35px, 116px 36px, 0 0; background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat; } /********** Colour Styles **********/ /****** Light Blue ******/ .ie8 .lblue, .lblue > span, .lblue.left-corner > span:before, .lblue.left-corner > span:after, .lblue.right-corner > span, .lblue.right-corner > span:before, .lblue.right-corner > span:after { background-color: #42a5d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */ background-image: -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */ background-image: -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */ background-image: linear-gradient(top, #42a5d4, #24769d); } .lblue.left-corner.strip > span, .lblue.left-corner.strip > span:before, .lblue.left-corner.strip > span:after, .lblue.right-corner.strip > span, .lblue.right-corner.strip > span:before, .lblue.right-corner.strip > span:after { background-color: #42a5d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), linear-gradient(top, #42a5d4, #24769d); } .lblue.left-corner:before { border-left-color: #174c66; border-bottom-color: #174c66; } .lblue.left-corner:after { border-right-color: #174c66; border-top-color: #174c66; } .lblue.right-corner:before { border-left-color: #174c66; border-top-color: #174c66; } .lblue.right-corner:after { border-right-color: #174c66; border-bottom-color: #174c66; } .lblue.left-edge.point:after, .lblue.right-edge.point:after { background-color: #42a5d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(-45deg, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(-45deg, #42a5d4, #24769d); /* FF3.6 */ background-image: -ms-linear-gradient(-45deg, #42a5d4, #24769d); /* IE10 */ background-image: -o-linear-gradient(-45deg, #42a5d4, #24769d); /* Opera 11.10+ */ background-image: linear-gradient(-45deg, #42a5d4, #24769d); } .lblue.left-edge:before { border-left-color: #174c66; border-top-color: #174c66; } .lblue.right-edge:before { border-right-color: #174c66; border-top-color: #174c66; } /* Stitch Effect on pointed ribbon */ .lblue.left-edge.point.stitch > span { background-color: #42a5d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(top, #42a5d4, #24769d); } .lblue.right-edge.point.stitch > span { background-color: #42a5d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */ background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */ background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */ background-image: linear-gradientrighght, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradientrighght, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradientrighght, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradientrighght, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(top, #42a5d4, #24769d); } .lblue.left-edge.fork > span { background-color: #42a5d4; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #42a5d4), color-stop(5px, #42a5d4), color-stop(15%, #24769d), color-stop(65%, #24769d), color-stop(100%, #42a5d4)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* FF3.6 */ background-image: -ms-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE10 */ background-image: -o-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Opera 11.10+ */ background-image: linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); -pie-background: linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE6-IE9 */ } .ie8 .lblue.left-edge.fork > span { -pie-background: none; } .lblue.left-edge.fork > span:after { border-color: #42a5d4 transparent #42a5d4 #42a5d4; } .lblue.left-edge.fork > span:before { border-left-color: #174c66; border-top-color: #174c66; } .lblue.right-edge.fork > span { background-color: #42a5d4; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #42a5d4), color-stop(5px, #42a5d4), color-stop(15%, #24769d), color-stop(65%, #24769d), color-stop(100%, #42a5d4)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* FF3.6 */ background-image: -ms-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE10 */ background-image: -o-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Opera 11.10+ */ background-image: linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); -pie-background: linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE6-IE9 */ } .ie8 .lblue.right-edge.fork > span { -pie-background: none; } .lblue.right-edge.fork > span:after { border-color: #42a5d4 #42a5d4 #42a5d4 transparent; } .lblue.right-edge.fork > span:before { border-right-color: #174c66; border-top-color: #174c66; } /* Stitch Effect on forked ribbon */ .lblue.left-edge.fork.stitch > span { background-color: #42a5d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); } .lblue.right-edge.fork.stitch > span { background-color: #42a5d4; background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* FF3.6 */ background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* IE10 */ background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); /* Opera 11.10+ */ background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, #42a5d4 0, #42a5d4 5px, #24769d 15%, #24769d 65%, #42a5d4 100%); } /****** Light Red ******/ .ie8 .lred, .lred > span, .lred.left-corner > span:before, .lred.left-corner > span:after, .lred.right-corner > span, .lred.right-corner > span:before, .lred.right-corner > span:after { background-color: #f80000; background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */ background-image: -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */ background-image: linear-gradient(top, #f80000, #a30000); } .lred.left-corner.strip > span, .lred.left-corner.strip > span:before, .lred.left-corner.strip > span:after, .lred.right-corner.strip > span, .lred.right-corner.strip > span:before, .lred.right-corner.strip > span:after { background-color: #f80000; background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), linear-gradient(top, #f80000, #a30000); } .lred.left-corner:before { border-left-color: #5f0000; border-bottom-color: #5f0000; } .lred.left-corner:after { border-right-color: #5f0000; border-top-color: #5f0000; } .lred.right-corner:before { border-left-color: #5f0000; border-top-color: #5f0000; } .lred.right-corner:after { border-right-color: #5f0000; border-bottom-color: #5f0000; } .lred.left-edge.point:after, .lred.right-edge.point:after { background-color: #f80000; background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(-45deg, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(-45deg, #f80000, #a30000); /* FF3.6 */ background-image: -ms-linear-gradient(-45deg, #f80000, #a30000); /* IE10 */ background-image: -o-linear-gradient(-45deg, #f80000, #a30000); /* Opera 11.10+ */ background-image: linear-gradient(-45deg, #f80000, #a30000); } .lred.left-edge:before { border-left-color: #5f0000; border-top-color: #5f0000; } .lred.right-edge:before { border-right-color: #5f0000; border-top-color: #5f0000; } /* Stitch Effect on pointed ribbon */ .lred.left-edge.point.stitch > span { background-color: #f80000; background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(top, #f80000, #a30000); } .lred.right-edge.point.stitch > span { background-color: #f80000; background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(top, #f80000, #a30000); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(top, #f80000, #a30000); /* FF3.6 */ background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(top, #f80000, #a30000); /* IE10 */ background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(top, #f80000, #a30000); /* Opera 11.10+ */ background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(top, #f80000, #a30000); } .lred.left-edge.fork > span { background-color: #f80000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f80000), color-stop(5px, #f80000), color-stop(15%, #a30000), color-stop(65%, #a30000), color-stop(100%, #f80000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* FF3.6 */ background-image: -ms-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE10 */ background-image: -o-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Opera 11.10+ */ background-image: linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); -pie-background: linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE6-IE9 */ } .ie8 .lred.left-edge.fork > span { -pie-background: none; } .lred.left-edge.fork > span:after { border-color: #f80000 transparent #f80000 #f80000; } .lred.left-edge.fork > span:before { border-left-color: #5f0000; border-top-color: #5f0000; } .lred.right-edge.fork > span { background-color: #f80000; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #f80000), color-stop(5px, #f80000), color-stop(15%, #a30000), color-stop(65%, #a30000), color-stop(100%, #f80000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* FF3.6 */ background-image: -ms-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE10 */ background-image: -o-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Opera 11.10+ */ background-image: linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); -pie-background: linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE6-IE9 */ } .ie8 .lred.right-edge.fork > span { -pie-background: none; } .lred.right-edge.fork > span:after { border-color: #f80000 #f80000 #f80000 transparent; } .lred.right-edge.fork > span:before { border-right-color: #5f0000; border-top-color: #5f0000; } /* Stitch Effect on forked ribbon */ .lred.left-edge.fork.stitch > span { background-color: #f80000; background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); } .lred.right-edge.fork.stitch > span { background-color: #f80000; background-image: -webkit-gradient(linear, left top, left bottom, from(#f80000), to(#a30000)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* FF3.6 */ background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* IE10 */ background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); /* Opera 11.10+ */ background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, #f80000 0, #f80000 5px, #a30000 15%, #a30000 65%, #f80000 100%); } /****** Light Green ******/ .ie8 .lgreen, .lgreen > span, .lgreen.left-corner > span:before, .lgreen.left-corner > span:after, .lgreen.right-corner > span, .lgreen.right-corner > span:before, .lgreen.right-corner > span:after { background-color: #80b73d; background-image: -webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */ background-image: -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */ background-image: -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */ background-image: linear-gradient(top, #80b73d, #547728); } .lgreen.left-corner.strip > span, .lgreen.left-corner.strip > span:before, .lgreen.left-corner.strip > span:after, .lgreen.right-corner.strip > span, .lgreen.right-corner.strip > span:before, .lgreen.right-corner.strip > span:after { background-color: #80b73d; background-image: -webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), linear-gradient(top, #80b73d, #547728); } .lgreen.left-corner:before { border-left-color: #304417; border-bottom-color: #304417; } .lgreen.left-corner:after { border-right-color: #304417; border-top-color: #304417; } .lgreen.right-corner:before { border-left-color: #304417; border-top-color: #304417; } .lgreen.right-corner:after { border-right-color: #304417; border-bottom-color: #304417; } .lgreen.left-edge.point:after, .lgreen.right-edge.point:after { background-color: #80b73d; background-image: -webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(-45deg, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(-45deg, #80b73d, #547728); /* FF3.6 */ background-image: -ms-linear-gradient(-45deg, #80b73d, #547728); /* IE10 */ background-image: -o-linear-gradient(-45deg, #80b73d, #547728); /* Opera 11.10+ */ background-image: linear-gradient(-45deg, #80b73d, #547728); } .lgreen.left-edge:before { border-left-color: #304417; border-top-color: #304417; } .lgreen.right-edge:before { border-right-color: #304417; border-top-color: #304417; } /* Stitch Effect on pointed ribbon */ .lgreen.left-edge.point.stitch > span { background-color: #80b73d; background-image: -webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(top, #80b73d, #547728); } .lgreen.right-edge.point.stitch > span { background-color: #80b73d; background-image: -webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */ background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */ background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */ background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(top, #80b73d, #547728); } .lgreen.left-edge.fork > span { background-color: #80b73d; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #80b73d), color-stop(5px, #80b73d), color-stop(15%, #547728), color-stop(65%, #547728), color-stop(100%, #80b73d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* FF3.6 */ background-image: -ms-linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* IE10 */ background-image: -o-linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* Opera 11.10+ */ background-image: linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); -pie-background: linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* IE6-IE9 */ } .ie8 .lgreen.left-edge.fork > span { -pie-background: none; } .lgreen.left-edge.fork > span:after { border-color: #80b73d transparent #80b73d #80b73d; } .lgreen.left-edge.fork > span:before { border-left-color: #304417; border-top-color: #304417; } .lgreen.right-edge.fork > span { background-color: #80b73d; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #80b73d), color-stop(5px, #80b73d), color-stop(15%, #547728), color-stop(65%, #547728), color-stop(100%, #80b73d)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* FF3.6 */ background-image: -ms-linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* IE10 */ background-image: -o-linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* Opera 11.10+ */ background-image: linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); -pie-background: linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* IE6-IE9 */ } .ie8 .lgreen.right-edge.fork > span { -pie-background: none; } .lgreen.right-edge.fork > span:after { border-color: #80b73d #80b73d #80b73d transparent; } .lgreen.right-edge.fork > span:before { border-right-color: #304417; border-top-color: #304417; } /* Stitch Effect on forked ribbon */ .lgreen.left-edge.fork.stitch > span { background-color: #80b73d; background-image: -webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); } .lgreen.right-edge.fork.stitch > span { background-color: #80b73d; background-image: -webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* FF3.6 */ background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* IE10 */ background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); /* Opera 11.10+ */ background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, #80b73d 0, #80b73d 5px, #547728 15%, #547728 65%, #80b73d 100%); } /****** Light Yellow ******/ .ie8 .lyellow, .lyellow > span, .lyellow.left-corner > span:before, .lyellow.left-corner > span:after, .lyellow.right-corner > span, .lyellow.right-corner > span:before, .lyellow.right-corner > span:after { background-color: #ffc037; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */ background-image: -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */ background-image: -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */ background-image: linear-gradient(top, #ffc037, #e19a00); } .lyellow.left-corner.strip > span, .lyellow.left-corner.strip > span:before, .lyellow.left-corner.strip > span:after, .lyellow.right-corner.strip > span, .lyellow.right-corner.strip > span:before, .lyellow.right-corner.strip > span:after { background-color: #ffc037; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -o-linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), linear-gradient(left, rgba(255, 255, 255, 0.7) 0, rgba(255, 255, 255, 0.7) 10px), linear-gradient(top, #ffc037, #e19a00); } .lyellow.left-corner:before { border-left-color: #9d6c00; border-bottom-color: #9d6c00; } .lyellow.left-corner:after { border-right-color: #9d6c00; border-top-color: #9d6c00; } .lyellow.right-corner:before { border-left-color: #9d6c00; border-top-color: #9d6c00; } .lyellow.right-corner:after { border-right-color: #9d6c00; border-bottom-color: #9d6c00; } .lyellow.left-edge.point:after, .lyellow.right-edge.point:after { background-color: #ffc037; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(-45deg, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(-45deg, #ffc037, #e19a00); /* FF3.6 */ background-image: -ms-linear-gradient(-45deg, #ffc037, #e19a00); /* IE10 */ background-image: -o-linear-gradient(-45deg, #ffc037, #e19a00); /* Opera 11.10+ */ background-image: linear-gradient(-45deg, #ffc037, #e19a00); } .lyellow.left-edge:before { border-left-color: #9d6c00; border-top-color: #9d6c00; } .lyellow.right-edge:before { border-right-color: #9d6c00; border-top-color: #9d6c00; } /* Stitch Effect on pointed ribbon */ .lyellow.left-edge.point.stitch > span { background-color: #ffc037; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(top, #ffc037, #e19a00); } .lyellow.right-edge.point.stitch > span { background-color: #ffc037; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */ background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */ background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */ background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(top, #ffc037, #e19a00); } .lyellow.left-edge.fork > span { background-color: #ffc037; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffc037), color-stop(5px, #ffc037), color-stop(15%, #e19a00), color-stop(65%, #e19a00), color-stop(100%, #ffc037)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* FF3.6 */ background-image: -ms-linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* IE10 */ background-image: -o-linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* Opera 11.10+ */ background-image: linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); -pie-background: linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* IE6-IE9 */ } .ie8 .lyellow.left-edge.fork > span { -pie-background: none; } .lyellow.left-edge.fork > span:after { border-color: #ffc037 transparent #ffc037 #ffc037; } .lyellow.left-edge.fork > span:before { border-left-color: #9d6c00; border-top-color: #9d6c00; } .lyellow.right-edge.fork > span { background-color: #ffc037; background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #ffc037), color-stop(5px, #ffc037), color-stop(15%, #e19a00), color-stop(65%, #e19a00), color-stop(100%, #ffc037)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* FF3.6 */ background-image: -ms-linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* IE10 */ background-image: -o-linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* Opera 11.10+ */ background-image: linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); -pie-background: linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* IE6-IE9 */ } .ie8 .lyellow.right-edge.fork > span { -pie-background: none; } .lyellow.right-edge.fork > span:after { border-color: #ffc037 #ffc037 #ffc037 transparent; } .lyellow.right-edge.fork > span:before { border-right-color: #9d6c00; border-top-color: #9d6c00; } /* Stitch Effect on forked ribbon */ .lyellow.left-edge.fork.stitch > span { background-color: #ffc037; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* FF3.6 */ background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* IE10 */ background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* Opera 11.10+ */ background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(left, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); } .lyellow.right-edge.fork.stitch > span { background-color: #ffc037; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -webkit-linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -moz-linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* FF3.6 */ background-image: -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -ms-linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* IE10 */ background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), -o-linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); /* Opera 11.10+ */ background-image: linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), linear-gradient(right, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px), linear-gradient(right, #ffc037 0, #ffc037 5px, #e19a00 15%, #e19a00 65%, #ffc037 100%); } .smallr { width: 165px; height: 20px; line-height: 20px; top: 90px; right: -28px; overflow:hidden !important; font-size:11px; letter-spacing: 1px; } .smallr span:before { background:red !important; } .smallr > span { background:red !important; } .smallr span:after { background:red !important; width: 50%; box-shadow:none !important } .smallr .right-corner.strip > span {background:red !important } #PPTHomePage #style3_wrapper { background: #eee url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/hbg.jpg) repeat-x; border:1px solid #ddd; clear:both;height:160px; margin-top:10px; margin-bottom:15px;} #PPTHomePage #style3 { margin-top:20px; width: 540px !important; margin:0 auto; } #PPTHomePage #style3_car1 { float: left; width: 470px !important; height: 140px; position: relative; border:1px solid #ccc; } #PPTHomePage #style3 .container { float: left; width:470px !important; height: 150px; position: relative; overflow: hidden; } #PPTHomePage #style3 ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 70px; margin-top:21px;} #PPTHomePage #style3 ul li { margin-top:20px; width: 130px; height: 150px; text-align: center; list-style:none; float:left; margin-left:10px; margin-right:20px;} #PPTHomePage #style3 ul li img { border:1px solid #ccc; cursor:pointer; max-width:120px; max-height:90px; } #PPTHomePage #style3 ul li { border-right:0px;} #PPTHomePage #style3 .previous_button { float:left; width: 34px; height: 160px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2.jpg); z-index: 100; cursor: pointer;} #PPTHomePage #style3 .previous_button_over { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2a.jpg);} #PPTHomePage #style3 .previous_button_disabled { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2b.jpg); cursor: default;} #PPTHomePage #style3 .next_button { float:left; width: 34px; height: 160px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1.jpg); z-index: 100; cursor: pointer;} #PPTHomePage #style3 .next_button_over { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1a.jpg);} #PPTHomePage #style3 .next_button_disabled { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1b.jpg); cursor: default;} #PPTHomePage #style2_wrapper { background: #eee url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/hbg.jpg) repeat-x; border:1px solid #ddd; clear:both;height:160px; margin-top:10px; margin-bottom:15px;} #PPTHomePage #style2 { margin-top:20px; width: 660px !important; margin:0 auto; margin-left:15px;} #PPTHomePage #style2_car1 { float: left; width: 570px !important; height: 140px; position: relative; border:1px solid #ccc; } #PPTHomePage #style2 .container { float: left; width:570px !important; height: 150px; position: relative; overflow: hidden; } #PPTHomePage #style2 ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 70px; margin-top:21px;} #PPTHomePage #style2 ul li { margin-top:20px; width: 130px; height: 150px; text-align: center; list-style:none; float:left; margin-left:0px; margin-right:15px;} #PPTHomePage #style2 ul li img { border:1px solid #ccc; cursor:pointer; max-width:120px; max-height:90px; } #PPTHomePage #style2 ul li { border-right:0px;} #PPTHomePage #style2 .previous_button { float:left; width: 34px; height: 160px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2.jpg); z-index: 100; cursor: pointer;} #PPTHomePage #style2 .previous_button_over { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2a.jpg);} #PPTHomePage #style2 .previous_button_disabled { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2b.jpg); cursor: default;} #PPTHomePage #style2 .next_button { float:left; width: 34px; height: 160px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1.jpg); z-index: 100; cursor: pointer;} #PPTHomePage #style2 .next_button_over { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1a.jpg);} #PPTHomePage #style2 .next_button_disabled { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1b.jpg); cursor: default;} #PPTHomePage #style1_wrapper { background: #eee url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/hbg.jpg) repeat-x; border:1px solid #ddd; clear:both;height:160px; margin-top:10px; margin-bottom:15px; } #PPTHomePage #style1 { margin-top:20px; width: 930px !important; margin:0 auto; margin-left:10px;} #PPTHomePage #style1_car1 { float: left; width: 480px !important; height: 140px; position: relative; border:1px solid #ccc; } #PPTHomePage #style1 .container { float: left; width: 850px !important; height: 150px; position: relative; overflow: hidden; } #PPTHomePage #style1 ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 70px; margin-top:27px; margin-left:25px;} #PPTHomePage #style1 ul li { margin-top:20px; width: 147px; height: 150px; text-align: center; list-style:none; float:left; margin-left:10px; margin-right:10px;} #PPTHomePage #style1 ul li img { border:1px solid #ccc; cursor:pointer; max-width:120px; max-height:90px; } #PPTHomePage #style1 ul li { border-right:0px;} #PPTHomePage #style1 .previous_button { float:left; width: 34px; height: 160px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2.jpg); z-index: 100; cursor: pointer;} #PPTHomePage #style1 .previous_button_over { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2a.jpg);} #PPTHomePage #style1 .previous_button_disabled { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho2b.jpg); cursor: default;} #PPTHomePage #style1 .next_button { float:left; width: 34px; height: 160px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1.jpg); z-index: 100; cursor: pointer;} #PPTHomePage #style1 .next_button_over { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1a.jpg);} #PPTHomePage #style1 .next_button_disabled { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/ho1b.jpg); cursor: default;} #PPTHomePage #featured-item { width:100%; height: 250px; position: relative; float:left; margin:0; display:block; overflow: hidden; padding:0px;margin-bottom:10px;background:#efefef;} #PPTHomePage #featured-itemContent { width: 100%; position: absolute; top: 0; margin:0; padding:0; list-style:none; margin-left: 0;} #PPTHomePage .featured-itemImage { border:0px; width:100%; height:254px; float: left; position: relative; display: none;} #PPTHomePage .featured-itemImage span { position: absolute; left: 0; font: 10px/15px Arial, Helvetica, sans-serif; width:100%; min-width: 699px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; color: #fff; display: none; bottom: 0;} #PPTHomePage .featured-itemImage span strong { font-weight:normal; font-size:20px; letter-spacing:-1px; display:block; margin:15px 0 5px 15px !important; padding:0 } #PPTHomePage .featured-itemImage span b { font-weight:normal; display:block; margin:3px 0 12px 15px !important; padding:0; line-height:18px; font-size:14px; width:450px } #PPTHomePage .featured-itemImage span em.price { font-style:normal; display:block; height:30px; padding:5px 0; font-size:25px; letter-spacing:normal; position:absolute; right:15px; top:10px; line-height:25px;} #PPTHomePage .featured-itemImage span em.more-info { font-style:normal; font-size:12px; font-weight:bold; display:block; position:absolute; right:15px; top:52px } #PPTHomePage .featured-itemImage span strong {color:#333333; } #PPTHomePage .featured-itemImage span { background-color: #eeeeee; } #PPTHomePage .featured-itemImage span b { color:#666666; } #PPTHomePage .featured-itemImage span em.price { color:#333333; } #PPTHomePage #homeCategories ul li { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/folder.png) no-repeat 8px 0px; float:left; } #PPTHomePage .full #homeCategories ul li { width:300px; overflow:hidden; height:63px; } #PPTHomePage .middle3cols #homeCategories ul li { width:255px; overflow:hidden; } #PPTHomePage .middle2cols #homeCategories ul li { width:320px;overflow:hidden; } #PPTHomePage #homeCategories ul li a{ display: block;padding: 5px 0;line-height: 17px;padding-left: 38px;text-decoration: none; } #PPTHomePage #homeCategories ul .sm { padding:0px; margin:0px; float:left; padding:2px; margin-top:3px;} #PPTHomePage #homeCategories .bit { margin-left:10px; margin-bottom:30px; } #PPTHomePage #homeCategories .bit16 { font-size:16px; } #PPTHomePage #homeCategories ul li a { padding-left:45px; } #PPTHomePage #homeCategories .bit { margin-top:5px; } #PPTHomePage #homeCompactCategories ul li { float:left; } #PPTHomePage .full #homeCompactCategories ul li { width:200px; overflow:hidden; } #PPTHomePage .middle3cols #homeCompactCategories ul li { width:170px; overflow:hidden; } #PPTHomePage .middle2cols #homeCompactCategories ul li { width:190px;overflow:hidden; } #PPTHomePage #homeFeaturedList ul li { padding:10px; clear:both; border-bottom:1px solid #ddd; } #PPTHomePage #homeFeaturedList ul li:hover { background:#efefef; } #PPTHomePage #homeFeaturedList ul li img { border:1px solid black; max-height:55px; max-width:65px; float:left; margin-right:10px; } #PPTHomePage #homeFeaturedList ul li h2 { font-size:16px; background:none; padding:0px; } .advtabs { margin-top:10px; } .ppt-clean-carousel_wrapper { clear:both; height:160px; } .ppt-clean-carousel { margin-top:0px; margin:0 auto; margin-left:0px;} .ppt-clean-carousel .container { float: left; height: 150px; position: relative; overflow: hidden; } .cols0 { width: 920px !important; } .cols0 .container { width: 850px; } .cols1, .cols2 { width: 660px !important; } .cols1 .container, .cols2 .container { width: 570px; } .cols3 { width: 530px !important; } .cols3 .container { width: 450px; } .cols3 ul li { margin-right:17px !important; } .ppt-clean-carousel ul { margin: 0; padding:0; width: 100000px; position: relative; top: 0; left: 0; height: 70px; margin-top:0px;} .ppt-clean-carousel ul li { margin-top:0px; width: 130px; height: 150px; text-align: center; list-style:none; float:left; margin-left:0px; margin-right:12px; } .ppt-clean-carousel ul li img { border:1px solid #ccc; cursor:pointer; max-width:120px; max-height:90px; } .ppt-clean-carousel ul li { border-right:0px;} .ppt-clean-carousel .previous_button { float:left; width: 35px; height: 35px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/sliderb2.png) no-repeat; z-index: 100; cursor: pointer; margin-top:40px; } .ppt-clean-carousel .previous_button_over { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/sliderb2.png) no-repeat; } .ppt-clean-carousel .previous_button_disabled { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/sliderb2.png) no-repeat; cursor: default;} .ppt-clean-carousel .next_button { float:left; width: 35px; height: 35px; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/sliderb1.png) no-repeat; z-index: 100; cursor: pointer; margin-top:40px;} .ppt-clean-carousel .next_button_over { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/sliderb1.png) no-repeat; } .ppt-clean-carousel .next_button_disabled { background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/slider/sliderb1.png) no-repeat; cursor: default;} .ppt-clean-carousel .ctext { height:40px; overflow:hidden; display:block; } .ppt-clean-carousel .ctext .price { display:block; } #object_bigsearch { padding:20px; } #object_bigsearch #s {padding:10px; border:1px solid #666;width:250px;font-size:16px; font-weight:bold; color:#ccc;} #object_bigsearch p { font-size:20px; } #object_bigsearch p.desc { font-size:12px; }* { margin: 0; padding: 0; outline: 0; } body { background:#efefef; margin-top:10px; } ol,ul { list-style:none; } h1,h2,h3,h4 { color: #097fb7; } .greybg { background: transparent url(//link-speicher.de/wp-content/themes/directorypress/PPT/img/content_pane-gradient.gif) bottom left repeat-x; } .texttitle { font-size:11px; color:#ccc; padding:0px; margin:0px; letter-spacing:1px; text-transform:uppercase; } a { color: #097fb7; text-decoration: none; } a:hover { cursor: pointer; text-decoration: none; } a img { border: 0; } #header { background:#fff; } #page { background:white; margin-bottom:0px; } #logo { width:450px; } #banner { margin-top:10px; } .menu { background: #666; height:50px;} .menu li { background:url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/menu_spacer.png) top right no-repeat; } .menu li a {color: #EEE; font-size:16px; line-height:50px; } .menu li ul li { min-height:25px !important; } .menu li ul a, #hpages li ul a, .submenu li ul a, .category li ul a, .submenu_account li ul a { line-height:normal; } #searchBox { padding:7px; float:left; } #searchBox .searchBtn { padding:0px; margin:0px; border:0px; width:33px; height:29px; background:url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/searchbtn.png) no-repeat; border:0px !important; padding:0px; cursor:pointer; float:left; } #searchBox #catsearch, #searchBox #s { float:left; margin-right:6px; } #searchBox a { margin-left:15px; padding-top:10px; float:left; text-decoration:underline; } #AdvancedSearchBox h2 { color:#666; } .AdvancedSearchBox { border: 1px solid #ddd; padding:10px; background:#efefef; } .AdvancedSearchBox h2 { font-size:20px; } .AdvancedSearchBox label { font-size:16px; color:#666; } #content { } .left3cols,.middle3cols,.right3cols { margin-top:10px; } .itembox { border: 2px solid #E2E2E2;clear: both;margin: 0px 0px 15px;padding: 0px;} .itembox h2.title,.itembox h1.title { color: #404040;font-size: 17px; padding: 5px 3px 5px 15px; margin:0px; border:1px solid #fff; filter : progid:DXImageTransform.Microsoft.gradient(startColorStr='#efefef', EndColorStr='#e0e0e0'); background-image : -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(1, #e0e0e0)); background-image : -webkit-linear-gradient(top, #efefef 0%, #e0e0e0 100%); background-image : -moz-linear-gradient(top, #efefef 0%, #e0e0e0 100%); background-image : -ms-linear-gradient(top, #efefef 0%, #e0e0e0 100%); background-image : -o-linear-gradient(top, #efefef 0%, #e0e0e0 100%); background-image : linear-gradient(top, #efefef 0%, #e0e0e0 100%); border-bottom:1px solid #ddd; } .itemboxinner { padding:10px; } #footer { background: #666 ; } #footer h3 { color:#ddd} #footer p { color:#efefef; } #copyright { font-weight:bold; } #copyright p { padding-left:15px; color:#eee; } #copyright p a { color:#eee; text-decoration:underline; } .recentarticles a { color:#ffffff; } #footer .first_col { color:#ffffff; } #sidebar { background:#fff; } #sidebar .photo { float:right; } #PPTHomePage #homeFeaturedList h3 { line-height:10px; } .searchresultsbar { padding:10px; background:#fff; color:#999; } .searchresultsbar a { color:#666; } #PPTGalleryPage .minH { min-height:140px; } .frame > img, .stwpvp > img { max-height: 140px; } ol.pag_switch { font-size: 0px;} ol.pag_switch li { display: inline-block;} ol.pag_switch a.pag_switch_button { background: #e6e6e6 url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/pag-bg.png) repeat-x; border: 1px solid #bbbbbb; border-left: none; display: inline-block; margin: 0px; padding: 3px 6px 1px 6px; -webkit-box-shadow: 0px 1px 0px #ffffff; -moz-box-shadow: 0px 1px 0px #ffffff; box-shadow: 0px 1px 0px #ffffff;} ol.pag_switch a.selected.pag_switch_button, ol.pag_switch a.pag_switch_button:active { background: #d0d0d0 url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/pag-bg-selected.png) repeat-x;} ol.pag_switch li:first-child a.pag_switch_button { border-left: 1px solid #bbbbbb; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} ol.pag_switch li:last-child a.pag_switch_button { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} #subcategories { border-top:1px solid #ddd; margin:8px; } #subcategories ul { margin-left:-15px; } .dropui { margin-right:10px; margin-top:-2px;} #PPTGalleryPage #subcategories ul li a {padding-left: 35px;} .items { margin-bottom: 30px;} .items li { margin-left: 15px; margin-top: 20px; display: inline-block; float:left; overflow: hidden; } .items .preview { margin-bottom: 10px; } .items li .frame { margin-left:auto; margin-right:auto; display:block; max-height:200px; max-width:200px; } .items a.title { font-size: 24px; font-weight: bold; color: #333333; margin: 5px; } .items .tagline { font-size:12px; } .title a { font-size:18px; font-weight:bold; line-height: 25px; } .items .actions { display:none; } .middle2cols .actions { border-top:1px dotted #ccc; padding-top:10px; width:640px; margin-top:5px; } .middle3cols .actions { border-top:1px dotted #ccc; padding-top:10px; width:520px; margin-top:5px; } .actions { padding:10px; } .items .tags1 { display:none; } ul.items.list_style .tags1 { display:block; font-size:10px; margin-right:10px; margin-top:5px; } ul.items.list_style .tags1 a { text-decoration:underline; } ul.items.list_style { margin: 0px;} ul.items.list_style li { background: #fafafa; margin: 0px; border-top: 1px solid #dddddd; display: block; overflow: hidden; float:none; } ul.items.list_style li:nth-child(odd) { background: #ffffff; } ul.items.list_style a.title { margin: 0px 0px; } .three_columns p {margin:0px; font-size:11px; line-height:16px; } ul.items.list_style .tagline { font-weight:bold; font-size:14px; color:#333; } ul.items.list_style .preview { width: 160px; min-height: 100px; margin: 0px; margin-right: 20px; float: left; margin-bottom:10px;} ul.items.list_style li:hover { background: #efefef;} ul.items.list_style .actions { display:block; } ul.items.list_style .smalltags { font-size:10px; } .three_columns .ratingblock { display:none; } ul.paginationD { padding:0px; border:0px; float:right; } #PPTGalleryPage .iconss { text-decoration:underline; padding-left:20px; background:url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/icons/save.png) no-repeat; padding-right:5px; } #PPTGalleryPage .iconvss { text-decoration:underline; padding-left:20px; background:url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/icons/vsave.png) no-repeat; padding-right:5px; } #PPTGalleryPage .iconemail { text-decoration:underline; padding-left:20px; background:url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/icons/email.png) no-repeat; } #PPTGalleryPage .iconemail:hover { background-position:0px -18px; } #PPTGalleryPage .iconvss:hover { background-position:0px -17px; } #PPTGalleryPage .iconss:hover { background-position:0px -17px; } .iconfavs { text-decoration:underline; padding-left:20px; background:url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/icon-home-list.png) 0px 2px no-repeat; padding-right:5px; } .featuredlisting { background: #E2F2CE !important; color: #466840 !important; border-color: #BFE098 !important; } .three_columns .featuredlisting { background: inherit !important; } .three_columns .smalltags { display:none; } .three_columns .tagline { display:none; } .featuredlisting .title a { color:#77a600 !important; line-height: 27px; } .featuredlisting .tagline { color:#333 !important; } .featuredlisting .frame { background: #fff; border: 1px solid #BFE098; border-top: 1px solid #BFE098; } .featuredlisting:hover { background:#ecf6e0 !important; } #PPTGalleryPage .middle2cols ul.items.three_columns li { width: 200px; height: 220px;} #PPTGalleryPage .middle3cols ul.items.three_columns li {width: 160px; height: 210px; overflow:hidden; } #PPTGalleryPage .three_columns .txtbit { float: left;width: auto;} #PPTGalleryPage .three_columns .ititle { text-align:center; width:130px; } #PPTGalleryPage .three_columns .ititle a { font-size:16px !important; line-height:20px; font-size:12px; text-align:center; } #PPTGalleryPage .three_columns .excerpt { display:none; } #PPTGalleryPage .ratingblock, #PPTHomePage .ratingblock { float:left; margin-left:10px; margin-top:0px; } .ratingtext { display:none; } .stwpvp { max-width:150px; } .favtxtm { margin-right:10px; margin-top:6px; text-decoration:underline; } #PPTGalleryPage ul.items li .ititle { padding:0px; margin:0px; } #PPTGalleryPage ul.items li .ititle a { color:#666; font-size:21px;} #PPTGalleryPage ul.items li.featuredlisting .ititle a { color:#559323; font-size:21px;} #PPTGalleryPage ul.items.list_style .tags1 a { color:#666; background:url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/i/b2.png) 0px 1px no-repeat; padding-left:15px; margin-right:1px; text-decoration:underline; } #PPTGalleryPage ul.items.list_style .tags1 { display:block; font-size:10px; margin-right:10px; } #PPTGalleryPage .items .tags1 { display:none; } #PPTGalleryPage .txtbit { float:left; width: 450px; } #PPTGalleryPage .middle3cols .txtbit { width: 320px; } #PPTHomePage #PPTGalleryPage #itemsbox .three_columns { margin-left:-10px; } .attachment { margin:5px; } #PPTSinglePage-post .ratingblock { float:right;display:block; margin-right:10px; } #tab1 hr { margin:0px; margin-top:10px; } .tags { margin-top:10px; } .PackageIcon { float:right; } .buttonbox { margin-top:10px; } .buttonbox a { margin-right:10px; } #PPTSinglePage-post #begin h1 { font-size: 25px;margin-top: -10px;color: #666; margin-left:-10px; } #PPTSinglePage-post .tagline { font-weight:bold; } #PPTSinglePage-post #begin .frame { margin-top:-17px; } #PPTSinglePage-post .entry { padding-top:10px; } #PPTSinglePage-post .texttitle { height:40px; line-height:40px; } #PPTSinglePage-post .itemboxinner { overflow:visible; } .payicon { float:right; margin-right:0px; background: #fff url(//link-speicher.de/wp-content/themes/directorypress/template_directorypress/images/buy_paypal.gif) no-repeat; width:200px; height:70px; } .extrainfo { background:#efefef; border-top:2px solid #ddd; border-bottom: 2px solid #ddd; padding:10px; margin-top:30px; margin-right:20px;} #steptable div.steps h4 { color:#CCCCCC; }.selectBox-dropdown { min-width: 130px; position: relative; border: solid 1px #BBB; line-height: 1.5; text-decoration: none; text-align: left; color: #000; outline: none; vertical-align: middle; background: #F2F2F2; background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; cursor: default; } .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #666; } .selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectBox-dropdown .selectBox-label { padding: 2px 8px; display: inline-block; white-space: nowrap; overflow: hidden; } #ppt-widget-advancedsearch-box .selectBox-dropdown .selectBox-arrow, #ppt-widget-taxonomy-box .selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; background: url(//link-speicher.de/wp-content/themes/directorypress/PPT/js/arrow.png) 50% center no-repeat; border-left: solid 1px #BBB; } .selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #BBB; background: #FFF; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); overflow: auto; } .selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; } .selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .selectBox-options LI.selectBox-hover A { background-color: #EEE; } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .selectBox-options LI.selectBox-selected A { background-color: #C8DEF4; } .selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; } .selectBox.selectBox-disabled { color: #888 !important; } .selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; } .selectBox-inline.selectBox-disabled { color: #888 !important; } .selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; } #ppt-widget-advancedsearch-box input, #ppt-widget-taxonomy-box input { float: right; padding: 3px 5px; border: solid 1px #bbbbbb; text-align: left; color: #666666; outline: none; background: #f2f2f2; background: -moz-linear-gradient( top, #e1e1e1 1%, #f8f8f8 100% ); background: -webkit-gradient(linear, left top, left bottom, color-stop( 1%, #e1e1e1 ), color-stop( 100%, #f8f8f8 )); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#f8f8f8', GradientType=0 ); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .selectBox-dropdown { position: relative; border: solid 1px #bbbbbb; height: 22px; text-decoration: none; text-align: left; color: #666666; outline: none; vertical-align: middle; background: #f2f2f2; background: -moz-linear-gradient(top, #f8f8f8 1%, #e1e1e1 100%); background: -webkit-gradient( linear, left top, left bottom, color-stop( 1%, #f8f8f8 ), color-stop( 100%, #e1e1e1 )); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e1e1e1', GradientType=0 ); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor: default; float:right; } .side .selectBox-dropdown { clear: both; float: left; } .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #666666; } .selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectBox-dropdown .selectBox-label { padding: 2px 8px; display: inline-block; white-space: nowrap; overflow: hidden; } .selectBox { width:80px; float:right; } #sidebar-left label, #sidebar label { font-weight: normal; width:80px; float:left; font-size: 11px; display: normal; padding-bottom: 0px; } .left3cols .selectBox-dropdown { min-width: 178px !important; } #ppt-widget-advancedsearch-box .left3cols input, #ppt-widget-taxonomy-box .left3cols input { min-width: 167px !important; } #ppt-widget-advancedsearch-box .left2cols input, #ppt-widget-taxonomy-box .left2cols input { width: 110px !important; } .left3cols .refreshclist { float:right; margin-top:-45px; } #AdvancedSearchTaxForm { padding:10px; padding-top:0px; }a, h1, h2, h3, h4 { color:#444; } body { font: 14px/19px Arial,sans-serif; background-color: #ff9202; background-image: url(//link-speicher.de/wp-content/themes/directorypress/themes/directorypress-Glow-Orange/images/background.gif); background-repeat: repeat-x; color: #000;} .wrapper { -webkit-box-shadow: 0 0 0px #cccccc; -moz-box-shadow: 0 0 8px #cccccc; -webkit-box-shadow: 0 0 8px #ccc; box-shadow:0px 0px 15px #ccc; -webkit-transition: -webkit-box-shadow 0.9s ease; -moz-transition: -moz-box-shadow 0.9s ease-in-out} #widecolumn .wrapper {-webkit-box-shadow: #CCC 0px 0px 0px; border:0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -webkit-transition: -webkit-box-shadow 0s ease; -moz-transition: -moz-box-shadow 0s ease-in-out;} #header { height:100px;overflow:hidden; background:#fff; } .menu { background: #ff9202 url(//link-speicher.de/wp-content/themes/directorypress/themes/directorypress-Glow-Orange/images/menu.gif) top left repeat-x; } .menu li a {color: #fff;} .itembox { border:1px solid #ffb614; } .itembox h2, .itembox h1,.itembox h1 a {color: #fff; background: #efffe2 url(//link-speicher.de/wp-content/themes/directorypress/themes/directorypress-Glow-Orange/images/sidebar-box-top.gif) !important; } .greybg, .itemboxinner { background:#fff7e4 } .widget li a, .category li a { border-bottom:1px solid #ffb614; } #siteFeature {position:relative; background:#efefef; border:1px solid #fff; } #siteFeature #tabContainer a:link, #siteFeature #tabContainer a:visited { background: transparent url(//link-speicher.de/wp-content/themes/directorypress/themes/directorypress-Glow-Orange/images/_slider_inactive.png) no-repeat; } #siteFeature #tabContainer a:hover{ background:#fff url(//link-speicher.de/wp-content/themes/directorypress/themes/directorypress-Glow-Orange/images/_slider_inactive1.png) no-repeat; } #siteFeature #tabContainer a h4 { color: #666; padding:10px 11px 0px 11px; } #siteFeature #tabContainer a.selected h4, #siteFeature #tabContainer a.selected p { color: #fff; text-shadow: 0px 1px 0px #666; } #siteFeature #txtBoxContainer a { color:#fff;} #siteFeature h3 { color:#fff; } #steptable div.stepped h4 { color:#fff; }.wp-caption { } .wp-caption-text { } .sticky { } .gallery-caption { } .bypostauthor { }.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-audio audio{width:100%;min-width:300px}.block-editor-block-list__layout .reusable-block-edit-panel{align-items:center;background:#f8f9f9;color:#555d66;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;top:-14px;margin:0 -14px;padding:8px 14px;position:relative;border:1px dashed rgba(145,151,162,.25);border-bottom:none}.block-editor-block-list__layout .block-editor-block-list__layout .reusable-block-edit-panel{margin:0 -14px;padding:8px 14px}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__spinner{margin:0 5px}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info{margin-right:auto}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label{margin-right:8px;white-space:nowrap;font-weight:600}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{flex:1 1 100%;font-size:14px;height:30px;margin:4px 0 8px}.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{flex-shrink:0}@media (min-width:960px){.block-editor-block-list__layout .reusable-block-edit-panel{flex-wrap:nowrap}.block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title{margin:0}.block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button{margin:0 0 0 5px}}.editor-block-list__layout .is-selected .reusable-block-edit-panel{border-color:rgba(66,88,99,.4) rgba(66,88,99,.4) rgba(66,88,99,.4) transparent}.is-dark-theme .editor-block-list__layout .is-selected .reusable-block-edit-panel{border-color:hsla(0,0%,100%,.45) hsla(0,0%,100%,.45) hsla(0,0%,100%,.45) transparent}.block-editor-block-list__layout .reusable-block-indicator{background:#fff;border:1px dashed #e2e4e7;color:#555d66;top:-14px;height:30px;padding:4px;position:absolute;z-index:1;width:30px;right:-14px}.wp-block-button{color:#fff;margin-bottom:1.5em}.wp-block-button.aligncenter{text-align:center}.wp-block-button.alignright{text-align:right}.wp-block-button__link{background-color:#32373c;border:none;border-radius:28px;box-shadow:none;color:inherit;cursor:pointer;display:inline-block;font-size:18px;margin:0;padding:12px 24px;text-align:center;text-decoration:none;overflow-wrap:break-word}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:inherit}.is-style-squared .wp-block-button__link{border-radius:0}.is-style-outline{color:#32373c}.is-style-outline .wp-block-button__link{background-color:transparent;border:2px solid}.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:4px;border:1px solid #e2e4e7}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-calendar table th{font-weight:440;background:#edeff0}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar tfoot a{color:#00739c}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-columns{display:flex;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-column{flex-grow:1;margin-bottom:1em;flex-basis:100%;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (min-width:600px){.wp-block-column{flex-basis:calc(50% - 16px);flex-grow:0}.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.wp-block-column:not(:first-child){margin-left:32px}}.wp-block-cover,.wp-block-cover-image{position:relative;background-color:#000;background-size:cover;background-position:50%;min-height:430px;width:100%;margin:0 0 1.5em;display:flex;justify-content:center;align-items:center;overflow:hidden}.wp-block-cover-image.has-left-content,.wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover-image.has-left-content .wp-block-cover-text,.wp-block-cover-image.has-left-content h2,.wp-block-cover.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,.wp-block-cover.has-left-content h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content,.wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover-image.has-right-content .wp-block-cover-text,.wp-block-cover-image.has-right-content h2,.wp-block-cover.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,.wp-block-cover.has-right-content h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover-image .wp-block-cover-text,.wp-block-cover-image h2,.wp-block-cover .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,.wp-block-cover h2{color:#fff;font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:610px;padding:14px;text-align:center}.wp-block-cover-image .wp-block-cover-image-text a,.wp-block-cover-image .wp-block-cover-image-text a:active,.wp-block-cover-image .wp-block-cover-image-text a:focus,.wp-block-cover-image .wp-block-cover-image-text a:hover,.wp-block-cover-image .wp-block-cover-text a,.wp-block-cover-image .wp-block-cover-text a:active,.wp-block-cover-image .wp-block-cover-text a:focus,.wp-block-cover-image .wp-block-cover-text a:hover,.wp-block-cover-image h2 a,.wp-block-cover-image h2 a:active,.wp-block-cover-image h2 a:focus,.wp-block-cover-image h2 a:hover,.wp-block-cover .wp-block-cover-image-text a,.wp-block-cover .wp-block-cover-image-text a:active,.wp-block-cover .wp-block-cover-image-text a:focus,.wp-block-cover .wp-block-cover-image-text a:hover,.wp-block-cover .wp-block-cover-text a,.wp-block-cover .wp-block-cover-text a:active,.wp-block-cover .wp-block-cover-text a:focus,.wp-block-cover .wp-block-cover-text a:hover,.wp-block-cover h2 a,.wp-block-cover h2 a:active,.wp-block-cover h2 a:focus,.wp-block-cover h2 a:hover{color:#fff}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:inherit;opacity:.5;z-index:1}.wp-block-cover-image.has-background-dim.has-background-dim-10:before,.wp-block-cover.has-background-dim.has-background-dim-10:before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20:before,.wp-block-cover.has-background-dim.has-background-dim-20:before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30:before,.wp-block-cover.has-background-dim.has-background-dim-30:before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40:before,.wp-block-cover.has-background-dim.has-background-dim-40:before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50:before,.wp-block-cover.has-background-dim.has-background-dim-50:before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60:before,.wp-block-cover.has-background-dim.has-background-dim-60:before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70:before,.wp-block-cover.has-background-dim.has-background-dim-70:before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80:before,.wp-block-cover.has-background-dim.has-background-dim-80:before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90:before,.wp-block-cover.has-background-dim.has-background-dim-90:before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100:before,.wp-block-cover.has-background-dim.has-background-dim-100:before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:305px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:calc(100% - 70px);z-index:1;color:#f8f9f9}.wp-block-cover-image .wp-block-subhead,.wp-block-cover-image h1,.wp-block-cover-image h2,.wp-block-cover-image h3,.wp-block-cover-image h4,.wp-block-cover-image h5,.wp-block-cover-image h6,.wp-block-cover-image p,.wp-block-cover .wp-block-subhead,.wp-block-cover h1,.wp-block-cover h2,.wp-block-cover h3,.wp-block-cover h4,.wp-block-cover h5,.wp-block-cover h6,.wp-block-cover p{color:inherit}.wp-block-cover__video-background{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;z-index:0;-o-object-fit:cover;object-fit:cover}.block-editor-block-list__block[data-type="core/embed"][data-align=left] .block-editor-block-list__block-edit,.block-editor-block-list__block[data-type="core/embed"][data-align=right] .block-editor-block-list__block-edit,.wp-block-embed.alignleft,.wp-block-embed.alignright{max-width:360px;width:100%}.wp-block-embed{margin-bottom:1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-6 .wp-block-embed__wrapper:before{padding-top:66.66%}.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:13px;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 16px 16px 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative}.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:40px 10px 9px;color:#fff;text-align:center;font-size:13px;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)}.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{width:calc((100% - 16px)/2)}.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc((100% - 32px)/3 - 1px)}}.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc((100% - 48px)/4 - 1px)}}.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc((100% - 64px)/5 - 1px)}}.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc((100% - 80px)/6 - 1px)}}.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc((100% - 96px)/7 - 1px)}}.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8);margin-right:16px}@supports (-ms-ime-align:auto){.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc((100% - 112px)/8 - 1px)}}.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.wp-block-gallery .blocks-gallery-item.has-add-item-button{width:100%}.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:305px;width:100%}.wp-block-gallery.aligncenter,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{display:flex}.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-image{max-width:100%;margin-bottom:1em;margin-left:0;margin-right:0}.wp-block-image img{max-width:100%}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized{display:table;margin-left:0;margin-right:0}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-right:1em}.wp-block-image .alignright{float:right;margin-left:1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.wp-block-latest-comments__comment{font-size:15px;line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:36px;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:52px}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:14px;line-height:1.8;margin:5px 0 20px}.wp-block-latest-comments__comment-date{color:#8f98a1;display:block;font-size:12px}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:24px;display:block;float:left;height:40px;margin-right:12px;width:40px}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-latest-posts.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - 16px)}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-latest-posts.columns-4 li{width:calc(25% - 16px)}.wp-block-latest-posts.columns-5 li{width:calc(20% - 16px)}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-latest-posts__post-date{display:block;color:#6c7781;font-size:13px}.wp-block-media-text{display:grid;grid-template-rows:auto;align-items:center;grid-template-areas:"media-text-media media-text-content";grid-template-columns:50% auto}.wp-block-media-text.has-media-on-the-right{grid-template-areas:"media-text-content media-text-media";grid-template-columns:auto 50%}.wp-block-media-text .wp-block-media-text__media{grid-area:media-text-media;margin:0}.wp-block-media-text .wp-block-media-text__content{word-break:break-word;grid-area:media-text-content;padding:0 8%}.wp-block-media-text>figure>img,.wp-block-media-text>figure>video{max-width:unset;width:100%;vertical-align:middle}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important;grid-template-areas:"media-text-media" "media-text-content"}.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right{grid-template-areas:"media-text-content" "media-text-media"}}.is-small-text{font-size:14px}.is-regular-text{font-size:16px}.is-large-text{font-size:36px}.is-larger-text{font-size:48px}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}.has-drop-cap:not(:focus):after{content:"";display:table;clear:both;padding-top:14px}p.has-background{padding:20px 30px}p.has-text-color a{color:inherit}.wp-block-pullquote{padding:3em 0;margin-left:0;margin-right:0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:305px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:20px}.wp-block-pullquote p{font-size:28px;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:32px}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin:0 0 16px;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:24px;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:18px;text-align:right}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 16px 16px 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 16px)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 16px)}.wp-block-rss.columns-4 li{width:calc(25% - 16px)}.wp-block-rss.columns-5 li{width:calc(20% - 16px)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 16px)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{color:#6c7781;font-size:13px}.wp-block-search{display:flex;flex-wrap:wrap}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1}.wp-block-search .wp-block-search__button{margin-left:10px}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none;border:none;text-align:center;max-width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"\00b7 \00b7 \00b7";color:#191e23;font-size:20px;letter-spacing:2em;padding-left:2em;font-family:serif}p.wp-block-subhead{font-size:1.1em;font-style:italic;opacity:.75}.wp-block-table.has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table.has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table.has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table.has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f3f4f5}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd),.wp-block-table.is-style-stripes tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td{border-color:transparent}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 16px;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{white-space:nowrap;overflow:auto}.wp-block-video{margin-left:0;margin-right:0}.wp-block-video video{max-width:100%}@supports ((position:-webkit-sticky) or (position:sticky)){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em;color:#555d66;text-align:center;font-size:13px}.has-pale-pink-background-color.has-pale-pink-background-color{background-color:#f78da7}.has-vivid-red-background-color.has-vivid-red-background-color{background-color:#cf2e2e}.has-luminous-vivid-orange-background-color.has-luminous-vivid-orange-background-color{background-color:#ff6900}.has-luminous-vivid-amber-background-color.has-luminous-vivid-amber-background-color{background-color:#fcb900}.has-light-green-cyan-background-color.has-light-green-cyan-background-color{background-color:#7bdcb5}.has-vivid-green-cyan-background-color.has-vivid-green-cyan-background-color{background-color:#00d084}.has-pale-cyan-blue-background-color.has-pale-cyan-blue-background-color{background-color:#8ed1fc}.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color{background-color:#0693e3}.has-very-light-gray-background-color.has-very-light-gray-background-color{background-color:#eee}.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color{background-color:#abb8c3}.has-very-dark-gray-background-color.has-very-dark-gray-background-color{background-color:#313131}.has-pale-pink-color.has-pale-pink-color{color:#f78da7}.has-vivid-red-color.has-vivid-red-color{color:#cf2e2e}.has-luminous-vivid-orange-color.has-luminous-vivid-orange-color{color:#ff6900}.has-luminous-vivid-amber-color.has-luminous-vivid-amber-color{color:#fcb900}.has-light-green-cyan-color.has-light-green-cyan-color{color:#7bdcb5}.has-vivid-green-cyan-color.has-vivid-green-cyan-color{color:#00d084}.has-pale-cyan-blue-color.has-pale-cyan-blue-color{color:#8ed1fc}.has-vivid-cyan-blue-color.has-vivid-cyan-blue-color{color:#0693e3}.has-very-light-gray-color.has-very-light-gray-color{color:#eee}.has-cyan-bluish-gray-color.has-cyan-bluish-gray-color{color:#abb8c3}.has-very-dark-gray-color.has-very-dark-gray-color{color:#313131}.has-small-font-size{font-size:13px}.has-normal-font-size,.has-regular-font-size{font-size:16px}.has-medium-font-size{font-size:20px}.has-large-font-size{font-size:36px}.has-huge-font-size,.has-larger-font-size{font-size:42px}