toadteayuda - adminiziolite01

adminiziolite01

Nombre de la plantilla: Adminiziolite01
Fecha: 24/2/10
Adaptada por: Shinox Ayuda
Extras: No

Texto por encima de la pagina:

<script type="text/javascript" src="http://www.nuviotemplates.com/templates/adminiziolite-01/js/jquery.js"></script> <script type="text/javascript" src="http://www.nuviotemplates.com/templates/adminiziolite-01/js/switcher.js"></script> <script type="text/javascript" src="http://www.nuviotemplates.com/templates/adminiziolite-01/js/toggle.js"></script> <script type="text/javascript" src="http://www.nuviotemplates.com/templates/adminiziolite-01/js/ui.core.js"></script> <script type="text/javascript" src="http://www.nuviotemplates.com/templates/adminiziolite-01/js/ui.tabs.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".tabs > ul").tabs(); }); </script> <div id="main">  <div id="tray" class="box"> <p class="f-left box">  <span class="f-left" id="switcher"> <a href="#" _fcksavedurl="#" rel="1col" class="styleswitch ico-col1" title="Display one column"><img src="http://www.nuviotemplates.com/templates/adminiziolite-01/design/switcher-1col.gif" _fcksavedurl="http://www.nuviotemplates.com/templates/adminiziolite-01/design/switcher-1col.gif" alt="1 Column" /></a> <a href="#" _fcksavedurl="#" rel="2col" class="styleswitch ico-col2" title="Display two columns"><img src="http://www.nuviotemplates.com/templates/adminiziolite-01/design/switcher-2col.gif" _fcksavedurl="http://www.nuviotemplates.com/templates/adminiziolite-01/design/switcher-2col.gif" alt="2 Columns" /></a> </span> Project: <strong>Your Project</strong> </p> <p class="f-right">User: <strong><a href="#" _fcksavedurl="#">Administrator</a></strong>       <strong><a href="#" _fcksavedurl="#" id="logout">Log out</a></strong></p> </div>  <FCK:hr class="noscreen"  />  <div id="menu" class="box"> <ul class="box f-right"> <li><a href="#" _fcksavedurl="#"><span><strong>Visit Site »</strong></span></a></li> </ul> <ul class="box"> <li id="menu-active"><a href="#" _fcksavedurl="#"><span>Lorem ipsum</span></a></li>  <li><a href="#" _fcksavedurl="#"><span>Lorem ipsum</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Lorem ipsum</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Lorem ipsum</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Lorem ipsum</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Lorem ipsum</span></a></li> <li><a href="#" _fcksavedurl="#"><span>Lorem ipsum</span></a></li> </ul> </div>  <FCK:hr class="noscreen"  />  <div id="cols" class="box">  <div id="aside" class="box"> <div class="padding box">  <p id="logo"><a href="#" _fcksavedurl="#"><img src="http://www.nuviotemplates.com/templates/adminiziolite-01/tmp/logo.gif" _fcksavedurl="http://www.nuviotemplates.com/templates/adminiziolite-01/tmp/logo.gif" alt="Our logo" title="Visit Site" /></a></p>  <form action="#" method="get" id="search"> <fieldset> <legend>Search</legend> <p><input type="text" size="17" name="" class="input-text" /> <input type="submit" value="OK" class="input-submit-02" /><br /> <a href="javascript:toggle('search-options');" _fcksavedurl="javascript:toggle('search-options');" class="ico-drop">Advanced search</a></p>  <div id="search-options" style="display:none;"> <p> <label><input type="checkbox" name="" checked="checked" /> Option I.</label><br /> <label><input type="checkbox" name="" /> Option II.</label><br /> <label><input type="checkbox" name="" /> Option III.</label> </p> </div>  </fieldset> </form>  <p id="btn-create" class="box"><a href="#" _fcksavedurl="#"><span>Create a new project</span></a></p> </div>  <ul class="box"> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li id="submenu-active"><a href="#" _fcksavedurl="#">Active Page</a>  <ul> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a> <ul> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> </ul> </li> <li><a href="#" _fcksavedurl="#">Lorem ipsum</a></li> </ul> </div>  <FCK:hr class="noscreen"  />  <div id="content2" class="box">

