/* * JCK Editor Typography Style-sheet * @author: Paul Franklin * @website: http://www.joomlackeditor.com * @version: 2.0 * @copyright (C) WebxSolution Ltd 2011 - 2014. All rights reserved * @license: GPLv2 * @terms: http://www.joomlackeditor.com/terms-of-use * @icons: WebxSolution Ltd has the non-exclusive, non-transferable, non-sublicensable right to use the Licensed Material an unlimited number of times in any and all media for the following commercial or personal purposes (together the "Permitted Uses") subject to the restrictions set forth in the Agreement. Any uses other than the Permitted Uses must be approved by DryIcons in writing. http://dryicons.com/terms/commercial/ */ /* ADD PARAGRAPH FORMAT STYLES FOR EDITOR -------------------------------------------------------------------------*/ @font-face {} body.cke_show_borders {} h1 {} h2 {} h3 {} h4 {} h5 {} h6 {} pre {} address {} /* Preformatted text ----------------------------------------------------------------------------------------------------*/ blockquote { background: none repeat scroll 0 0 #CCCCCC; border-left: 10px solid #8F8F8F; color: #544C4A; font: italic 12pt/1.2em Georgia; margin: 10px !important; padding: 10px !important; text-shadow: 1px 1px 1px #ffffff; width: 60%; border-radius: 0 10px 0 10px; -moz-border-radius: 0 10px 0 10px; -webkit-border: 0 10px 0 10px; } blockquote p { display: inline; } blockquote:after { background: none repeat scroll 0 0 transparent !important; } blockquote:before { content: url("blockquotes.png") !important; background: none repeat scroll 0 0 transparent !important; margin-right: 15px; vertical-align: super; position: relative !important; } span.dropcap { color: #333333; display: block; float: left; font: 60px/40px Georgia,Times,serif; padding: 7px 8px 0 0; } span.box-1heading-jck { font: 50px/50px Georgia,Times,serif;} span.box-2heading-jck { font: 30px/40px Georgia,Times,serif;} span.box-1heading-jck, span.box-2heading-jck { color: #333333; display: block; float: left;} /* Tooltips ----------------------------------------------------------------------------------------------------*/ .flashtip-jck, .ziptip-jck, .pdftip-jck, .videotip-jck, .infotip-jck, .warningtip-jck, .filmtip-jck, .pintip-jck , .lightbulbtip-jck , .recycletip-jck , .cameratip-jck, .commenttip-jck, .chattip-jck, .documenttip-jck, .accessibletip-jck, .startip-jck, .hearttip-jck, .previoustip-jck, .carttip-jck, .attachmenttip-jck, .calculatortip-jck, .cuttip-jck, .dollartip-jck, .poundtip-jck , .eurotip-jck, .mailtip-jck, .supporttip-jck, .nexttip-jck, .soundtip-jck { color: #444444 !important; } a.flashtip-jck, a.ziptip-jck, a.pdftip-jck, a.videotip-jck, a.infotip-jck, a.warningtip-jck, a.filmtip-jck, a.pintip-jck , a.lightbulbtip-jck , a.recycletip-jck , a.cameratip-jck, a.commenttip-jck, a.chattip-jck, a.documenttip-jck, a.accessibletip-jck, a.startip-jck, a.hearttip-jck, a.previoustip-jck, a.carttip-jck, a.attachmenttip-jck, a.calculatortip-jck, a.cuttip-jck, a.dollartip-jck, a.poundtip-jck , a.eurotip-jck, a.mailtip-jck, a.supporttip-jck , a.nexttip-jck, a.soundtip-jck { color: #095197 !important; } .flashtip-jck, .ziptip-jck, .pdftip-jck, .videotip-jck, .infotip-jck, .warningtip-jck, .filmtip-jck, .pintip-jck , .lightbulbtip-jck , .recycletip-jck , .cameratip-jck, .commenttip-jck, .chattip-jck, .documenttip-jck, .accessibletip-jck, .startip-jck, .hearttip-jck, .previoustip-jck, .carttip-jck, .attachmenttip-jck, .calculatortip-jck, .cuttip-jck, .dollartip-jck, .poundtip-jck , .eurotip-jck, .mailtip-jck, .supporttip-jck, .nexttip-jck, .soundtip-jck, .download-DOC, a.flashtip-jck, a.ziptip-jck, a.pdftip-jck, a.videotip-jck, a.infotip-jck, a.warningtip-jck, a.filmtip-jck, a.pintip-jck , a.lightbulbtip-jck , a.recycletip-jck , a.cameratip-jck, a.commenttip-jck, a.chattip-jck, a.documenttip-jck, a.accessibletip-jck, a.startip-jck, a.hearttip-jck, a.previoustip-jck, a.carttip-jck, a.attachmenttip-jck, a.calculatortip-jck, a.cuttip-jck, a.dollartip-jck, a.poundtip-jck , a.eurotip-jck, a.mailtip-jck, a.supporttip-jck , a.nexttip-jck, a.soundtip-jck { display: block; margin-bottom: 20px; background-color: #FAFAFA !important; background-position: left center !important; background-repeat: no-repeat !important; background-size: 28px auto !important; border-bottom: 1px dotted #C8C8C8; border-top: 1px dotted #C8C8C8; display: block; margin: 10px 0 !important; padding: 7px 10px 7px 35px !important; -webkit-transition: background-color 800ms ease-in-out; -moz-transition: background-color 800ms ease-in-out; -o-transition: background-color 800ms ease-in-out; transition: background-color 800ms ease-in-out; text-shadow: 1px 1px 1px #ffffff; font-size: 14px; } a.flashtip-jck:hover, a.ziptip-jck:hover, a.pdftip-jck:hover, a.videotip-jck:hover, a.infotip-jck:hover, a.warningtip-jck:hover, a.filmtip-jck:hover, a.pintip-jck:hover , a.lightbulbtip-jck:hover , a.recycletip-jck:hover , a.cameratip-jck:hover, a.commenttip-jck:hover, a.chattip-jck:hover, a.documenttip-jck:hover, a.accessibletip-jck:hover, a.startip-jck:hover, a.hearttip-jck:hover, a.previoustip-jck:hover, a.carttip-jck:hover, a.attachmenttip-jck:hover, a.calculatortip-jck:hover, a.cuttip-jck:hover, a.dollartip-jck:hover, a.poundtip-jck:hover, a.eurotip-jck:hover, a.mailtip-jck:hover, a.supporttip-jck:hover, a.nexttip-jck:hover, a.soundtip-jck:hover, a.download-DOC:hover { color: #095197 !important; } .flashtip-jck:hover, .ziptip-jck:hover, .pdftip-jck:hover, .videotip-jck:hover, .infotip-jck:hover, .warningtip-jck:hover, .filmtip-jck:hover, .pintip-jck:hover , .lightbulbtip-jck:hover , .recycletip-jck:hover , .cameratip-jck:hover, .commenttip-jck:hover, .chattip-jck:hover, .documenttip-jck:hover, .accessibletip-jck:hover, .startip-jck:hover, .hearttip-jck:hover, .previoustip-jck:hover, .carttip-jck:hover, .attachmenttip-jck:hover, .calculatortip-jck:hover, .cuttip-jck:hover, .dollartip-jck:hover, .poundtip-jck:hover, .eurotip-jck:hover, .mailtip-jck:hover, .supporttip-jck:hover, .nexttip-jck:hover, .soundtip-jck:hover, .download-DOC:hover, a.flashtip-jck:hover, a.ziptip-jck:hover, a.pdftip-jck:hover, a.videotip-jck:hover, a.infotip-jck:hover, a.warningtip-jck:hover, a.filmtip-jck:hover, a.pintip-jck:hover , a.lightbulbtip-jck:hover, a.recycletip-jck:hover, a.cameratip-jck:hover, a.commenttip-jck:hover, a.chattip-jck:hover, a.documenttip-jck:hover, a.accessibletip-jck:hover, a.startip-jck:hover, a.hearttip-jck:hover, a.previoustip-jck:hover, a.carttip-jck:hover, a.attachmenttip-jck:hover, a.calculatortip-jck:hover, a.cuttip-jck:hover, a.dollartip-jck:hover, a.poundtip-jck:hover, a.eurotip-jck:hover, a.mailtip-jck:hover, a.supporttip-jck, a.nexttip-jck:hover, a.soundtip-jck:hover { background-color: #F2F2F2 !important; -webkit-transition: background-color 400ms ease-in-out; -moz-transition: background-color 400ms ease-in-out; -o-transition: background-color 400ms ease-in-out; transition: background-color 400ms ease-in-out; background-repeat: no-repeat !important; } .flashtip-jck, .flashtip-jck:hover, a.flashtip-jck:hover { background-image: url("flash.png")!important} .ziptip-jck, .ziptip-jck:hover, a.ziptip-jck:hover { background-image: url("zip_download.png")!important} .pdftip-jck, .pdftip-jck:hover, a.pdftip-jck:hover { background-image: url("pdf.png")!important} .videotip-jck , .videotip-jck:hover, a.videotip-jck:hover { background-image: url("video_clip.png")!important} .infotip-jck, .infotip-jck:hover, a.infotip-jck:hover { background-image: url("info.png")!important} .warningtip-jck, .warningtip-jck:hover, a.warningtip-jck:hover { background-image: url("warning.png")!important} .filmtip-jck, .filmtip-jck:hover, a.filmtip-jck:hover { background-image: url("film.png")!important} .pintip-jck, .pintip-jck:hover, a.pintip-jck:hover {background-image: url("pin.png")!important} .lightbulbtip-jck, .lightbulbtip-jck:hover, a.lightbulbtip-jck:hover {background-image: url("light_bulb.png")!important} .recycletip-jck, .recycletip-jck:hover, a.recycletip-jck:hover { background-image: url("recycle.png")!important} .cameratip-jck, .cameratip-jck:hover, a.cameratip-jck:hover{ background-image: url("camera.png")!important} .commenttip-jck, .commenttip-jck:hover, a.commenttip-jck:hover { background-image: url("comment.png")!important} .chattip-jck, .chattip-jck:hover , a.chattip-jck:hover { background-image: url("chat.png")!important} .documenttip-jck, .documenttip-jck:hover, a.documenttip-jck:hover { background-image: url("document.png")!important} .accessibletip-jck, .accessibletip-jck:hover, a.accessibletip-jck:hover { background-image: url("accessible.png")!important} .startip-jck, .startip-jck:hover , a.startip-jck:hover { background-image: url("star.png")!important} .hearttip-jck, .hearttip-jck:hover, a.hearttip-jck:hover { background-image: url("heart.png")!important} .previoustip-jck, .previoustip-jck:hover, a.previoustip-jck:hover { background-image: url("previous.png")!important} .carttip-jck, .carttip-jck :hover, a.carttip-jck:hover { background-image: url("cart.png")!important} .attachmenttip-jck, .attachmenttip-jck:hover, a.attachmenttip-jck:hover { background-image: url("attachment.png")!important} .calculatortip-jck, .calculatortip-jck:hover , a.calculatortip-jck:hover { background-image: url("calculator.png")!important} .cuttip-jck, .cuttip-jck:hover, a.cuttip-jck:hover { background-image: url("cut.png")!important} .dollartip-jck , .dollartip-jck:hover, a.dollartip-jck:hover { background-image: url("dollar_currency_sign.png")!important} .poundtip-jck, .poundtip-jck:hover, a.poundtip-jck:hover { background-image: url("sterling_pound_currency_sign.png")!important} .eurotip-jck, .eurotip-jck:hover , a.eurotip-jck:hover { background-image: url("euro_currency_sign.png")!important} .mailtip-jck, .mailtip-jck:hover , a.mailtip-jck:hover { background-image: url("mail.png")!important} .supporttip-jck, .supporttip-jck:hover , a.supporttip-jck:hover { background-image: url("support.png")!important} .nexttip-jck, .nexttip-jck:hover, a.nexttip-jck:hover { background-image: url("next.png")!important} .soundtip-jck, .soundtip-jck:hover , a.soundtip-jck:hover { background-image: url("sound.png")!important} /* Text Highlight ----------------------------------------------------------------------------------------------------*/ span.blue_hlight-jck, span.gree_hlight-jck, span.red_hlight-jck, span.black_hlight-jck , span.yell_hlight-jck { border-radius: 5px 5px 5px 5px; color: #FFFFFF; display: inline; font-weight: bold; text-shadow: none; padding: 2px 4px; font-size: 13px; } span.blue_hlight-jck { background: none repeat scroll 0 0 #3E6A86;} span.gree_hlight-jck { background: none repeat scroll 0 0 #b9cd96;} span.red_hlight-jck { background: none repeat scroll 0 0 #AA1428;} span.black_hlight-jck { background: none repeat scroll 0 0 #000000;} span.yell_hlight-jck { background: none repeat scroll 0 0 #F2F096; color: #544C4A;} /* Box Styles ----------------------------------------------------------------------------------------------------*/ .blubox-jck, .grebox-jck, .redbox-jck, .blabox-jck, .yelbox-jck { background: none repeat scroll 0 0 #FAFAFA; border-style: solid; border-width: 1px 1px 1px 8px; margin: 10px 0 20px !important; padding: 8px 8px 8px 20px !important; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: #444444 !important; text-shadow: 1px 1px 1px #ffffff; } .blubox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #3E6A86;} .grebox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #b9cd96;} .redbox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #AA1428;} .blabox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #000000;} .yelbox-jck { border-color: #DDDDDD #DDDDDD #DDDDDD #F2F096; color: #544C4A;} .blubox-jck > br, .grebox-jck > br, .redbox-jck > br, .blabox-jck > br, .yelbox-jck > br { clear: both; } /* Icon Library ----------------------------------------------------------------------------------------------------*/ .info-jck, .warning-jck, .film-jck, .pin-jck , .lightbulb-jck , .recycle-jck , .camera-jck, .comment-jck, .chat-jck, .document-jck, .accessible-jck, .star-jck, .heart-jck, .previous-jck, .cart-jck, .attachment-jck, .calculator-jck, .cut-jck, .dollar-jck, .pound-jck , .euro-jck, .mail-jck, .support-jck, .next-jck, .sound-jck, .flash-jck, .zip-jck, .pdf-jck, .video-jck { display: block; padding: 20px 0 20px 60px !important; margin-bottom: 20px !important; background-color: transparent !important; background-position: left center !important; background-repeat: no-repeat !important; } .info-jck { background: url("info.png")} .warning-jck { background: url("warning.png")} .film-jck { background: url("film.png")} .pin-jck {background: url("pin.png")} .lightbulb-jck {background: url("light_bulb.png")} .recycle-jck { background: url("recycle.png")} .camera-jck { background: url("camera.png")} .comment-jck { background: url("comment.png")} .chat-jck { background: url("chat.png")} .document-jck { background: url("document.png")} .accessible-jck { background: url("accessible.png")} .star-jck { background: url("star.png")} .heart-jck { background: url("heart.png")} .previous-jck { background: url("previous.png")} .cart-jck { background: url("cart.png")} .attachment-jck { background: url("attachment.png")} .calculator-jck { background: url("calculator.png")} .cut-jck { background: url("cut.png")} .dollar-jck { background: url("dollar_currency_sign.png")} .pound-jck { background: url("sterling_pound_currency_sign.png")} .euro-jck { background: url("euro_currency_sign.png")} .mail-jck { background: url("mail.png")} .support-jck { background: url("support.png")} .next-jck { background: url("next.png")} .sound-jck { background: url("sound.png")} .flash-jck { background: url("flash.png")} .zip-jck { background: url("zip_download.png")} .pdf-jck { background: url("pdf.png")} .video-jck { background: url("video_clip.png")} /* Images Caption Styles -------------------------------------------------------------------------*/ img.caption { background-color:inherit; vertical-align: middle;} .img_caption.none { margin: 0 !important;} .img_caption { text-align: center; } img.caption.photo, img.caption.photoblack, img.caption.photoblue, img.caption.photogreen, img.caption.photored, img.caption.photoyellow { background-color: #FFFFFF; padding: 10px 10px 40px; margin-right: 5px; box-shadow: 0 0 3px #000000; -webkit-box-shadow: 0 0 3px #000000; -moz-box-shadow: 0 0 3px #000000; } img.caption.photo + p, img.caption.photoblack + p, img.caption.photoblue + p, img.caption.photogreen + p, img.caption.photored + p, img.caption.photoyellow + p { position: relative; left: 0px; bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: #333333; margin: 0; font-size: 13px; line-height: 18px; } img.caption.photoblack + p , img.caption.photoblue + p, img.caption.photored + p { color: #FFFFFF; } img.caption.photoblack { background-color: #000000;} img.caption.photoblue { background-color: #3E6A86;} img.caption.photogreen { background-color: #b9cd96;} img.caption.photored { background-color: #AA1428;} img.caption.photoyellow { background-color: #F2F096;} /* Images Styles -------------------------------------------------------------------------*/ img.jck_img_align_left { float: left; margin: 3px 5px 0 0; padding: 1px; } img.jck_img_align_right { float: right; margin: 3px 0 0 5px; padding: 1px; } img.image_holder { background: none repeat scroll 0 0 #FFFFFF; border: 5px solid #EFEFEF; margin: 3px 5px 0 0; padding: 1px; } img.fade_in { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-box-shadow: 0 0 3px #000000; -moz-box-shadow: 0 0 3px #000000; box-shadow: 0 0 3px #000000; border: 10px solid #FFFFFF; opacity: 0.5; overflow: hidden; position: relative; margin: 3px; cursor:url(cursor_zoom.png),auto; } img.fade_in:hover { -webkit-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; box-shadow: 0 0 10px #000000; opacity: 1; } img.zoom { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); color: #333333; display: inline; float: left; font-size: 18px; padding: 10px 10px 15px; text-align: center; text-decoration: none; width: auto; font-family: serif; height: 100px; width: auto; margin: 0 20px 27px 0px; cursor:url(cursor_zoom.png),auto; } img.zoom:hover { -moz-transform: scale(1.75); -webkit-transform: scale(1.75); -o-transform: scale(1.75); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); position: relative; z-index: 50; margin: 0 -60px 27px 80px; } img.polaroids_zoom { -moz-transform: rotate(-2deg); -webkit-transform: rotate(2deg); -o-transform: rotate(2deg); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25); color: #333333; display: inline; float: left; font-size: 18px; margin: 10px 20px 25px 14px; padding: 10px 10px 15px; text-align: center; text-decoration: none; width: auto; font-family: serif; height: 100px; width: auto; cursor:url(cursor_zoom.png),auto; } img.polaroids_zoom:hover { -moz-transform: scale(1.30); -webkit-transform: scale(1.30); -o-transform: scale(1.30); -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); position: relative; z-index: 50; } img.screenshot_blue, img.screenshot_green , img.screenshot_red, img.screenshot_black, img.screenshot_gray, img.screenshot_yellow { margin: 5px 0; padding: 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); opacity: 1; max-width: 85%; } img.screenshot_blue { border: 10px solid #3E6A86;} img.screenshot_green { border: 10px solid #b9cd96;} img.screenshot_red { border: 10px solid #AA1428;} img.screenshot_black { border: 10px solid #000000;} img.screenshot_gray { border: 10px solid #F0F0F0;} img.screenshot_yellow { border: 10px solid #EFDE2C;} /* Div Styles ----------------------------------------------------------------------------------------------------*/ div.scroll_box{ margin: 5px 0; padding: 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); opacity: 1; border-left: 15px solid ##EDEDED; border-top: 15px solid #EDEDED; height: 300px; overflow: scroll; -webkit-box-shadow: 0 0 1px 1px #E3E3E3 inset, 0 0 1px 2px #FFFFFF inset, 0 0 0 1px #E3E3E3; box-shadow: 0 0 1px 1px #E3E3E3 inset, 0 0 1px 2px #FFFFFF inset, 0 0 0 1px #E3E3E3; } div.img_rollover { background-color: transparent; /* max-width: 0; = set the the width of your rollover images*/ } div.img_rollover img:first-child { display: block; } div.img_rollover img:last-child { display: none; } div.img_rollover:hover img:first-child { display: none; } div.img_rollover:hover img:last-child { display:block; cursor: pointer; } /* Tables Styles -------------------------------------------------------------------------*/ table.table_style_blue, table.table_style_green, table.table_style_red, table.table_style_black, table.table_style_yellow { border: 1px solid #DDDDDD; border-collapse: collapse; color: #404040; width: 100%; } table.table_style_blue tbody tr, table.table_style_green tbody tr, table.table_style_red tbody tr, table.table_style_black tbody tr, table.table_style_yellow tbody tr { background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #DDDDDD; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; } table.table_style_blue tbody tr:hover , table.table_style_green tbody tr:hover, table.table_style_red tbody tr:hover, table.table_style_black tbody tr:hover, table.table_style_yellow tbody tr:hover { background: none repeat scroll 0 0 #E5E5E5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } table.table_style_blue tbody tr td, table.table_style_green tbody tr td, table.table_style_red tbody tr td, table.table_style_black tbody tr td, table.table_style_yellow tbody tr td { line-height: 22px; padding: 5px; border: 1px solid #DDDDDD; } table.table_style_blue caption, table.table_style_green caption, table.table_style_red caption, table.table_style_black caption, table.table_style_yellow caption { color: #FFFFFF; font-weight: 700; line-height: 22px; text-align: center; text-transform: uppercase; } table.table_style_blue caption { background: none repeat scroll 0 0 #3E6A86;} table.table_style_green caption { background: none repeat scroll 0 0 #b9cd96;} table.table_style_red caption { background: none repeat scroll 0 0 #AA1428;} table.table_style_black caption { background: none repeat scroll 0 0 #000000;} table.table_style_yellow caption { background: none repeat scroll 0 0 #F2F096; color: #544C4A;} /* Templates -------------------------------------------------------------------------*/ .row-fluid { width: 100%; } .row-fluid:after { clear: both; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.12766%; } .row-fluid .span6 { width: 48.9362%; } .row-fluid:before, .row-fluid:after { content: ""; display: table; line-height: 0; } .row-fluid [class*="span"] { -moz-box-sizing: border-box; display: block; float: left; margin-left: 2.12766%; min-height: 30px; width: 100%; } /* 1 big button template */ a.button-big { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topright:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; border-bottom-left-radius:6px; text-indent:0; border:1px solid #dcdcdc; display:inline-block; color:#777777; font-family:sans-serif; font-size:18px; font-weight:bold; font-style:normal; padding: 10% 15%; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; text-transform: uppercase; margin: 10px 0; } a.button-big:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; } a.button-big:active { position:relative; top:1px; } /* 2 big button with desc */ .row-fluid .span6 { width: 48.9362%; } /* 3 big button with desc */ .row-fluid .span4 { width: 31.9149%; } /* User Profiles */ div.row-fluid img.polaroids_zoom { height: auto !important; max-width: 120px; } /* Other -------------------------------------------------------------------------*/ /*Responsive media embed*/ body div.media_embed { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-top:15px; } body div.media_embed iframe, body div.media_embed object, body div.media_embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*Fixes*/ body.cke_ltr div.cke_panel_block div.scroll_box { height: 25px !important;} /* Minimises the height in the style preview list */ body.cke_ltr div.cke_panel_block { color: #000000; } /* Stops templates setting the style list text to white */