vanzhiganov/clipbucket
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Changed : Category listing has been changed.

Browse source
This commit is contained in:
Fawaz 2011-01-29 16:16:15 +00:00
parent 150ff59ad3
commit 8da8c9d690
3 changed files with 36 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
upload/styles/cbv2new/images/category_buttons.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

10
upload/styles/cbv2new/layout/blocks/category_list.html
View file

@ -1,12 +1,8 @@
<div class="category_list">
<span class="cat_heading">{lang code='categories'}</span>
<div class="categories">
<ul>
{cbCategories type=$type echo="TRUE" list_style="collapsed" output="list" with_all="TRUE"}
</ul>
<ul>
{cbCategories type=$type echo="TRUE" list_style="collapsed" output="list" with_all="TRUE"}
</ul>
</div>
</div>

43
upload/styles/cbv2new/theme/main.css
View file

@ -390,18 +390,41 @@ input[disabled].cbSubmitUpload{ background:#f2f2f2; cursor:default; color:#999;
/**
* Categories
*/
.category_list{display:block; width:180px; margin:0px 5px 5px 5px; float:left}
.sort_cont,.cat_heading{border-bottom:3px #d4d4d4 solid; font-size:15px; font-weight:bold; font-family:Arial; display:block; padding-bottom:3px; margin-bottom:3px}
.category_list .categories{padding:5px}
/*.category_list{display:block; width:180px; margin:0px 5px 5px 5px; float:left}
.category_list .categories{padding:0px; background:#efefef;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.categories ul{margin:0px; padding:0px}
.categories ul li{padding:0px; margin:0px}
.categories ul li{padding:0px; margin:0px; position:relative; }
.categories ul li{list-style:none; display:block; margin-bottom:6px;}
.categories ul li:last-child{border-bottom:none}
.categories .selected { background-color:#efefef; display:block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.categories ul a{font:bold 14px arial;color:#0066cc; text-decoration:none; display:inline-block; padding:2px 2px 2px 6px; }
.categories ul.sub_categories { padding:0px; margin:0px 0px 0px 5px; }
.categories .selected { background-color:#ccc; display:block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.categories ul a{font:bold 14px arial;color:#0066cc; text-decoration:none; display:block; padding:4px 15px; }
.categories ul.sub_categories { padding:0px; margin:0px 0px 0px 0px; background:white; }
.categories ul.sub_categories li { padding:1px; margin:0px; }
.categories ul.sub_categories li a { font:bold 11px Tahoma; }
.categories ul.sub_categories li a { font:bold 11px Tahoma; }*/
.category_list { float:left; width:180px; margin:0px 5px 5px; }
.category_list .categories { background:lightgray; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border:1px solid #aaa; overflow:visible; }
.categories ul, .categories li { margin:0px; padding:0px; list-style:none; overflow:visible; }
.categories li { display:block; position:relative; }
.categories li a { display:block; padding:3px 20px; font:bold 14px Arial; text-decoration:none; overflow:visible;}
.categories .selected, .categories ul.sub_categories .selected { background:#0066cc; }
.categories .selected > a, .categories ul.sub_categories .selected > a { color:#FFF; }
.categories ul.sub_categories { background:white; padding:0px 0px; }
.categories ul.sub_categories li { padding:0px 0px; }
.categories ul.sub_categories a { font-size:13px; color:#464646; padding:3px 24px; }
.categories ul.sub_categories ul.sub_categories a { padding:3px 28px; }
.categories li:first-child.selected { -moz-border-radius:5px 5px 0 0; }
.categories li:last-child.selected { -moz-border-radius: 0 0 5px 5px }
.categories ul.sub_categories li:first-child.selected { -moz-border-radius:0px; }
.categories ul.sub_categories li:last-child.selected { -moz-border-radius: 0px }
.sort_cont,.cat_heading{border-bottom:3px #d4d4d4 solid; font-size:15px; font-weight:bold; font-family:Arial; display:block; padding-bottom:3px; margin-bottom:3px}
.time_cont{border-bottom:1px solid #CCC; margin-bottom:5px; padding:5px; font-size:10px}
.time_cont a{ font-size:10px; color:#666; text-decoration:none}
.time_cont .selected{font-weight:bold}
@ -889,8 +912,8 @@ a.CollectThumb { border:1px solid #ccc; display:inline-block; background:#FFF; }
#searchSelectWrapper ul li:hover, #searchSelectWrapper ul li.selected { background:#333; border-color:#000; }
#searchSelectWrapper ul li:hover a, #searchSelectWrapper ul li.selected a { color:#FFF; }
.CategoryToggler { float:right; width:8px; height:7px; margin:5px 4px 0 0; }
.CategoryToggler:hover { cursor:pointer }
.CategoryToggler { position:absolute; width:14px; height:14px; left:-8px; top:4px;}
.CategoryToggler:hover { cursor:pointer; }
.CategoryToggler.none { background:url(../images/category_buttons.png) left top no-repeat; }
.CategoryToggler.block { background:url(../images/category_buttons.png) right top no-repeat; }