?
Path : /home/admin/public_html/old/happy2/plugins/system/jatabs/jatabs/themes/methys/ |
Current File : /home/admin/public_html/old/happy2/plugins/system/jatabs/jatabs/themes/methys/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 * ------------------------------------------------------------------------ */ .ja-tabswrap { margin: 0; padding: 0; } .methys .container { overflow: hidden; position: relative; z-index: 10; background: #fff; border: 1px solid #e5e5e5; } /* JA Tabs top */ .methys .container .ja-tabs-title-top { background: #f7f7f7; position: relative; height: 30px; border-bottom: 1px solid #ddd; } .methys .container .ja-tabs-title-top ul.ja-tabs-title { height: 30px; bottom: 0; left: 0; margin: 0; padding: 0; position: absolute; } .methys .container .ja-tabs-title-top ul.ja-tabs-title li { background: #f7f7f7; border-right: 1px solid #ccc; cursor: pointer; display: block; float: left; margin: 0; height: 30px; } .methys .container .ja-tabs-title-top ul.ja-tabs-title li h3 { font-size: 100%; font-weight: normal; line-height: 30px; margin: 0; padding: 0 10px; text-transform: uppercase; border: none; font-family: Arial, Helvetica, sans-serif; } .methys .container .ja-tabs-title-top ul.ja-tabs-title li h3 span { font-size: 100%; color: #666; text-transform: uppercase; font-style: normal; background: none; padding: 0; } .methys .container .ja-tabs-title-top ul.ja-tabs-title li.hover { } .methys .container .ja-tabs-title-top ul.ja-tabs-title li.hover h3 { color: #000; } .methys .container .ja-tabs-title-top ul.ja-tabs-title li.active { background: #fff; border-bottom: 1px solid #fff; } .methys .container .ja-tabs-title-top ul.ja-tabs-title li.active h3 { } .methys .container .ja-tabs-title-top ul.ja-tabs-title li.active h3 span { color: #111; } .methys .ja-tab-panels-top { top: 10px; } .ja-tabswrap div.ja-tab-subcontent { padding: 0 15px 15px; } /* JA Tabs left */ .methys .ja-tabs-title-left { background: #f7f7f7 none repeat scroll 0%; border-right: 1px solid #cccccc; height: 100%; } .methys .ja-tabs-title-left ul.ja-tabs-title li { background: #ebf2f9 none repeat scroll 0%; border-bottom: 1px solid #cccccc; cursor: pointer; height: 30px; margin: 0pt; } .methys .ja-tabs-title-left ul.ja-tabs-title li h3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 20px; margin: 0pt; padding-left: 3px; padding-top: 4px; text-transform: uppercase; } .methys .ja-tabs-title-left ul li.active,.methys .ja-tabs-title-left ul li.firstactive,.methys .ja-tabs-title-left ul li.lastactive { background: #ffffff none repeat scroll 0%; } .methys .ja-tabs-title-left ul li.active h3,.methys .ja-tabs-title-left ul li.firstactive h3,.methys .ja-tabs-title-left ul li.lastactive h3 { background: none; border-bottom: none; color: #006699; } .methys .ja-tab-panels-left { left: 0px; } /* JA Tabs right */ .methys .ja-tabs-title-right { background: #f7f7f7 none repeat scroll 0%; border-left: 1px solid #cccccc; height: 100%; } .methys .ja-tabs-title-right ul.ja-tabs-title li { background: #ebf2f9 none repeat scroll 0%; border-bottom: 1px solid #cccccc; cursor: pointer; height: 30px; margin: 0; padding: 0; } .methys .ja-tabs-title-right ul.ja-tabs-title li h3 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 20px; margin: 0pt; padding-left: 3px; padding-top: 4px; text-transform: uppercase; } .methys .ja-tabs-title-right ul li.active,.methys .ja-tabs-title-right ul li.firstactive,.methys .ja-tabs-title-right ul li.lastactive { background: #ffffff none repeat scroll 0%; } .methys .ja-tabs-title-right ul li.active h3,.methys .ja-tabs-title-right ul li.firstactive h3,.methys .ja-tabs-title-right ul li.lastactive h3 { background: none; border-bottom: none; color: #006699; } .methys .ja-tabs-title-right ul.ja-tabs-title { margin: 0; padding: 0; position: absolute; right: 0; top: 0px; width: 100%; } .methys * html .ja-tabs-title-right ul.ja-tabs-title { right: -1px; /*IE 6*/ } /* JA Tabs bottom*/ .methys .ja-tabs-title-bottom { background: #f7f7f7 none repeat scroll 0%; border-top: 1px solid #cccccc; height: 30px; position: relative; } .ja-tabs-title-bottom ul.ja-tabs-title { top: -1px; } .methys .ja-tabs-title-bottom ul.ja-tabs-title li { background: #ebf2f9 none repeat scroll 0%; border: 1px solid #cccccc; border-top: none; cursor: pointer; display: block; float: left; margin: 0pt 1px; } .methys .ja-tabs-title-bottom ul.ja-tabs-title li h3 { border-color: #f0f0f0; border-style: solid solid none; border-width: 1px 1px medium; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 20px; margin: 0pt; padding: 0pt 10px; text-transform: uppercase; } .methys .ja-tabs-title-bottom ul.ja-tabs-title li.active,.methys .ja-tabs-title-bottom ul.ja-tabs-title li.firstactive,.methys .ja-tabs-title-bottom ul.ja-tabs-title li.lastactive { background: #ffffff none repeat scroll 0%; border-top: 1px solid #ffffff; } .methys .ja-tabs-title-bottom ul li.active h3,.methys .ja-tabs-title-bottom ul li.firstactive h3,.methys .ja-tabs-title-bottom ul li.lastactive h3 { background: none; border-bottom: none; color: #006699; margin: 0pt; padding: 0pt 10px; }