orbit-basic/app/assets/stylesheets/messy.css.erb

305 lines
6.5 KiB
Plaintext
Raw Normal View History

2011-11-17 12:02:58 +00:00
body{
background:url(<%= asset_path 'wood_floor.jpg' %>) fixed center 0;
/*background:url(images/jobs.jpg) fixed center bottom;*/
-moz-background-size:cover;
background-size:cover;
color: #000000;
margin: 0;
padding: 0;
}
#hmenu{
2011-11-18 08:43:14 +00:00
background:url(<%= asset_path 'orbitbar1.png' %>) repeat-x 0 0;
2011-11-17 12:02:58 +00:00
height: 50px;
position:fixed;
top:0;
left:0;
width:100%;
z-index: 5;
}
#orbit_icon {
margin-left: 10px;
}
#orbit_icon a {
background:url(<%= asset_path 'bar_orbit.png' %>) no-repeat scroll left top transparent;
height: 43px;
width: 41px;
display:block;
text-indent:-9999px;
}
#orbit_icon a:hover {
background:url(<%= asset_path 'bar_orbit.png' %>) no-repeat scroll left 50% transparent;
}
#hmenu #left{
left: 51px;
position: absolute;
top: 1px;
}
#hmenu #left a{
border-left: 1px solid #000000;
border-right: 1px solid #7F8488;
color: #FFFFFF;
display: block;
font-size: 17px;
height: 40px;
line-height: 40px;
padding: 0 10px;
text-align: center;
text-decoration: none;
}
#hmenu #left a:hover{
background:#000;
color: #FFFFFF;
}
#hmenu #right{
position: absolute;
right: 10px;
top: 1px;
width: 393px;
}
#hmenu #right a{
border-left: 1px solid #7F8488;
border-right: 1px solid #7F8488;
color: #FFFFFF;
display: block;
font-size: 17px;
height: 40px;
line-height: 40px;
padding: 0 10px;
text-align: center;
text-decoration: none;
width: 65px;
}
#hmenu #right a:hover{
background:#000;
color: #FFFFFF;
}
#hmenu form{
left: 27px;
position: absolute;
top: 8px;
}
#login_id{
background:url(<%= asset_path 'bar_id.png' %>) no-repeat scroll 0 0 transparent;
border: medium none;
color: #818181;
font-family: arial,sans-serif;
height: 26px;
left: 70px;
position: absolute;
top: 0;
width: 119px;
}
#login_id input {
background: none repeat scroll 0 0 transparent;
border: medium none;
font-family: arial,sans-serif;
height: 15px;
left: 21px;
position: absolute;
top: 4px;
width: 92px;
}
#login_pw {
background:url(<%= asset_path 'bar_pw.png' %>) no-repeat scroll 0 0 transparent;
border: medium none;
color: #818181;
font-family: arial,sans-serif;
height: 26px;
left: 193px;
position: absolute;
top: 0;
width: 119px;
}
#login_pw input {
background: none repeat scroll 0 0 transparent;
border: medium none;
font-family: arial,sans-serif;
height: 15px;
left: 21px;
position: absolute;
top: 4px;
width: 92px;
}
#login_btn input {
background:url(<%= asset_path 'bar_btn.png' %>) no-repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
cursor: pointer;
font-family: arial,sans-serif;
height: 26px;
left: 316px;
margin: 0;
padding: 0 0 2px;
position: absolute;
top: 0;
width: 50px;
}
#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: -9px;*/
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;
}
#hmenu #right select{
font-family: helvetica,arial,sans-serif;
left: 97px;
position: absolute;
top: 10px;
width: 120px;
}
.content{
padding: 10px;
}
#user_info{
background: none repeat scroll 0 0 #FEFEFE;
border: 1px solid #818181;
border-radius: 5px 5px 5px 5px;
margin: 0 0 20px;
padding: 10px;
width: 250px;
}
#user_info table{
border-collapse: collapse;
width: 100%;
}
#user_info table td{
padding: 3px;
}
#sites_info{
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#F8F8F8));
border: 1px solid #818181;
border-radius: 5px 5px 5px 5px;
float: left;
margin: 0 20px 20px 0;
width: 30%;
min-width: 320px;
}
#sites_info h3{
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
font: 24px/100% helvetica,arial,sans-serif;
margin: 2% 2% 0;
padding: 1%;
}
#sites_info table{
background: none repeat scroll 0 0 #fff;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
margin: 2%;
width: 96%;
}
#sites_info table td{
padding: 10px 5px;
}
#sites_info table th{
border-right: 1px solid #DDDDDD;
color: #808080;
font-size: 18px;
font-weight: normal;
padding: 10px 5px;
text-align: right;
width: 20%;
}
#purchases{
background: -webkit-gradient(linear, left top, left bottom, from(white), to(#F8F8F8));
border: 1px solid #818181;
border-radius: 5px 5px 5px 5px;
float: left;
width: 30%;
min-width: 320px;
}
#purchases h3{
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
font: 24px/100% helvetica,arial,sans-serif;
margin: 2% 2% 0;
padding: 1%;
}
#purchases table{
background: none repeat scroll 0 0 #fff;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
margin: 2%;
width: 96%;
}
#purchases table th{
border-right: 1px solid #DDDDDD;
color: #808080;
font-size: 18px;
font-weight: normal;
padding: 10px 5px;
text-align: right;
width: 20%;
}
#purchases table td{
padding: 10px 5px;
}
.design_page{
}
.style_list{
background:url(<%= asset_path 'preview.png' %>) no-repeat 0 0;
height:246px;
margin: 20px 0;
padding: 0 0 0 236px;
}
.style_list ul{
margin:0;
padding:0;
}
.style_list li{
color: #EDA330;
font-size: 20px;
list-style: none outside none;
margin: 0 0 20px;
}
.list_title{
color: #818181;
display: block;
font: 24px/100% ·L³n¥¿¶ÂÅé,sans-serif;
}
.buy_btn a{
background:url(<%= asset_path "buy_btn.png" %>) no-repeat scroll 0 0 transparent;
color: #000000;
display: block;
font-size: 22px;
height: 37px;
line-height: 37px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
width: 170px;
}
.buy_btn a:hover{
background-position:0 bottom;
}
.bought_btn{
background:url(<%= asset_path "bought_btn.png" %>) no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-size: 22px;
height: 37px;
line-height: 37px;
text-align: center;
text-shadow: 0 1px 0 #C06408;
width: 170px;
}