Orbit/app/assets/stylesheets/content.css.erb

334 lines
5.8 KiB
Plaintext
Raw Normal View History

2011-08-25 00:07:18 +00:00
/*
#panel_header ul, #panel_sidebar ul{
margin:0;
padding:0;
}
#panel_header ul li, #panel_sidebar ul li{
list-style:none;
}
#panel_header a, #panel_sidebar a {
text-decoration:none;
}
html{
height:100%;
width:100%;
}
body{
height:100%;
margin:0;
width:100%;
}
#panel_content{
height:100%;
width:100%;
}
#panel_header{
2011-08-23 02:05:16 +00:00
background:url(<%= asset_path 'bar_bg.png' %>) repeat-x 0 0;
font-size:12px;
height:41px;
}
#panel_header ul{
margin:0 0 0 10px;
}
#panel_header a:link,#panel_header a:visited{
color:#fff;
}
#panel_header a:hover,#panel_header a:active{
color:#ececec;
}
#panel_nav{
float:left;
margin:0 0 0 10px;
}
#panel_nav li{
float: left;
line-height: 38px;
list-style: none outside none;
margin: 0 10px 0 0;
}
.panel_hmenu{
color: #FFFFFF;
float: right;
}
.panel_hmenu li{
float: left;
line-height: 41px;
list-style: none outside none;
margin: 0 10px 0 0;
}
#panel_sidebar{
background: none repeat scroll 0 0 #323232;
color: #FFFFFF;
float: left;
height: 100%;
min-width: 250px;
padding:5px 5px 0 0;
}
#panel_sidebar a:link,#panel_sidebar a:visited{
color:#fff;
}
#panel_sidebar a:hover,#panel_sidebar a:active{
color:#ececec;
}
#panel_sidebar ul{
2011-08-23 02:05:16 +00:00
background: url(<%= asset_path 'tree_list.png' %>) repeat scroll 0 0 transparent;
}
#panel_sidebar li{
font-size: 12px;
line-height: 29px;
list-style:none;
padding: 0 0 0 10px;
}
#panel_sidebar ul {
}
#panel_sidebar ul li{
padding:0 0 0 20px;
}
.new_page{}
.new_link{}
.del_page{}
#panel_main{
margin:10px;
2011-08-25 00:07:18 +00:00
}
*/
html{
background: url(<%= asset_path "html.png" %>) repeat-y scroll 0 0;
}
body{
background: url(<%= asset_path "orbitbar.png" %>) repeat-x scroll 0 0;
color: #000000;
font-family: helvetica,arial,sans-serif;
margin: 0;
padding: 0;
}
#banner_link{
background: url(<%= asset_path "bar_orbit.png" %>) no-repeat scroll 10px 0 transparent;
height: 43px;
position: relative;
}
.hmenu{
height: 40px;
position: absolute;
right: 0;
top: 1px;
width: 250px;
}
#log_out a{
background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right 0 transparent;
border: medium none !important;
display: block !important;
height: 40px !important;
line-height: normal !important;
padding: 0 !important;
position: absolute;
right: 0px;
text-indent: -10000px;
top: 0px;
width: 43px !important;
}
#log_out a:hover{
background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right bottom transparent !important;
}
.lang{
color: #FFFFFF;
font-size: 15px;
line-height: 40px;
position: absolute;
right: 55px;
top: 0;
}
.lang a{
color:#fff;
text-decoration:none;
}
.lang a:hover{
text-decoration:underline;
}
#container{
margin: 9px 0 0;
}
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container h1{
font: 28px/100% helvetica,arial,sans-serif;
margin: 0 0 20px;
padding: 0;
}
#header{
background: none repeat scroll 0 0 #F1F1F1;
border-bottom: 1px solid #818181;
padding: 10px;
}
#header:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#nav{
margin:0;
padding:0;
}
#nav li{
float: left;
list-style: none outside none;
}
#nav li a{
background: none repeat scroll 0 0 #fff;
border-radius: 13px 13px 13px 13px;
border: 1px solid #D6D6D6;
color: #000000;
float: left;
margin: 0 20px 0 0;
padding: 5px 10px;
text-decoration: none;
}
#nav li a:hover{
background: none repeat scroll 0 0 #818181;
border-radius: 13px 13px 13px 13px;
border: 1px solid #818181;
color: #fff;
}
.content{
clear:both;
min-height : 430px;
height:auto !important;
height:430px;
}
.content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.main{
float:left;
min-width: 700px;
width: 60%;
}
.main table{
border-collapse: collapse;
width:100%;
}
.main table th{
background: none repeat scroll 0 0 #EEEEEE;
border-bottom:1px solid #c7c7c7;
font: 17px/100% helvetica,arial,sans-serif;
letter-spacing: 0.05em;
padding: 10px;
}
.main table td{
border-bottom: 1px solid #EEEEEE;
padding: 10px;
text-align: center;
}
.main table td a{
background: none repeat scroll 0 0 #EEEEEE;
border-radius: 13px 13px 13px 13px;
color: #000000;
padding: 5px 10px;
text-decoration: none;
}
.main table td a:hover{
background: none repeat scroll 0 0 #818181;
border-radius: 13px 13px 13px 13px;
color: #fff;
}
.secondary{
float: left;
margin: 47px 0 0 20px;
min-width: 250px;
width: 10%;
}
.secondary ul{
border: 1px solid #818181;
border-radius: 5px 5px 5px 5px;
margin: 0;
padding: 10px;
}
.secondary ul li{
list-style:none;
}
.secondary ul li a{
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #CCCCCC;
border-radius: 5px 5px 5px 5px;
color: #333333;
display: block;
margin: 5px 0;
padding: 5px;
text-decoration: none;
}
.secondary ul li a:hover{
background: none repeat scroll 0 0 #cccccc;
border:1px solid #818181;
color: #000;
}
#footer{
background: none repeat scroll 0 0 #FFFFFF;
clear: both;
padding: 10px;
}
#footer p{
margin:0;
}
#panel_sidebar{
color: #FFFFFF;
float: left;
padding: 5px 0 0;
width: 300px;
}
#panel_sidebar ul{
background: url(<%= asset_path "tree_list.png" %>) repeat-x 0 0;
margin: 0;
padding: 0 0 0 15px;
}
#panel_sidebar ul li{
line-height: 28px;
list-style: none outside none;
}
#panel_sidebar li ul{
margin: 0 0 0 -15px;
padding: 0 0 0 25px;
}
#panel_sidebar a{
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
}
#panel_sidebar a:hover{}
#panel_main{
float: left;
padding: 10px;
}