From c8be7bc85f92e321abbe77882699d972f133db90 Mon Sep 17 00:00:00 2001 From: Silvio Date: Tue, 25 Mar 2014 17:27:48 -0300 Subject: Adding jquery drawer --- jquery_drawer/drw/styles-old.css | 231 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 231 insertions(+) create mode 100755 jquery_drawer/drw/styles-old.css (limited to 'jquery_drawer/drw/styles-old.css') diff --git a/jquery_drawer/drw/styles-old.css b/jquery_drawer/drw/styles-old.css new file mode 100755 index 0000000..a0dd210 --- /dev/null +++ b/jquery_drawer/drw/styles-old.css @@ -0,0 +1,231 @@ +@charset "UTF-8"; + + + +/** Tabs */ +/**************************************/ +ul#drw_tabs { + list-style : none; + width : 600px; + min-width : 600px; + 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; +} + +ul#drw_tabs a { + font-size : 12px; + font-weight : bold; + text-align : center; + text-decoration: none; + line-height : 35px; + color : #ffffff; + background : url("tabs.gif") center 0 no-repeat; + border-right : 1px solid #101010; + border-left : 1px solid #1f1f1f; + outline : none; + height : 35px; + display : block; +} + +ul#drw_tabs a:hover { + text-decoration: underline; +} + +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; } + + + +/** Drawer */ +/**************************************/ +div#drw { + background : #111111 url("drw.gif") left bottom no-repeat; + width : 600px; + min-width : 600px; + margin : 0 auto; + overflow : hidden; +} + +div#drw div#drw_close { + background : #111111; + margin : 0 0 0 20px; + clear : both; +} + +div#drw div#drw_close a { + text-indent : -9999px; + background : url("drw.gif") right bottom 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 { + border-bottom : 1px solid #161616; +} + +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; +} \ No newline at end of file -- cgit v1.2.3