?
Path : /home/admin/public_html/old/happy2/plugins/system/jatabs/jatabs/themes/cloris2/ |
Current File : /home/admin/public_html/old/happy2/plugins/system/jatabs/jatabs/themes/cloris2/style.css |
/** * ------------------------------------------------------------------------ * JA Tabs Plugin for J25 & J30 * ------------------------------------------------------------------------ * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved. * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html * Author: J.O.O.M Solutions Co., Ltd * Websites: http://www.joomlart.com - http://www.joomlancers.com * ------------------------------------------------------------------------ */ .cloris2 .ja-tabswrap { border: 1px solid #CCCCCC; } .cloris2 .ja-tabswrap div.ja-tab-content { width: 95%; } /* JA Tabs top*/ .cloris2 .ja-tabs-title-top { height: 30px; position: relative; width: 100%; } .cloris2 .ja-tabs-title-top ul.ja-tabs-title li { background: #f9f9f9; border: 1px solid #d6d6d6; border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin-right: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .cloris2 .ja-tabs-title-top ul.ja-tabs-title li h3 { font-size: 100%; font-weight: normal !important; line-height: 28px; margin: 0; padding: 0 10px; color: #666; border-bottom: none; text-shadow: none; } .cloris2 .ja-tabs-title-top ul.ja-tabs-title li.hover h3,.cloris2 .ja-tabs-title-top ul.ja-tabs-title li.firsthover h3,.cloris2 .ja-tabs-title-top ul.ja-tabs-title li.lasthover h3 { color: #c5462b; } .cloris2 .ja-tabs-title-top ul.ja-tabs-title li.active,.cloris2 .ja-tabs-title-top ul.ja-tabs-title li.firstactive,.cloris2 .ja-tabs-title-top ul.ja-tabs-title li.lastactive { background: #C5462B; border: 0; box-shadow: 0 0 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); } .cloris2 .ja-tabs-title-top ul li.active h3,.cloris2 .ja-tabs-title-top ul li.firstactive h3,.cloris2 .ja-tabs-title-top ul li.lastactive h3 { color: #fff; } .cloris2 .ja-tab-subcontent { padding-top: 10px !important; } .cloris2 .ja-tab-content ul li { margin: 0; padding: 3px 0; } /* JA Tabs left*/ .cloris2 .ja-tabs-title-left { position: relative; float: left; height: 100%; background: url(17pxblank.gif) repeat-y right #F7F7F7; } .cloris2 .ja-tabs-title-left ul.ja-tabs-title li { height: 100%; margin: 0 0 0 1px; padding: 0; cursor: pointer; display: block; background: none; } .cloris2 .ja-tabs-title-left ul.ja-tabs-title li h3 { font-size: 11px; font-weight: bold !important; line-height: 30px; margin: 0; padding: 0 10px; background: none; font-family: "Lucida Grande", Arial, sans-serif; letter-spacing: normal; } .cloris2 .ja-tabs-title-left ul li.active,.cloris2 .ja-tabs-title-left ul li.firstactive,.cloris2 .ja-tabs-title-left ul li.lastactive { background: url(left-active.gif) no-repeat right #FFFFFF; } .cloris2 .ja-tabs-title-left ul li.active H3,.cloris2 .ja-tabs-title-left ul li.firstactive H3,.cloris2 .ja-tabs-title-left ul li.lastactive H3 { color: #333333; } /* JA Tabs right*/ .cloris2 .ja-tab-panels-right .ja-tab-subcontent { padding-left: 15px !important; } .cloris2 .ja-tabs-title-right { background: url(17pxblank2.gif) repeat-y left #F7F7F7; } .cloris2 .ja-tabs-title-right ul.ja-tabs-title li { height: 100%; margin: 0 0 0 1px; padding: 0; cursor: pointer; display: block; background: none; } .cloris2 .ja-tabs-title-right ul.ja-tabs-title li h3 { font-size: 11px; font-weight: bold !important; line-height: 30px; margin: 0; padding: 0 10px 0 25px; background: none; font-family: "Lucida Grande", Arial, sans-serif; letter-spacing: normal; } .cloris2 .ja-tabs-title-right ul li.active,.cloris2 .ja-tabs-title-right ul li.firstactive,.cloris2 .ja-tabs-title-right ul li.lastactive { background: url(right-active.gif) no-repeat left #FFFFFF; } .cloris2 .ja-tabs-title-right ul li.active H3,.cloris2 .ja-tabs-title-right ul li.firstactive H3,.cloris2 .ja-tabs-title-right ul li.lastactive H3 { color: #333333; } /* JA Tabs bottom*/ .cloris2 .ja-tabs-title-bottom { height: 30px; border-top: 1px solid #CCCCCC; position: relative; width: 100%; } .cloris2 .ja-tabs-title-bottom ul.ja-tabs-title li { background: #F7F7F7; border: 1px solid #CCCCCC; margin-left: 5px; margin-top: -1px; } .cloris2 .ja-tabs-title-bottom ul.ja-tabs-title li h3 { font-size: 100%; font-weight: bold !important; line-height: 28px; margin: 0; padding: 0 10px; border: 1px solid #F7F7F7; color: #999999; border-top: none; } .cloris2 .ja-tabs-title-bottom ul.ja-tabs-title li.hover,.cloris2 .ja-tabs-title-bottom ul.ja-tabs-title li.firsthover,.cloris2 .ja-tabs-title-bottom ul.ja-tabs-title li.lasthover { } .cloris2 .ja-tabs-title-bottom ul.ja-tabs-title li.active,.cloris2 .ja-tabs-title-bottom ul.ja-tabs-title li.firstactive,.cloris2 .ja-tabs-title-bottom ul.ja-tabs-title li.lastactive { background: #FFFFFF; border-top: 1px solid #FFFFFF; } .cloris2 .ja-tabs-title-bottom ul li.active h3,.cloris2 .ja-tabs-title-bottom ul li.firstactive h3,.cloris2 .ja-tabs-title-bottom ul li.lastactive h3 { color: #333333; }