Texto por debajo de la pagina:

CSS-Code sin style tags:

/* ============================================================================= RESET.CSS version: 1.0 updated: 2009-02-02, 11:47 GMT+1 ============================================================================= */ /* ============================================================================= RESET ============================================================================= */ * {margin:0; padding:0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;} .hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;} .noscreen {display:none;} .box {min-height:1px;} .box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";} .fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;} .f-left {float:left !important;} .f-right {float:right !important;} .t-left {text-align:left !important;} .t-center {text-align:center !important;} .t-right {text-align:right !important;} .t-justify {text-align:justify !important;} .va-top {vertical-align:top !important;} .va-middle {vertical-align:middle !important;} .va-bottom {vertical-align:bottom !important;} .nom {margin:0 !important;} .nomt {margin-top:0 !important;} .nomb {margin-bottom:0 !important;} /* ============================================================================= MAIN.CSS version: 1.7 updated: 2009-03-14, 12:44 GMT+1 ============================================================================= */ /* ============================================================================= HTML - styles ============================================================================= */ body {font:0.8em/1.5 "arial", sans-serif;} h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;} #content2 h1 {font-size:160%;} #content2 h2 {font-size:180%;} #content2 h3 {font-size:140%;} #content2 h4 {font-size:120%;} #content2 h5, h6 {font-size:100%;} #content2 table {margin:0; border-collapse:collapse;} #content2 table.width100 {width:100%;} #content2 table th, #content2 table td {padding:5px 5px;} #content2 table th {text-align:left; vertical-align:middle; font-weight:bold;} #content2 ul {margin:15px 0; list-style:none;} #content2 ul li {padding-left:15px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/ul.gif") 0 4px no-repeat;} #content2 ul ul {margin:0 0 0 10px;} #content2 ul ul li {padding-left:15px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/ul-ul.gif") 0 4px no-repeat;} #content2 ol {margin:15px 0 15px 30px; list-style-type:decimal;} #content2 ol ol {margin:0 0 0 20px;} #content2 ol ol li {list-style-type:lower-alpha;} #content2 dl {clear:both;} #content2 dl dt {font-weight:bold;} #content2 dl dd {margin:0 0 5px 0;} #content2 fieldset {position:relative; margin:10px 0; padding:10px;} #content2 legend {font-size:120%; font-weight:bold;} #content2 code {font-family:"",monospace;} #content2 .help {cursor:help;} /* ============================================================================= HTML - without styles ============================================================================= */ table.nostyle, table.nostyle th, table.nostyle td {border:0 !important;} table.nostyle th {background:none !important; text-align:left !important;} table.nostyle th, table.nostyle td {padding:3px 5px !important;} ul.nostyle {margin:15px 0 15px 20px !important; list-style-type:square !important;} ul.nostyle ul {margin:0 0 0 25px !important; list-style-type:square !important;} ul.nostyle li {padding:0 !important; background:none !important;} dl.nostyle dt {font-weight:bold !important;} dl.nostyle dd {margin:0 !important;} /* ============================================================================= LAYOUT ============================================================================= */ #main {min-width:980px; width:expression(document.body.clientWidth < 980? "980px" : "auto" );} #tray {padding:12px 15px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/tray.gif") 0 0 repeat-x; font:85%/1.2 "tahoma",sans-serif;} #tray p {margin:0;} #tray p.f-left {width:50%;} #tray #logout {padding-left:18px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/tray-logout.gif") 0 50% no-repeat; text-transform:uppercase;} #tray #switcher {margin-right:15px;} #tray #switcher img {display:block; float:left; width:16px; height:16px; border:0;} #menu {padding:15px 15px 13px 15px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/menu.gif") 0 0 repeat-x;} #menu ul {margin:0; padding:0; list-style-type:none;} #menu ul li {display:inline; margin:0; padding:0;} #menu ul li a {float:left; margin-right:5px; padding-left:5px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/menu-left.gif") 0 0 no-repeat; text-decoration:none; cursor:pointer;} #menu ul li a span {float:left; display:block; padding:7px 15px 9px 8px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/menu-right.gif") 100% 0 no-repeat;} #menu ul li a:hover, #menu ul li#menu-active a {background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/menu-left.gif") 0 -35px no-repeat;} #menu ul li a:hover span, #menu ul li#menu-active a span {background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/menu-right.gif") 100% -35px no-repeat;} #menu ul li#menu-active a {font-weight:bold;} #content2 {padding:20px; overflow:hidden;} #footer {clear:both; padding:15px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/separator.gif") 0 0 repeat-x; font:85%/1.2 "tahoma",sans-serif;} #footer p {margin:0;} /* ============================================================================= /* ============================================================================= OTHERS ============================================================================= */ #aside .padding {padding-left:15px;} #aside #logo {margin:0 0 15px 0;} #aside #logo img {display:block; width:200px;} #aside #search fieldset {padding:7px 10px;} #aside #search fieldset p {margin:0;} #aside #search fieldset legend {font-weight:bold;} #aside #search fieldset .input-text {width:130px;} #aside #search fieldset #search-options {margin-top:10px;} #aside #btn-create {margin:0 0 15px 0;} #aside #btn-create a {float:left; padding-left:27px; height:37px; overflow:hidden; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/btn-create-left.gif") 0 0 no-repeat; text-decoration:none; font-weight:bold; cursor:pointer;} #aside #btn-create a span {float:left; display:block; width:163px; padding:8px 0 10px 10px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/btn-create-right.gif") -2px 0 no-repeat;} #aside #btn-create a:hover {background-position:0 -37px;} #aside ul {width:215px; margin:0 0 15px 0; list-style:none;} #aside ul li {display:inline;} #aside ul li a {display:block; width:185px; padding:4px 15px; text-decoration:none;} #aside ul li#submenu-active a {width:198px; border:0; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/submenu-active.gif") 100% 50% no-repeat; font-weight:bold; z-index:999;} #aside ul ul {margin:0; position:static;} #aside ul ul li a, #aside ul li#submenu-active ul li a {width:170px; padding:5px 15px 5px 30px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/submenu-sub.gif") 15px 7px no-repeat; font:85%/1.2 "tahoma",sans-serif; font-weight:normal;} #content2 h2 {margin:0; padding:10px 15px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/content-h1.gif") 0 0 repeat-x; letter-spacing:-1px;} #content2 .col50 {float:left; width:49%;} #content2 .col33 {float:left; width:32%;} #content2 .col33.center {padding:0 2%;} #content2 .tabs {margin:15px 0;} #content2 .tabs ul {margin:0; padding:0; list-style-type:none;} #content2 .tabs ul li {display:inline; margin:0; padding:0;} #content2 .tabs a {float:left; margin-right:3px; padding-left:4px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/tabs-l.gif") 0 -100px no-repeat; text-decoration:none;} #content2 .tabs a span {float:left; display:block; padding:8px 15px 6px 11px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/tabs-r.gif") 100% -100px no-repeat;} #content2 .tabs a:hover, .tabs a:hover span {text-decoration:underline;} #content2 .tabs .ui-tabs-selected a {background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/tabs-l.gif") 0 0 no-repeat; font-weight:bold;} #content2 .tabs .ui-tabs-selected a span {background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/tabs-r.gif") 100% 0 no-repeat;} #content2 .tabs .ui-tabs-selected a:hover, #content2 .tabs .ui-tabs-selected a:hover span {text-decoration:none;} #content2 .ui-tabs-hide {display: none !important;} .input-text {padding:3px; font:100%/1.5 "arial", sans-serif;} .input-text-02 {padding:5px; font:140%/1.5 "arial", sans-serif;} .input-submit {padding:5px; font-size:120%;} .input-submit-02 {padding:1px; font-size:100%;} .msg {padding:10px; padding-left:35px;} .msg.warning {background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/ico-warning.gif") 10px 50% no-repeat;} .msg.info {background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/ico-info.gif") 10px 50% no-repeat;} .msg.done {background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/ico-done.gif") 10px 50% no-repeat;} .msg.error {background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/ico-delete.gif") 10px 50% no-repeat;} /* ============================================================================= FONT STYLES ============================================================================= */ .bigger {font-size:120%;} .smaller {font:85%/1.2 "tahoma",sans-serif;} /* This line can be deleted */ .tit {padding:10px; background:#f5f5f5;} .tag {background:#ffa;} /* ============================================================================= LAYOUT ============================================================================= */ #cols {position:relative; margin:15px 0; padding-right:15px; background:url("http://www.nuviotemplates.com/templates/adminiziolite-01/design/content.gif") 230px 0 repeat-y;} #aside {float:left; width:215px; margin-right:0;} #content2 {margin-left:232px; overflow:visible;} #tray .ico-col2 {display:none;} html>body #aside {margin-right:20px;} html>body #content2 {margin-left:0; overflow:hidden;} /* ============================================================================= HTML - styles ============================================================================= */ body {background: url(http://i47.tinypic.com/28gwnte.jpg) repeat-x; background-color:#eaeaea; color:#303030;} a {color:#0085cc;} a:hover, a:active, a:focus {color:#df0000;} #content2 h1 {color:#0085cc;} #content2 table {border:2px solid #cfcfcf;} #content2 table th {border-right:1px solid #0074B3; background-color:#0085cc; color:#fff;} #content2 table td {border:1px solid #cfcfcf;} #content2 table tr.bg td {background-color:#e8f6ff;} #content2 dl dt {color:#df0000;} #content2 fieldset {border:1px solid #ccc;} #content2 legend {background:#FFF; color:#0085cc;} #content2 acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;} /* ============================================================================= HTML - without styles ============================================================================= */ table.nostyle th, dl.nostyle dt {color:#303030 !important;} /* ============================================================================= LAYOUT ============================================================================= */ #tray {background-color:#303030; color:#cfcfcf;} #tray a, #tray strong {color:#fff;} #tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;} #menu {background-color:#0085cc;} #menu ul li a {background-color:#fff; color:#303030;} #menu ul li a span {background-color:#FFF;} #menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#df0000;} #menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;} #menu ul li#menu-active a {color:#0085cc;} #menu ul.f-right a {color:#df0000;} #content2 {border:1px solid #afafaf; background:#fff;} #footer {color:#707070;} #footer a {color:#707070;} #footer a:hover, #footer a:active, #footer a:focus {color:#303030;} /* ============================================================================= OTHERS ============================================================================= */ #aside #logo img {border:1px solid #bfbfbf;} #aside #search fieldset a {color:#303030;} #aside #search fieldset {border:1px solid #bfbfbf;} #aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#df0000;} #aside #btn-create a {background-color:#fff; color:#303030;} #aside #btn-create a span {background-color:#fff;} #aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;} #aside ul li#submenu-active a {background-color:#df0000; color:#fff;} #aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#df0000;} #aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;} #aside ul li ul li a {background-color:#e3e3e3;} #aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#df0000;} #content2 h2 {background-color:#303030; color:#fff;} #content2 .tabs {border-bottom:1px solid #cfcfcf;} #content2 .tabs a {color:#303030;} #content2 .tabs a span {color:#303030;} #content2 .tabs .ui-tabs-selected a {color:#fff;} #content2 .tabs .ui-tabs-selected a span {color:#fff;} .high {color:#df0000;} .high-bg {background:#FFB;} .low {color:#707070;} /* ============================================================================= MESSAGES ============================================================================= */ .msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;} .msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;} .msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;} .msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;} .msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;} table {margin-left:auto;margin-right:auto;} #pre_content {visibility:hidden;display:none;} #header_container {display: none;visibility:hidden;height:0px;} #nav_container {display: none;visibility:hidden;height:0px;} lli.nav_element {display: none;visibility:hidden;} li.nav_element a {display: none;visibility:hidden;height:0px;} div.header {display: none;visibility:hidden;height:0px;} li.nav_element{list-style-type: none;display: none;visibility:hidden;} li.nav_element {display: none;visibility:hidden;}