/** * CMS admin templates * by Jason Crosse jason@antanova.com * for J2.net */ /* * html * {zoom:1;} body {background-color:#ffffff; margin:0; padding:20px 0; font-size:100%; font-family:Arial, Helvetica, sans-serif;} #admincontainer {width:990px; position:relative; margin:0 auto;} */ body {margin:0;font-size:100%; font-family:Arial, Helvetica, sans-serif;} p,h1,h2,h3,h4,h5,h6,ul,ol,li{margin:0; padding:0; display:block;} li {list-style:none;} a img {border:0;} .clear {clear:both;} .maintabs {margin:0 0 0 10px; padding:0;} .maintabs li {float:left; display:inline; width:99px; height:23px;} .maintabs li a {padding-top:3px; display:block; width:99px; height:20px; background:url('/images/maintab_bg.gif') 0 -23px no-repeat; text-decoration:none; text-align:center; font-size:0.75em; color:#6E6F70;} .maintabs li.active a {background-position:0 0; color:#ffffff;} .headbar {background:url('/images/headbar_bg.gif') 0 0 repeat-x; float:left; display:inline; width:100%;} .headbar .tabs {margin:22px 0 0 0; padding:0;} .headbar .tabs li {list-style:none;} .headbar .tabs li a {display:block; text-indent:-999em; width:130px; height:39px;} #site,#files,#tags,#users, #create, #connect, #designbrowse, #add {float:right; display:inline; list-style:none; width:130px; height:39px;} #site a:hover, #files a:hover, #tags a:hover, #users a:hover, #create a:hover, #connect a:hover, #designbrowse a:hover, #add a:hover {background-position:0 0;} #site a { background:url('/images/tab_site.gif') 0 -39px no-repeat;} #files a { background:url('/images/tab_files.gif') 0 -39px no-repeat;} #tags a { background:url('/images/tab_tags.gif') 0 -39px no-repeat;} #users a { background:url('/images/tab_users.gif') 0 -39px no-repeat;} #create a { background:url('/images/tab_create.gif') 0 -39px no-repeat;} #connect a { background:url('/images/tab_connect.gif') 0 -39px no-repeat;} #designbrowse a.design { background:url('/images/tab_design.gif') 0 -39px no-repeat;} #designbrowse a.browse { background:url('/images/tab_browse.gif') 0 -39px no-repeat;} #add a { display:block;background:url('/images/tab_webparts.gif') 0 -39px no-repeat;} #add a.hid {display:none;} /* -- */ .loginbar {clear:both; background:url('/images/loginbar_bg.gif') 0 0 repeat-x #94BCCD; color:#ffffff; font-size:0.6875em; padding:0.5em 20px; border-bottom:1px solid #999999; } .loginbar a { color:#FFFFFF; } /* -- */ .workarea {clear:both; position:relative; zoom:1;} .bartitle {background:url('/images/bartitle_l.gif') 0 0 no-repeat #177F95;} .bartitle h2 {background:url('/images/bartitle_r.gif') 100% 0 no-repeat; font-size:0.6875em; color:#ffffff; padding:0.454em; font-weight:normal;} .border {border-top:0; border-left:1px solid #e0e1e2; border-right:1px solid #e0e1e2; border-bottom:1px solid #e0e1e2;} .sidebar { float: left; width: 300px; margin: 15px 30px 0 0; } .sidebar .siteadmin {margin-bottom:1em;} .siteadmin .folders {padding:1em; font-size:0.6875em; color:#8E8F90;} .siteadmin .folders a {text-decoration:none; color:#8E8F90;} .siteadmin .folders a:hover {color:#087991;} .siteadmin .folders li {list-style:none; margin-bottom:0.5em;} .siteadmin .pages {margin:0.5em 0 1em 4em;} .siteadmin .folders img {vertical-align:text-bottom;} .pageactions {padding-bottom:1em; zoom:1;} .pageactions ul {margin:0 0 0 12px;} .pageactions ul li {float:left; display:inline; width:80px; margin-left: 0; margin-right: 12px; margin-bottom: 0; } input.btn {display:block; width:80px; height:22px; background-position: 0 -22px; background-repeat: no-repeat; text-indent:-999em; border:none;} input.btn:hover {background-position:0 0;} .btnaddnewpage {background-image:url('/images/pageaction_addnewpage.gif');} .btnaddfolder { background-image: url('/images/pageaction_addfolder.gif');} .btnaddnewpage {background-image:url('/images/pageaction_addnewpage.gif');} .btnaddrole {background-image:url('/images/pageaction_addrole.gif');} .btnaddtag {background-image:url('/images/pageaction_addtag.gif');} .btnadduser {background-image:url('/images/pageaction_adduser.gif');} .btnapproveusers {background-image:url('/images/pageaction_approveusers.gif');} .btnchangepageorder{background-image:url('/images/pageaction_changepageorder.gif');} .btncropimage {background-image:url('/images/pageaction_cropimage.gif');} .btndeletefile {background-image:url('/images/pageaction_deletefile.gif');} .btndeletefolder {background-image:url('/images/pageaction_deletefolder.gif');} .btndeletepage {background-image:url('/images/pageaction_deletepage.gif');} .btndeleterole {background-image:url('/images/pageaction_deleterole.gif');} .btndeletetag {background-image:url('/images/pageaction_deletetag.gif');} .btneditfile {background-image:url('/images/pageaction_editfile.gif');} .btneditpage {background-image:url('/images/pageaction_editpage.gif');} .btnedituser {background-image:url('/images/pageaction_edituser.gif');} .btnmovefolder {background-image:url('/images/pageaction_movefolder.gif');} .btnmovepage {background-image:url('/images/pageaction_movepage.gif');} .btnnavigate {background-image:url('/images/pageaction_navigate1.gif');} .btnmovepagedown {background-image:url('/images/pageaction_movepagedown.gif');} .btnmovepageup{background-image:url('/images/pageaction_movepageup.gif');} .btnmovetag {background-image:url('/images/pageaction_movetag.gif');} .btnrenamefolder {background-image:url('/images/pageaction_renamefolder.gif');} .btnresizeimg {background-image:url('/images/pageaction_resizeimg.gif');} .btnsavefile {background-image:url('/images/pageaction_savefile.gif');} .btnuploadfile {background-image:url('/images/pageaction_uploadfile.gif');} .maincol { float: left; display: inline; width: 630px; margin: 15px 0 0; } .maincol .pagetitle {float:left; display:inline;} .hairline {height:1px; background:#e0e1e2; font-size:1px; line-height:0; margin-bottom:20px;} .maincol .itemname {float:left; display:inline; width:20%; zoom:1;} .maincol h3 {font-size:0.6875em; color:#ff0000;} .maincol .itemname h3, .maincol .item h3 {font-size:0.6875em; color:#087991; padding:0.454em 0;} .maincol .itemname p {font-size:0.6875em; color:#8E8F90; padding:0.454em 0;} .maincol .item {float:left; display:inline; width:79.9%; zoom:1;} .maincol li {clear:both; padding-bottom:1em;} .maincol .itemtitle {background:url('/images/itemtitle_l.gif') 0 0 no-repeat #177F95;} .maincol .itemtitle h3{background:url('/images/itemtitle_r.gif') 100% 0 no-repeat; font-size:0.6875em; color:#707172; padding:0.454em; font-weight:normal;} .maincol .expander {float:right; display:inline; padding:0; _margin-top:0.454em;} .maincol .edittext {padding:1em; font-size:0.6875em; border-top:1px solid #e0e1e2;} .maincol .closed {overflow:hidden; height:0px; padding:0 !important; border-width:1px 0 0 0;} .maincol .templatechoice li {clear:none; float:left; display:inline; width:21%; margin-right:4%; padding-bottom:0;} .maincol .templatechoice p img {vertical-align:text-bottom;} .maincol .templatechoice p {margin-top:1em; color:#8E8F90;} .maincol .masterpage {color:#8E8F90;} .maincol .masterpage img {vertical-align:text-bottom;} .maincol .wizardbuttons {text-align:right;} .btnactions {float:right;} .val {color:Red;display:block;} /* Login box */ .login { position:relative; width:324px; height:154px; margin:auto; z-index:100; background-image:url(/images/loginbox.jpg); padding-top:110px; } .login .hidden { display:none; } .login .form { position:relative; } .login .form .labels, .login .form .checkboxes { font-size:0.9em; color:#FFFFFF; display:block; width:100px; margin:0 10px 10px 10px; padding-top:5px; text-align:left; } .login .form .checkbox input { margin-left:125px; } .login .form .checkbox label { color:#FFFFFF; font-size:0.8em; } .login input.buttonmed { position:relative; border:none; background-color:Transparent; background-image:url(/images/button_medium.gif); width:139px; height:29px; margin:5px 0 5px 0; font-family:"Trebuchet MS", Arial, Sans-Serif; font-size:1em; color:#FFFFFF; } /* WebPart catalog */ #ctl00_catalog { border:1px solid #999999; width:350px; background-color:#FAFFFF; z-index:20; position:absolute; top:0; left:0; } #ctl00_catalog .handle { background-image:url(/images/chrome/titlebar_back.gif); height:21px; padding:4px 0 0 5px; font-size:0.8em; color:#FFFFFF; position:relative; } #ctl00_catalog .handle input { position:absolute; right:0; top:0; } #ctl00_catalog .intro { display:none; } #ctl00_catalog .webparts { font-size:0.8em; padding:1em; } #ctl00_catalog.hide { display:none; } /* WebPart Chrome */ .editor table { padding:0; } .editor table table td { padding:0; } .editor table table table table { font-size:11px; background-image:url(/images/chrome/titlebar_back.gif); height:21px; vertical-align:top; color:#FFFFFF; } .editor table table table table a { color:#FFFFFF; text-decoration:none; } .editor table table table table a:hover { text-decoration:underline; } /*TINY EDITOR*/ .editor table table table table.mceLayout { background-image:none; } .editor table table table table.mceLayout table{ background-image:none; } /* WebPart Editor Forms */ .wpform p { width: 96%; clear: left; margin:0 2% 0 2%; padding: 5px 0 8px 0; padding-left: 0%; /*width of left column containing the label elements*/ border-top: 1px dashed gray; height: 1%; } .wpform label { font-weight: bold; display:block; font-size:0.8em; margin-bottom:3px; } .wpform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/ width: 100%; } .wpform textarea, .wpform select { width: 100%; font-size:0.8em; } .wpform .picker { font-size:0.8em; margin:0 2% 5px 2%; width:94%; padding:1%; border:1px dotted #666666; } .wpform .calendar { width:100px; } .wpform .calendar table { background-image:none; } .wpform label.radio { font-weight:normal; display:inline; position:relative; top:-3px; margin:0 10px 0 5px; } .wpform .actionsection .actionbuttons{float:right;clear:left;padding-left:5px;} /*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */ * html .threepxfix { margin-left: 3px; } /* -- content styles -- */ .wpeditbar-out {background:url('/library/images/bartitle_l.gif') 0 0 no-repeat;} .wpeditbar {background:url('/library/images/bartitle_r.gif') 100% 0 no-repeat; font-size:0.6875em; padding:2px 0.454em; color:#ffffff;} .wpeditbar img {vertical-align:middle;} .wpedit-icon {margin-left:5px; float:right; display:inline; margin-top:3px;} /* temp */ .frontleftcol {width:29.394%; margin:0 0 0 1.111%; padding:0.625em 0; float:left; display:inline; min-width:100px;} .frontmidcol {width:28.687%; margin:0 0 0 0.505%; padding:0.625em 0; float:left; display:inline; min-width:100px;} .frontrightcol {width:38.687%; margin:0 0 0 0.505%; padding:0.625em 0; float:left; display:inline; min-width:100px;} /* -- treeview -- */ .treeview ul { background-color: white; } .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview div.hitarea { height: 15px; width: 15px; margin-left: -15px; float: left; cursor: pointer; } /* fix for IE6 */ * html div.hitarea { background: #fff; filter: alpha(opacity=0); display: inline; float:none; } .treeview li { margin: 0; padding: 3px 0pt 3px 16px; } .treeview a.selected { background-color: #eee; } #treecontrol { margin: 1em 0;} .sidebar .siteadmin #ctl00_portalplaceholder_tree {overflow:auto;height:300px;width:300px;} .treeview .hover { color: red; cursor: pointer; } .treeview li { background: url('/images/tv-item.gif') 0 0 no-repeat; } .treeview .last { background-image: url('/images/tv-item-last.gif'); } .treeview li { padding: 3px 0 1px 16px; } .treeview span{display:block;width:100%;} .treeview li a {text-decoration:none;font-size:0.8em;width:100%;} .treeview span.file a{white-space:nowrap;} .treeview span.folder { padding-left: 35px; height: 15px; background: url('/images/folder.gif') 0 0 no-repeat; } .treeview span.file { padding-left: 20px; height: 15px; background: url('/images/file.gif') 0 0 no-repeat; } .treeview span.folder {} .treeview span.file { } .treeview .collapsable span.folder{ background: url('/images/folder.gif') 0 0 no-repeat; } .treeview .expandable span.folder{ background: url('/images/closed_folder.gif') 0 0 no-repeat; } .treeview .lastCollapsable { background-image: url('/images/tv-collapsable-last.gif'); } .treeview .lastExpandable { background-image: url('/images/tv-expandable-last.gif'); } /* -- modal window -- */ .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (