/* @override http://bitc.csr360/assets/css/dashboard.css CSR360 DASHBOARD by ERSKINE DESIGN VERSION 1.0 CONTENTS ---------- 1. DASHBOARD BODY STYLES 2. DASHBOARD DEFAULT STYLING 3. HEADINGS 4. LINKS 5. GLOBAL STYLES 6. LAYOUT 7. BRANDING/MASTHEAD 8. NAVIGATION 9. ACCESS STYLES 10. DASHPANEL 11. DASHBOARD FORM STYLES 12. SECONDARY CONTENT 13. SITEINFO/FOOTER ------------------- */ /* ---------------------------------------------------------------------- 1. DASHBOARD BODY STYLES ---------------------------------------------------------------------- */ body#dashboard { background:url(../images/dashboard/body_bg.gif) repeat-x center 0; } body#dashboard div#container { border-color:#001D31; } /* ---------------------------------------------------------------------- 2. DASHBOARD DEFAULT STYLING ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- 3. HEADINGS ---------------------------------------------------------------------- */ body#dashboard h2 { margin-bottom:5px; } body#dashboard h3 { font-size:15px; border:0; text-transform:none; letter-spacing:normal; padding:0; margin:13px 0 20px 0; } body#dashboard.col1v2 h3 { float:left; width:400px; } /* ---------------------------------------------------------------------- 4. LINKS ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- 5. GLOBAL STYLES ---------------------------------------------------------------------- */ body.col1v2 p.add { float:right; font-size:11px; margin-top:10px; font-weight:bold; text-align:left; } body.col1v2 p.add a { padding:0 0 3px 0; font-size:11px; font-weight:bold; background:url(../images/icons/add2.gif) no-repeat 0 0; padding-left: 20px; } body#dashboard div#container div#content_wrap div#content_pri h2 span.edit_link a { background-color:#ffc; font-size:10px; padding:2px; } /* ---------------------------------------------------------------------- 6. LAYOUT ---------------------------------------------------------------------- */ /*body.1col1*/ body.col1v1 div#content_pri { width:100%; float:none; } body.col1v1 div#content_pri div#content_pri_sub1 { width: 620px; } body.col1v1 div#content_pri div#content_pri_sub2 { width: 260px; } /*body.1col2*/ body.col1v2 div#content_pri { width:100%; float:none; } /*body.1col3*/ body.col1v3 div#content_pri { width:100%; float:none; } body.col1v3 div#content_pri_sub1 { width: 540px; } body.col1v3 div#content_pri_sub2 { width: 380px; } body#dashboard div#content_pri { position:relative; } body#dashboard div#content_pri img#partner_logo { position:absolute; right:0; } /* ---------------------------------------------------------------------- 7. BRANDING/MASTHEAD ---------------------------------------------------------------------- */ body#dashboard div#branding h1 { background-image: url(../images/dashboard/branding/csr360_logo.gif); } body#dashboard div#branding { background-image: url(../images/dashboard/branding/header_map.gif); color: #FFF; } body#dashboard div#branding a { color: #FFF; } body#dashboard div#branding ul#navigation_sec li, body#dashboard div#branding ul#navigation_sec li a { color: #FFF; border-color: #FFF; } div#search_form_wrap { background-color: #001D31; background-image:url(../images/dashboard/translator/trans_left.gif); } div#search_form_inner { background-image:url(../images/dashboard/translator/trans_right.gif); } /* ---------------------------------------------------------------------- 8. NAVIGATION ---------------------------------------------------------------------- */ /* primary navigation ---------------------------------------------------------------------- */ ul#navigation_pri { background-image: url(../images/dashboard/navigation_pri/ul_bg.gif); } ul#navigation_pri li { background-image: url(../images/dashboard/navigation_pri/tab_left.gif); background-color:#001D31;} ul#navigation_pri li:hover, ul#navigation_pri li.first:hover, ul#navigation_pri li.last:hover { background-color:#000;} ul#navigation_pri li.first { background-image: url(../images/dashboard/navigation_pri/tab_left_first.gif); background-color:#001D31; } ul#navigation_pri li a { background-image: url(../images/dashboard/navigation_pri/tab_right.gif); } ul#navigation_pri li.last a { background-image: url(../images/dashboard/navigation_pri/tab_right_last.gif); } /* tertiary navigation ---------------------------------------------------------------------- */ body#dashboard div#content_pri ul#navigation_ter { background:url(../images/dashboard/navigation_ter/bg.gif) no-repeat 0 bottom; padding-bottom:2px; margin-bottom:0; overflow:hidden; } body#dashboard div#content_pri ul#navigation_ter li { margin: 0; display: block; float: left; background:#f3f2ef url(../images/dashboard/navigation_ter/tab_left.gif) no-repeat 0 0; border-bottom:1px solid #CCC;} body#dashboard div#content_pri ul#navigation_ter li.cur, body#dashboard div#content_pri ul#navigation_ter li.cur:hover { background-color:#FFF; border-bottom: 1px solid #FFF;} body#dashboard div#content_pri ul#navigation_ter li:hover { background-color:#e8e8e8; } body#dashboard div#content_pri ul#navigation_ter li.first { background-image: url(../images/dashboard/navigation_ter/tab_left_first.gif); } body#dashboard div#content_pri ul#navigation_ter li a { float: left; display: block; color: #555; padding:5px 10px 5px 8px; background:url(../images/dashboard/navigation_ter/tab_right.gif) no-repeat right 0; margin-left:2px; } body#dashboard div#content_pri ul#navigation_ter li a:hover { color:#1d1d1d; text-decoration:none; } body#dashboard div#content_pri ul#navigation_ter li.cur a { color:#1d1d1d; font-weight:bold; } /* ---------------------------------------------------------------------- 9. ACCESS STYLES ---------------------------------------------------------------------- */ div#login { border:1px solid #CCC; padding:5px 20px 20px 20px;-webkit-border-radius: 3px; -moz-border-radius: 3px; } div#login_help { background:#E1E9F0 url(../images/dashboard/login_help/bg.gif) no-repeat 0 0; } div#login_help_inner { background:transparent url(../images/dashboard/login_help/inner_bg.gif) no-repeat 0 bottom; padding:15px 10px 10px 10px } div#login_help p.more { font-weight:bold; background: transparent url(../images/icons/arrw_l_int.gif) no-repeat 0 2px; padding-left:32px; margin-bottom:10px; } /* ---------------------------------------------------------------------- 10. DASHPANEL ---------------------------------------------------------------------- */ div#dashpanel { background:url(../images/dashboard/dashpanel/bg.gif) repeat-y 0 0;} div#dashpanel_inner { background:url(../images/dashboard/dashpanel/inner_bg.gif) no-repeat 0 bottom; padding:20px 20px 10px 20px; overflow:hidden;} /* dashpannel table */ div#dashpanel table { font-size:11px; clear:both;} div#dashpanel table th, div#dashpanel table td { text-align: left; padding:10px 10px; } div#dashpanel table td.col_first { font-weight: bold; } div#dashpanel table tr.even { background-color: #f4f4f4; } div#dashpanel table tr.pagination td { background-color: #E1E9F0; padding: 10px; } div#dashpanel table thead th { background-color:#E1E9F0; text-transform:uppercase; border-bottom:1px solid #CCC; } div#dashpanel table thead th small { font-size:10px; color:#666; font-weight:normal; } div#dashpanel table tbody th.col_first, div#dashpanel table thead th.col_first { padding-left:5px; } div#dashpanel table tbody td, div#dashpanel table tbody th { border-bottom:1px solid #CCC; } /* @group 11. DASHBOARD FORM STYLES ---------------------------------------------------------------------- */ body#dashboard div#content_wrap form input[type="text"], body#dashboard div#content_wrap form input[type="password"] { padding:3px; } body#dashboard div#content_wrap form { width: 100%; font-size:11px; padding: 0 20px 10px 0px; margin-bottom:20px; } body#dashboard div#content_wrap form p { overflow:hidden; margin-bottom:10px; } #dashboard #content_pri_sub1 #entryform p { margin-bottom: 15px; background:url(../images/borders/border_dot.gif) repeat-x 0 bottom; padding-bottom: 10px;} body#dashboard div#content_wrap form label.alt1, body#dashboard div#content_wrap form span.label_alt1 { float:left; display: block; width: 120px; margin-right:20px; text-align:right; font-weight:bold; clear:both; padding-top:3px; } body#dashboard div#content_wrap form input.alt1, body#dashboard div#content_wrap form select.alt1 { display: block; width: 300px; margin-right:10px; float:left; } body#dashboard div#content_wrap form textarea.alt1 { width: 450px; } body#dashboard div#content_wrap form label.alt2 { font-weight:bold; display:block; margin-bottom:2px; } body#dashboard div#content_wrap form textarea.alt2 { width: 594px } body#dashboard div#content_wrap form div#textile-toolbar-news_description { margin-bottom:0; margin-top:5px; } /* fieldset styles */ body#dashboard div#content_wrap form fieldset { border:1px solid #CCC; margin-bottom:20px; padding: 5px 15px 5px 10px; } #dashboard #content_pri_sub1 #entryform fieldset p { background:none; margin-bottom:10px; } body#dashboard div#content_wrap form fieldset legend { font-weight:bold; background-color:#FFF; margin-left:-5px; display: block; padding:5px; } body#dashboard div#content_wrap form fieldset select { margin-bottom:8px; width:350px; } body#dashboard div#content_wrap form fieldset label.alt1 { font-weight:normal; width:110px; } body#dashboard div#content_wrap form fieldset table { } body#dashboard div#content_wrap form fieldset table td { border:0; padding:0; } body#dashboard div#content_wrap form fieldset table td.related_partner { width:200px; padding-left:0px; padding-right:10px; } body#dashboard div#content_wrap form fieldset button { margin-left:130px; } body#dashboard div#content_wrap form fieldset a.delete-partner { border:0; padding:0 0 0 10px; background:transparent url(../images/icons/delete_small.gif) no-repeat 0 4px; font-size:10px; float:left; width: 20px; } body#dashboard div#content_wrap form fieldset label.check { display:block; width:270px; float:left; margin-bottom:2px; margin-left:20px; } /* submit paragraphs */ #dashboard #content_pri_sub1 #entryform p.submit_alt1, #dashboard #content_pri_sub1 #entryform p.submit_alt2 { background:none !important; } #dashboard #content_pri_sub1 #entryform p.submit_alt1 { background:none; } #dashboard #content_pri_sub1 #entryform p.submit_alt2 { background:none; padding-left: 140px; clear:both; } /* external links */ body#dashboard div#content_wrap form fieldset table#external_links thead th { text-align:left; text-transform:none; background-color:transparent; border:none; width:220px; padding-top:0; margin:0; } body#dashboard div#content_wrap form fieldset table#external_links thead th.last { width: 65px; padding:0; margin:0; } body#dashboard div#content_wrap form fieldset table#external_links input.alt1 { width: 220px; margin-right:0; margin-bottom:10px; } body#dashboard div#content_wrap form fieldset table#external_links a.delete-link { padding-left: 10px; background:transparent url(../images/icons/delete_small.gif) no-repeat 0 4px; font-size:10px; float:left; position:relative; top:-15px; } /* dates */ body#dashboard div#content_wrap form span.alt2 { margin-right:5px; position:relative; top:-3px } body#dashboard div#content_wrap form span.alt2 label { font-size:10px; } input.s { width:3em; } /* associated partners */ body#dashboard div#content_wrap form select.alt2, body#dashboard div#content_wrap form input.alt2 { margin: 10px 0 10px 140px; width:300px; } p.alt2 { padding-left: 140px; clear:both; } p.preview a { background:url(../images/icons/preview.gif) no-repeat 0 4px; padding:5px 5px 5px 18px; } body#dashboard div#content_wrap form small.add_another { font-size:10px; } body#dashboard div#content_wrap form small.add_another a { background:url(../images/icons/add.gif) no-repeat 0 5px; padding: 3px 3px 3px 10px; } body#dashboard div#content_wrap form small.alt1, body#dashboard div#content_wrap form small.alt2 { font-size:10px; color:#666; display:block; clear:both; } body#dashboard div#content_wrap form small.alt1 { margin-left:140px; } body#dashboard div#content_wrap form small.alt2 { margin-left:0; } #dashboard #content_pri_sub1 #entryform p.info { background:none; font-size:10px; } /* @group User filters -------------------------------------------------------------------- */ body#dashboard div#content_wrap form#user_filters { width: auto; clear: both; padding: 0;} body#dashboard div#content_wrap form#user_filters fieldset { width: auto; float: none; border: none; padding: 0; } body#dashboard div#content_wrap form#user_filters select { width: auto; } body#dashboard div#content_wrap form#user_filters button { margin: 0; } /* @end */ /* @end */ /* ---------------------------------------------------------------------- 12. SECONDARY CONTENT ---------------------------------------------------------------------- */ body.col1v1 div#content_pri_sub2 h3 { font-size:13px; margin-bottom:10px; margin-top:0; } body.col1v3 div#content_pri_sub2 h3 { font-size:13px; margin-bottom:10px; margin-top:0; } div#published_items { font-size:11px; background:#E1E9F0 url(../images/dashboard/published_items/bg.gif) no-repeat 0 0; } div#published_items_inner { background:transparent url(../images/dashboard/published_items/inner_bg.gif) no-repeat 0 bottom; padding:10px; } div#published_items li { position:relative; background:url(../images/borders/border_dash.gif) repeat-x 0 bottom; padding-bottom:10px; padding-right:40px; } div#published_items li a { color:#1d1d1d; } div#published_items li a:hover { text-decoration: none; } div#published_items li span { background-color:#ffc; font-size:10px; padding:2px; position:absolute; right:0; top:0; } div#published_items li a span { color:#004767; } div#published_items li a:hover span { text-decoration:underline; } div#published_items li small { color:#666; font-size:10px; } /* ---------------------------------------------------------------------- 13. SITEINFO/FOOTER ---------------------------------------------------------------------- */ body#dashboard div#content_wrap div#siteinfo { margin-top:50px;} body#dashboard div#content_wrap div#siteinfo p, body#dashboard div#content_wrap div#siteinfo fieldset, body#dashboard div#content_wrap div#siteinfo input { font-size: 10px; } body#dashboard div#content_wrap div#siteinfo fieldset { padding: 33px 10px 0 10px; display: block; height: 54px; clear: both; overflow: hidden; } body#dashboard div#content_wrap div#siteinfo form { height: 54px; } body#dashboard div#content_wrap div#siteinfo fieldset input { padding: 2px; } body#dashboard div#content_wrap div#siteinfo fieldset button { margin: 8px 0 0; float: left; display: block; width: 78px; } body#dashboard div#content_wrap div#siteinfo fieldset legend { display: none; }