Location: PHPKode > projects > Network Managment / Inventory System > clearsite/css/clearsite3.0.php
<?php header('Content-type: text/css');

include_once("../include/config.php");

?>
 /*========== RESET ============*/
html{color:#000000; background:#FFFFFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}	h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';} abbr,acronym {border:0; font-variant:normal;}	sup {vertical-align:text-top;} sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}	legend{color:#000000;}

 /*=== Layout ===*/
.rnd-cell, .content-cell, .footer {background-color:#ECE9D8;}
.header, .main, .rnd-header, #sidebar, .content {background-color:#FFF;}

body {font-size:62.5%; background-color:#aeb9e2; font-family:arial,sans-serif;}
body p {color:#000000; padding: 0 0 0 6px; font-size:12pt;}
body p.big {line-height: 190%;}
body h1 {margin-right:10px; padding:5px; border-bottom:solid 1px #7D7D7D; font-size:14pt !important /*Non-IE6*/; font-size:14pt /*IE6*/;}
body h4 {margin-right:10px; padding:5px 0 1px 10px; border-bottom:solid 1px #D7D7D7; font-size:12pt !important /*Non-IE6*/; font-size:170% /*IE6*/; color:#0b2dcf;}
p.small { font-size: 8pt; }

.header {min-height:60px; height:auto !important; height:130px; font-size:1.0em; position: relative;}
.header-top {clear:both; height:70px; background: url('<?php print "$ClearsiteBaseURL"; ?>/images/blu-banner.png'); font-size:1.0em; margin: 0px 5px 0px 5px;}
.header img {padding: 1px 0; margin: 0 auto; height: 60px; }

.main {/*this(height) is here because of IE bug?*/height:100%; font-size:1.0em;}

.auth { clear: left; position: absolute; top: 17px; right: 20px; font-family: arial,georgia,verdana; font-size:11pt; color: #FFFFFF; font-weight:bold; text-align: right; background: url('<?php print "$ClearsiteBaseURL"; ?>/images/login-bg.png'); }
.auth img { border: none; text-decoration: none; }
.auth fieldset {border: 2px solid #FFFFFF; padding-bottom: 4px;}
.auth fieldset legend {margin-top: -8px;}
.container {min-width:800px; max-width:1280px; width:98%; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.button_login { border: 0; background: transparent url('<?php print "$ClearsiteBaseURL"; ?>/images/login-1.png') no-repeat; height: 40px; text-decoration: none; font-weight:bold; }
.login {border:none; text-decoration:none; margin: -5px 5px; }

/*=== Sidebar ===*/
#sidebar {display:inline; padding-right:10px; float:left; width:210px; font-size:1.0em; overflow:visible !important; overflow:hidden; max-height:720px; min-height:600px; overflow-x:hidden; overflow-y:scroll;}
#sidebar h1 {color:#000000; font-family:arial,georgia,verdana; font-size:10pt; margin-left:10px;}
#sidebar input.radio, input.text {margin-left:10px;}
#sidebar select.dropdown, option {width:140pt;}
#sidebar a {color:#467AA7; font-weight:bold; text-decoration:none;}
#sidebar a:hover {color:#465A8A; text-decoration:underline;}
#sidebar a:visited {color:#2A5A8A;}
input#searchbar {font-size:12pt;}
.searchbox input, select, label {font-size:12pt;}
br.srch br { clear: left; }

/*===Sidebar Group Page===*/
#gpage_listing p {font-size:10pt; margin:0;}

#menuTree { font-family: arial,verdana; font-size: 10pt; }
#menuTree img { width: 14px; text-decoration: none; border: none; padding-left: 5px; padding-right: 5px; }
#menuTree a { text-decoration: none; }
#menuTree p {font-size: 10pt; line-height: 0.5em; margin:0pt 0pt; padding:2px 0pt;}
#menuTree span.indent1 a { padding-left: 5px; }
#menuTree span.indent2 a { padding-left: 15px; }
#menuTree span.indent3 a { padding-left: 25px; }

/*=== Time Form ===*/
.presets {padding: 5px 0pt;}
.presets-list {list-style-type: none; font-size: 10pt;}
ul.presets-list li {float:left; width:60px; margin: 0pt 4px;}
ul.presets-list li.clock_img {float:right;}

#customTimeForm { background-color: #2c7daf; }
#customTimeForm select.cust_month {width:80pt; display:inline; }
#customTimeForm select.cust_day {width:35pt; display:inline; }
#customTimeForm select.cust_hour {width:35pt; display:inline; }
#customTimeForm select.cust_year {width:50pt; display:inline; } 
.cust_time_b {font-size:12pt; padding: 0pt 2px; display:inline; }
.cust_time_t {font-size:10pt; padding: 0pt 2px; display:inline; text-decoration: none;}
.graph_submit {font-size: 12pt; padding: 0pt 2px; margin: 0pt 5px; }

/*=== Content ===*/
.content {display:inline; float:right; width:82%; font-size:1.0em; overflow:visible !important; overflow:hidden;}
.content p { font-size: 12pt; padding-left: 10px; }
.content h1 { background-color: #2c7daf; color: #FFF; font-size: 16pt; padding-left: 15px; display: block; }
.content h2 { background-color: #2c7daf; color: #FFF; font-size: 14pt; padding-left: 15px; display: block; }
.content dt { font-size: 12pt; font-weight:bold; padding-left: 15px; display: block; }

/*=== Tables ===*/
div.alt_odd_cells {background:#FFFFFF none repeat scroll 0% 0%; margin: 0pt 2px; padding:0pt; width:952px;}
div.alt_even_cells {background:#E0E0E0 none repeat scroll 0% 0%; margin: -1px 2px; padding:0pt; width:952px;}
div.alt_table_row {border:1px solid #000000; margin:0pt auto; padding:0pt;width:950px;}
div.alt_table_row p {color:#000000; font-size: 10pt !important; padding: 0pt 2pt; margin: 0pt 0pt; overflow: hidden; }

div.odd_cells {background:#FFFFFF none repeat scroll 0% 0%; margin: 0pt 2px; padding:0pt; width:902px;}
div.even_cells {background:#FFFFFF none repeat scroll 0% 0%; margin: -1px 2px; padding:0pt; width:902px;}

div.table_row {background:url('<?php print "$ClearsiteBaseURL"; ?>/images/1px-cell-brdr.png') repeat; border:1px solid #000000; margin:0pt auto; padding:0pt;width:900px;}
div.table_row p {color:#000000; font-size: 10pt !important; padding: 0pt 2pt; margin: 0pt 0pt; overflow: hidden; }
div.left_cell {float:left;margin:0pt;padding:0pt; width:11%; text-align:left; }
div.left_center_cell {float:left;margin:0pt;padding:0pt; width:32%; text-align:left; }
div.right_center_cell {float:left;margin:0pt;padding:0pt; width:12%; text-align:left; }
div.right_cell {float:left;margin:0pt;padding:0pt; width:44%; text-align:left;}


div.alt_six_odd {background:#FFFFFF none repeat scroll 0% 0%; margin: 0pt 2px; padding:0pt; width:802px;}
div.alt_six_even {background:#E0E0E0 none repeat scroll 0% 0%; margin: -1px 2px; padding:0pt; width:802px;}

div.six_cell_row {border:1px solid #000000; margin:0pt auto; padding-top:5px;width:800px;}
div.cell_one {float:left;margin:0pt;padding:0pt; width:290px; text-align:left; }
div.cell_two {float:left;margin:0pt;padding:0pt; width:130px; text-align:left; }
div.cell_three {float:left;margin:0pt;padding:0pt; width:120px; text-align:left; }
div.cell_four {float:left;margin:0pt;padding:0pt; width:70px; text-align:left; }
div.cell_five {float:left;margin:0pt;padding:0pt; width:70px; text-align:left; }
div.cell_six {float:left;margin:0pt;padding:0pt; width:70px; text-align:left; }

div.tbl_spacer {clear:both;margin:0pt;padding:0pt;width:auto;}

.ipacc {margin: 10px; }
/*=== Results Div ===*/

#sResults { overflow-x: hidden; overflow-y: scroll; max-height: 122px; }
#sResults table#searchResultstable { width: 100%; font-family: arial,verdana; font-size: 10pt; }
#target_table li { font-size: 10pt; list-style: none; display: inline; padding: 5px 5px; }
#targetArea	table.details { font-family: arial,verdana; font-size: 10pt; }
#targetArea	table tr td img {padding-left: 10px; border: none; text-decoration: none; }
#targetArea p a {padding: 0pt 0pt;}
#targetArea {display:inline;}
.d_w_m h1 { font-size: 14pt; background-color: #2c7daf; display: block; padding-left: 5px; }

.site_admin { min-width:800px; max-width:820px; padding : 0.5em 1em; font-size : 1em; background:#F2EFE9 none repeat scroll 0 0; }
.site_admin label { text-align: left; padding-right: 5px; width: 15%; float: left; display: inline; margin-bottom: 5px; }
.site_admin br { clear: both; }

.install { width : 60%; padding : 0.5em 1em; font-size: 12pt; }
.install label { font-size: 12pt; text-align: left; padding-right: 5px; width: 40%; float: left; display: block; margin-bottom: 5px; }
.install input p { font-size: 12pt; text-align: left; padding-right: 5px; float: left; display: block; margin-bottom: 5px; }
.install ul { margin-left: 20px; margin-bottom:10px; }
.install br { clear: left; }

.site_details { font-weight: bold; width : 86%; padding : 0.5em 2em; font-size : 1em; background:#F2EFE9 none repeat scroll 0 0; }
.site_details label { width: 10em; }

.site_details br { clear: left; }
.admin_error { font-weight: bold; color: #ff0000; }

.bg01 { text-align: left; padding-right: 5px; height: 20px; width: 100px; float: left;  margin-bottom: 5px; background:#E0E0E0; }
.bg02 { text-align: left; padding-right: 5px; height: 20px; width: 100px; float: left;  margin-bottom: 5px; background:#FFF; }
img.admin_img { text-decoration: none; border: none; }

a:link { color: #175B7D; }
a:visited { color: #600; }
a:active { color: #fff; background: #175B7D;}

/*=== Navigation ===*/
.navTab { padding: 0px 0; margin-top: -10px; margin-left: 0; font-weight:bold; font-size: 12pt; font-family: sans-serif; text-align:center; }
.navTab ul { padding: 0 0; margin-left: 0; border-bottom: 3px solid #5C9BD1; }
.navTab li { list-style: none; margin: 0; display: inline; }
.navTab li a { padding: 0px 0.5em; margin-left: 3px; border:2px solid #FFF; border-bottom: none; background: #EEE; text-decoration: none; }
.navTab li a:link { background-color: #336699; color: #EEE; }
.navTab li a:visited { color: #336699; border-color: #5C9BD1; }
.navTab li a:hover { background-color: #FFF; color: #336699; border-color: #5C9BD1; }
.navTab li a#current { background-color: #FFF; color: #336699; border-bottom: 4px solid white; }
.navTab li a:hover#current { background-color: #EEE; border-bottom: 4px solid #EEE; color:#448; }
.admin { background-color: #AEADE5; border: outset; border-width: 3px; }
.admin-button { background-color: #000; }

/*=== Sitename and logo ===*/
h1.logo {padding-right: 20px; padding-top: 35px; text-align: right; font-family:"trebuchet ms",arial,sans serif; font-weight:normal; font-size:290% !important; font-size:260%;}
h2.logo {padding-right: 20px; text-align: right; font-family:verdana,arial,sans serif; color:#000; font-weight:normal; font-size:130% !important; font-size:120%;}
a.logo{text-decoration:none; color:#000;}
a.logo:hover {text-decoration:none;}

.footer p {clear:both; line-height:1.3em; text-align:center; color:#7D7D7D; font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:#7D7D7D;}
.footer a:hover {text-decoration:none; color:#000000;}
.footer {clear:both; border-left:solid 10px #FFF; border-right:solid 10px #FFF; padding:1.0em 0 1.0em 0; font-size:1.1em !important; font-size:1.0em; overflow:visible !important; overflow:hidden;}

/*=== CLEAR FLOATS ===*/
.container:after, .header:after, .header-top:after, .navbar:after, .main:after, .content:after, .content div:after, .sidebar:after, .sidebar div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
p:after {content:"."; display:block; height:0; visibility:hidden;}

/*=== Heading ===*/
.content h1 {margin:0; padding:5px 50px 12px 20px; border-bottom:solid 1px #D7D7D7; font-weight:bold; font-size:220% !important; font-size:200%;}
.content h2 {clear:both; position:relative; z-index:1; top:-1px; margin: 0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px #D7D7D7; background: url('<?php print "$ClearsiteBaseURL"; ?>/images/icon_celltitle_level2.gif') no-repeat;  background-position:right 15px; color:#4B4B4B; font-weight:bold; font-size:180% !important; font-size:160%;}

/*=== Paragraph text ===*/
.content p {margin:1.0em 0 1.0em 0; color:#000; line-height:1.3em; padding: 0 20px 0 20px; font-size:12pt;}
.content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

/*===  sidebar  ===*/
/*=== Heading -- Standard icon ===*/
.sidebar h1 {margin:0; padding:5px 20px 12px 20px; border-bottom:solid 1px #D7D7D7; font-weight:bold; font-size:220% !important; font-size:200%;}
.sidebar h2 {position:relative; z-index:1; top:-1px; margin:0 20px 0 20px; padding:15px 35px 5px 0; border-top:solid 1px #D7D7D7; background:url('<?php print "$ClearsiteBaseURL"; ?>/images/icon_celltitle_level2.gif') no-repeat;  background-position:right 15px; color:#4B4B4B; font-weight:bold; font-size:180% !important; font-size:160%;}
.sidebar h5 {margin:1.0em 0 -0.6em 0; padding:0 20px 0 20px; color:#4B4B4B; font-weight:bold; font-size:140% !important; font-size:125%;}


/*=== LINKS ===*/
/*=== Text links ===*/
.main a {color:#467AA7; font-weight:bold; text-decoration:none;}
.main a:hover {color:#2A5A8A; text-decoration:underline;}
.main a:visited {color:#2A5A8A;}

/*=== Image links ===*/
.main a img {border: none;}
.main a:hover img {border: none;}

/*=== Rounded Corners ===*/
/*=== The commas in these classes are important for CSS inheritance, please note them ===*/

.rnd-cell b.rcbottom, b.rctop{display:block;background: #FFF;}
.rnd-cell b.rcbottom b, b.rctop b{display:block;height: 1px; overflow: hidden; background-color: #ECE9D8;}
.rnd-cell b.rc1{margin: 0 5px}
.rnd-cell b.rc2{margin: 0 3px}
.rnd-cell b.rc3{margin: 0 2px}
.rnd-cell b.rcbottom b.rc4, b.rctop b.rc4{margin: 0 1px;height: 2px}

.rnd-header b.rhtop, b.rhbottom{display:block;background-color: #AEB9E2;}
.rnd-header b.rhtop b, b.rhbottom b{display:block;height: 1px; overflow: hidden; background-color: #FFF;}
.rnd-header b.rh1{margin: 0 5px}
.rnd-header b.rh2{margin: 0 3px}
.rnd-header b.rh3{margin: 0 2px}
.rnd-header b.rhtop b.rh4, b.rhbottom b.rh4{margin: 0 1px;height: 2px}

.tabs {padding: 0 20%;text-align:center; clear:both;}
.tabs ul li {list-style-image:none;list-style-position:outside;list-style-type:none;margin-right: 5px;padding:0pt;background-color:#FFF;}
.tabs li {float:left;width:auto;} 
.tabs li:hover {float:left;width:auto;background-color:#ECE9D8; }
.tabs h3 {color:#000000;font-family:Verdana,sans-serif;font-size:120%;line-height:1.3;margin:0px;padding:0pt 5px 2px;text-align:center;}
.tabs h3 a {text-decoration:none;color:#000000;font-family:Verdana,sans-serif;font-size:120%;line-height:1.3;margin:0px;padding:0pt 5px 2px;text-align:center;}
.tabs h3#active a {color:blue;font-family:Verdana,sans-serif;font-size:120%;line-height:1.3;margin:0px;padding:0pt 5px 2px;text-align:center;}
.navbar {text-align:center;}

.rnd-tab b.rhtab {display:block;background-color: #AEB9E2;}
.rnd-tab b.rhtab b {display:block;height: 1px; overflow: hidden; background-color: #FFF;}
.rnd-tab b.rt1 {margin: 0 5px}
.rnd-tab b.rt2 {margin: 0 3px}
.rnd-tab b.rt3 {margin: 0 2px}
.rnd-tab b.rhtab b.rt4 {margin: 0 1px;height: 2px}   

#clear {clear:both;}/*For IE */
dt {color:#113344;font-size:14pt;margin-left:5px;}
dd {margin-left:25px;text-decoration:none;font-family:Helvetica,Arial,Verdana;font-size:10pt;}
.docs li {list-style-image:none;list-style-position:outside;list-style-type:none;margin-left: 15px;padding:0pt; font-size:10pt; font-weight:bold;}
.docs p {margin-left: 20px;}
Return current item: Network Managment / Inventory System