| SpankMe |
02-05-2011 06:41 PM |
Don't know why the Asset manager is still using default colors, but here's the modified assetmanager.css I use to get the colors to match BP Brown in vB 4.1.2.
Code:
/* This is for IE6 and the Overlay */
body {
height:100%;
}
select, input, button {
font:10pt {vb:stylevar control_font.fontFamily};
}
.button {
padding:0px 4px;
}
.invisible {
visibility:hidden;
}
#addfiles_container {
border-bottom:1px solid #808080;
text-align:center;
padding:4px;
}
.cleardiv {
clear:both;
}
#overlay {
display:none;
z-index:9999;
position:absolute;
top:0%;
{vb:stylevar left}:0%;
width:100%;
height:100%;
background-color:#000000;
opacity:.00;
filter:alpha(opacity=00);
}
/* Help Container */
#help_container {
position:absolute;
top:0;
width:408px;
{vb:stylevar left}:0;
z-index:2;
border:1px solid #808080;
font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
#help_content {
height:200px;
width:400px;
padding:4px;
overflow:auto;
overflow-x:hidden;
background-color: #000000;
}
#help_content .usagerow1 {
padding:3px;
border-bottom:solid 1px #CCCCCC;
}
#help_content .usagerow2 {
padding:3px;
border-bottom:solid 1px #CCCCCC;
}
/* END Help Container */
/* Tree view CSS */
.yui-skin-sam .yui-layout .yui-layout-unit-left div.yui-layout-hd .collapse {
width:13px;
}
.yui-skin-sam .yui-layout .yui-layout-clip {
background-color:#F5F5FF;
}
.ygtv-edit-TextNode .ygtv-button-container {
float:{vb:stylevar right};
}
.ygtvlm {
background:url('{vb:stylevar imgdir_misc}/trees/lm-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvlmh {
background:url('{vb:stylevar imgdir_misc}/trees/lmh-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvln {
background:url('{vb:stylevar imgdir_misc}/trees/ln-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvlp {
background:url('{vb:stylevar imgdir_misc}/trees/lp-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvlph {
background:url('{vb:stylevar imgdir_misc}/trees/lph-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvtn {
background:url('{vb:stylevar imgdir_misc}/trees/tn-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvtm {
background:url('{vb:stylevar imgdir_misc}/trees/tm-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvtmh {
background:url('{vb:stylevar imgdir_misc}/trees/tmh-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvtp {
background:url('{vb:stylevar imgdir_misc}/trees/tp-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvtph {
background:url('{vb:stylevar imgdir_misc}/trees/tph-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvdepthcell {
background:url('{vb:stylevar imgdir_misc}/trees/vline-{vb:stylevar left}.gif') no-repeat scroll 0 0 transparent;
}
.ygtvspacer {
width:34px !important;
}
tr.ygtvrow {
border-bottom:none;
}
.ygtvdepthcell .ygtvspacer,
.ygtvblankdepthcell .ygtvspacer {
width:18px !important;
}
.yuimenu li {
font-size:11px;
padding:1px;
}
.asset_category_label {
font-size:11px;
background-color:transparent;
white-space:nowrap;
padding-{vb:stylevar left}:2px;
position:relative; /* this is for IE so the drag borders appear properly */
}
.dragon {
border:2px dotted red !important;
padding-{vb:stylevar left}:0;
}
.dragbefore {
border-top:2px dotted red !important;
}
.dragafter {
border-bottom:2px dotted red !important;
}
#asset_category_tree {
text-align:{vb:stylevar left};
}
#asset_category_tree_root {
float:{vb:stylevar left};
cursor:pointer;
}
#asset_category_tree_root_container .inactive {
padding:3px 3px 3px 2px;
}
#asset_category_tree_root_container .active {
padding:1px 1px 1px 0px;
}
/* END Tree view CSS */
/* Layout */
/* Asset Header */
#asset_header {
padding:0;
}
#asset_header h2 {
font-size:110%;
font-weight:bold;
display:inline;
}
#asset_header div.description {
display:inline;
}
#asset_header div.uploadmanager {
padding-top:4px;
}
#asset_header_body {
padding:4px;
text-align:{vb:stylevar left};
}
#asset_header_body div.step1 {
padding-top:2px;
}
#asset_header_body div.step1 strong {
font-weight:bold;
}
#addfiles {
padding:3px;
padding-{vb:stylevar left}: 25px;
padding-{vb:stylevar right}: 10px;
font:10pt {vb:stylevar control_font.fontFamily};
float:{vb:stylevar right};
margin-top:-1px;
}
#asset_header div.quota {
float:{vb:stylevar right};
margin-{vb:stylevar right}:10px;
padding:1px 0 0 0;
}
#filemenu_help {
cursor:pointer;
}
#filemenu_help,
#progressimage {
float:{vb:stylevar right};
margin:4px;
}
#addfiles:hover img,
#addfiles img {
bottom:3px;
{vb:stylevar left}:7px;
}
#quotaattach {
background-color:#FFFFFF;
border:1px outset #808080;
width:130px;
padding:0;
overflow:hidden;
}
#quotaattachsum {
background-color:#64A7EB;
height:0;
}
/* Panels */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
background-color: #1a1a1a;
}
/* Panel Headers */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd h2,
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-hd div {
/*text-align:center;*/
margin:0;
padding:2px;
font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
color:#FFFFFF;
background-color:#5E5D4C;
}
#asset_category_header,
#asset_upload_header,
#asset_attachment_list_header {
font-weight:bold;
}
#asset_attachment_list_header .ordercontrols {
float:{vb:stylevar right};
padding:0;
font-weight:normal;
}
#upload_header {
/*color:{vb:stylevar shade_color};*/
float:{vb:stylevar right};
font-weight:normal;
}
/* Panel Footer */
.yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-ft {
text-align:center;
background-color:#5E5D4C;
border-top:1px solid #808080;
font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 2px 0px 2px 0px;
z-index:1;
}
/* File Menu Panel */
.yui-skin-sam .yui-layout .yui-layout-unit-top div.yui-layout-bd {
_background-color:#E1E4F2;
_border:none;
_margin:0px;
}
.yui-skin-sam .yui-layout .yui-layout-unit-top {
_background-color:#E1E4F2;
}
.yuimenubaritemlabel-selected {
background-color:#ABCDEF;
cursor:pointer;
}
.yui-skin-sam .yuimenubar {
border:none;
line-height:1.5;
}
.yui-skin-sam .yuimenubaritemlabel {
border:none;
}
#filemenubar .yuimenubaritem {
float:{vb:stylevar right};
}
/* END File Menu Panel */
/* END Layout */
/* Asset Panel */
#pagestats {
display:inline;
color:{vb:stylevar shade_color};
border-{vb:stylevar right}:1px solid {vb:stylevar shade_color};
padding-{vb:stylevar right}:10px;
}
#asset_upload_list {
padding:2px;
}
#asset_upload_message {
text-align:center;
padding-top:40px;
_font-size:18px;
position:absolute;
{vb:stylevar left}:0;
width:100%;
}
#asset_attachment_list_footer {
padding:0 4px;
text-align:{vb:stylevar right};
}
#asset_attachment_list_footer div.onehourdelete {
text-align:{vb:stylevar left};
padding-top:2px;
}
/* Asset Panel Header */
#firstpage, #prevpage, #nextpage, #lastpage {
text-decoration:underline;
cursor:pointer;
color:{vb:stylevar shade_color};
}
#prevpage {
padding-{vb:stylevar left}:8px;
}
#nextpage {
padding-{vb:stylevar right}:8px;
}
#currentpage {
padding:0 8px;
color:{vb:stylevar shade_color};
}
#selectall1, #selectall2 {
float:{vb:stylevar left};
}
#selectallbox1, #selectallbox2 {
vertical-align:top;
padding:0px;
margin:0 2px 0 4px;
width:13px; /* IE */
height:13px; /* IE */
}
/* END Asset Panel Header */
/* END Asset Panel */
/* Upload Panel */
.uploadinput {
display:block;
margin-bottom:2px;
}
.urlinput{
width:275px;
display:block;
margin-bottom:2px;
}
#asset_addfiles {
padding:0 4px;
text-align:{vb:stylevar right};
}
#upload_controls_container {
font:11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border:1px solid #808080;
position:absolute;
top:59px;
{vb:stylevar right}:2px;
z-index:1;
}
#upload_controls_container .upload_controls {
position:relative;
padding:8px;
background-color:#1A1A1A;
}
#upload_controls_container .upload_controls .buttons {
text-align:{vb:stylevar right};
}
.popup_title {
text-align:center;
background-color:#5E5D4C;
padding:2px;
}
#switch_url_link1, #switch_url_link2, #switch_upload_link {
cursor:pointer;
text-decoration:underline;
}
.closebutton {
border:1px solid #BBBBBB;
padding-bottom:1px;
background-color:#F5F5FF;
color:#000000;
width:13px;
height:14px;
position:absolute;
top:1px;
{vb:stylevar right}:1px;
font-weight:bold;
cursor:pointer;
font-size:9px;
}
.closebutton:hover {
background-color:#CC3333;
color:#FFFFFF;
}
#insert_inline {
margin-{vb:stylevar right}:5px;
}
/* END Upload Panel */
/* Assets */
.composite {
height:96px;
width:96px;
background-color:#DDDDDD;
border:1px solid #BBBBBB;
}
.composite div {
float:{vb:stylevar left};
margin:2px;
height:20px;
width:20px;
}
.composite img {
max-width:20px;
max-height:20px;
height:auto !important;
width:auto !important;
width:20px;
height:20px;
}
.asset_popup_img {
/* This is the "popup" when hovering over an image */
}
.asset_div .asset_attach_delete,
.asset_div .asset_attach_usage {
border:1px solid #BBBBBB;
padding-bottom:1px;
background-color:#F5F5FF;
color:#000000;
width:13px;
height:14px;
position:absolute;
top:-7px;
{vb:stylevar right}:1px;
font-weight:bold;
cursor:pointer;
font-size:9px
}
.asset_div .asset_attach_delete:hover {
background-color:#CC3333;
color:#FFFFFF;
}
.asset_div .thumbnailsmall .asset_attach_usage {
top:-7px;
{vb:stylevar right}:15px;
}
.asset_div .asset_attach_usage:hover {
background-color:blue;
color:#FFFFFF;
}
.asset_div {
float:{vb:stylevar left};
margin:4px;
background-color:#6E6D5E;
border:1px solid #565545;
position:relative;
z-index:1;
}
.asset_div input.checkme {
position:absolute;
bottom:0;
{vb:stylevar right}:1px;
}
/* Assets - Detailed View */
.asset_div .detailedview {
position:relative;
width:155px;
height:60px;
}
.asset_div .detailedview .asset_attachment, .asset_div .detailed .asset_attachment_nothumb {
max-width:50px;
max-height:50px;
height:auto !important;
width:auto !important;
width:50px;
height:50px;
padding:5px;
}
.asset_div .detailedview .asset_attachment_container {
border:2 px solid red;
width:60px;
float:{vb:stylevar left};
}
.asset_div .detailedview .asset_detailed_container {
font:10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin:5px 5px 0px 0px;
white-space:nowrap;
overflow:hidden;
width:85px;
}
/* END Assets - Detailed View*/
/* Assets - Thumbnail View */
.asset_div .thumbnail {
position:relative;
width:100px;
height:112px;
}
.asset_div .thumbnail .asset_attachment, .asset_div .thumbnail .asset_attachment_nothumb {
max-width:75px;
max-height:75px;
height:auto !important;
width:auto !important;
width:75px;
height:75px;
position:relative;
top:8px;
}
.asset_div .thumbnail .asset_attachment_container {
text-align:center;
}
.asset_div .thumbnail img {
vertical-align:middle;
}
.asset_div .thumbnail .asset_attachment_filename {
font:10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align:center;
position:absolute;
top:85px;
{vb:stylevar left}:2px;
width:96px;
overflow:hidden;
white-space:nowrap;
}
/* END Assets - Thumbnail View*/
/* Assets - Thumbnail Small View */
.asset_div .thumbnailsmall {
width:75px;
height:87px;
}
.asset_div .thumbnailsmall .asset_attachment, .asset_div .thumbnailsmall .asset_attachment_nothumb {
max-width:50px;
max-height:50px;
width:50px;
height:50px;
top:8px;
}
.asset_div .thumbnailsmall .asset_attachment_filename {
top:60px;
width:71px;
}
/* END Assets - Thumbnail Small View*/
/* Assets - List View */
.asset_div .listview {
position:relative;
width:100px;
margin-top:4px;
padding:2px;
height:18px;
}
.asset_div .listview .asset_attachment_filename {
white-space:nowrap;
overflow:hidden;
font:10px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin-{vb:stylevar right}:13px;
}
.ygtvfocus, .assetclick {
background-color:#898875;
}
/* END - YUI Uploader */
.asset_attachment_filename .filename {
display:block;
}
|
More Information