diff options
Diffstat (limited to 'jquery_drawer/drw/styles.css')
| -rwxr-xr-x | jquery_drawer/drw/styles.css | 274 |
1 files changed, 274 insertions, 0 deletions
diff --git a/jquery_drawer/drw/styles.css b/jquery_drawer/drw/styles.css new file mode 100755 index 0000000..660fca4 --- /dev/null +++ b/jquery_drawer/drw/styles.css @@ -0,0 +1,274 @@ +@charset "UTF-8"; +/** Content list */ +/** Tabs */ +/** Drawer */ +/** Drawer Icon View */ +/** Drawer List View */ +/** Clearfix */ + + +/** Tabs */ +/**************************************/ +ul#drw_tabs { + list-style : none; + width:100%; +/* width : 600px; + min-width : 600px;*/ + border-bottom: 1px solid #0C3233; + padding : 0; + margin : 0 auto; + position : relative; +} + +ul#drw_tabs li { + float : left; +} + +*+html ul#drw_tabs li.last { + position : absolute; + float : right; +} + +* html ul#drw_tabs li.last { + position : absolute; + float : right; +boder-top :1px solid #ccff00!important; +} + +ul#drw_tabs a { + font-size : 12px; + font-weight : bold; + text-align : center; + text-decoration: none; + line-height : 30px; + height : 30px; + padding :0; + color : #ffffff; + background-color: #0c00ff; + background : url("tabs2.png") center 0 no-repeat; + border-right : 1px solid #101010; + border-left : 1px solid #1f1f1f; + outline : none; + display : block; +} + +ul#drw_tabs a:hover { + text-decoration: none; + /*background-image: none;*/ + background-color:#000; +} + +ul#drw_tabs li.first a { + background-position: left 0; + border-left : none; +} + +ul#drw_tabs li.last a { + background-position: right 0; + border-right : none; +} +/* +ul#drw_tabs a#drw_tabs_focus { background-position: center -35px; } +ul#drw_tabs li.first a#drw_tabs_focus { background-position: left -35px; } +ul#drw_tabs li.last a#drw_tabs_focus { background-position: right -35px; } +*/ +ul#drw_tabs a#drw_tabs_focus { background-position: 0px -34px;border-top:1px solid #CCFF00;} +ul#drw_tabs li.first a#drw_tabs_focus { background-position: 0px -34px;border-top:1px solid #CCFF00;} +ul#drw_tabs li.last a#drw_tabs_focus { background-position: 0px -34px;border-top:1px solid #CCFF00;} + +/** Drawer */ +/**************************************/ +div#drw { + background : #0c3233 left bottom no-repeat; + /*width : 600px; + min-width : 600px;*/ + width :100%; + margin : -4px auto 0; + overflow : hidden; +} + +div#drw div#drw_close { + background : transparent; + margin : 0 0 0 20px; + clear : both; +} + +div#drw div#drw_close a { + text-indent : -9999px; + background : url("drw2.png") 0px 3px no-repeat; + width : 20px; + height : 20px; + margin : 0 0 0 auto; + display : block; +} + +div#drw div#drw_loader { + text-indent : -9999px; + background : url("loader.gif") center center no-repeat; + height : 50px; + margin : 10px 0 0 0; +} + + + +/** Drawer Icon View */ +/**************************************/ +ul.drw_icon_view { + list-style : none; + padding : 0; + margin : 0 15px; +} + +ul.drw_icon_view li { + width : 33%; + float : left; +} + +ul.drw_icon_view div.drw_img { + text-align : center; + width : 40%; + float : left; +} + +ul.drw_icon_view div.drw_info { + width : 60%; + float : right; +} + +ul.drw_icon_view div.drw_info h6 { + padding : 15px 0 3px 0; + margin : 0; +} + +ul.drw_icon_view div.drw_info h6 a { + font-size : 12px; + line-height : 1.2; + color : #ffffff; +} + +ul.drw_icon_view div.drw_info p { + font-size : 9px; + line-height : 1.2; + color : #666666; + padding : 0; + margin : 0; +} + + + +/** Drawer List View */ +/**************************************/ +ul.drw_list_view { + list-style : none; + padding : 10px 0 15px 0; + margin : 0 15px; +} + +ul.drw_list_view li { + list-style : none; + border-bottom : 1px solid #161616; + border-bottom : 1px solid #fff!important; +} + +ul.drw_list_view li:hover, +ul.drw_list_view a:hover { + background : #161616; +} + +ul.drw_list_view a { + text-decoration: none; + color : #ffffff; + padding : 5px; + display : block; +} + +ul.drw_list_view span { + line-height : 1.2; + cursor : pointer; + float : left; + display : block; +} + +ul.drw_list_view span.drw_title { + font-size : 12px; + width : 24%; + margin : 2px 0 0 0; +} + +ul.drw_list_view span.drw_desc { + font-size : 9px; + color : #666666; + width : 55%; + margin : 4px 0 0 0; +} + +ul.drw_list_view span.drw_date { + font-size : 11px; + text-align : right; + color : #666666; + width : 20%; + margin : 3px 0 0 0; +} + + + +/** Clearfix */ +/**************************************/ + +ul#drw_tabs:after, +ul.drw_icon_view:after, +ul.drw_icon_view li:after, +ul.drw_list_view a:after { + content : "."; + height : 0px; + clear : both; + visibility : hidden; + display : block; +} + +ul#drw_tabs, +ul.drw_icon_view, +ul.drw_icon_view li, +ul.drw_list_view a { + display : inline-block; +} + +/*\*/ +* html ul#drw_tabs, +* html ul.drw_icon_view, +* html ul.drw_icon_view li, +* html ul.drw_list_view a { + height : 1%; +} + +ul#drw_tabs, +ul.drw_icon_view, +ul.drw_icon_view li, +ul.drw_list_view a { + display : block; +} + +/* drawer-extras - submenu*/ + +div#drw {/* + position:absolute; + top:30px; + z-index:998; + */} + +ul#drw_item { + margin:0;padding:0; + list-style:none; + margin-top:1em; + color:#fff; + } + +ul#drw_item li { + float:left;padding:0; + } +ul#drw_item li {margin:0 0 0 1.5em;border-left:2px solid #cf0;padding-left:3px;} +ul#drw_item li ul li {clear:left;padding:0;margin:0;list-style : none;border:0 solid transparent;} +ul#drw_item li ul li a{display:block;color:#fff;margin:0;padding:0;font-size:0.8em;} +ul#drw_item li ul {margin-top: 0.5em} + +ul#jquery_drawer-ul-1 {margin-top:0.8em;}
\ No newline at end of file |