CSS problem for page

This commit is contained in:
chris2tof 2011-08-25 15:08:23 +08:00
parent f898a29fdf
commit c248b729db
6 changed files with 108 additions and 42 deletions

View File

@ -6,7 +6,7 @@ body{
padding: 0;
}
#banner_link{
#panel_banner_link{
background: url(<%= asset_path "bar_orbit.png" %>) no-repeat scroll 10px 0 transparent;
height: 43px;
position: relative;
@ -55,22 +55,22 @@ body{
text-decoration:underline;
}
#container{
#panel_container{
margin: 9px 0 0;
}
#container h1{
#panel_container h1{
font: 28px/100% helvetica,arial,sans-serif;
margin: 0 0 20px;
padding: 0;
}
#header{
#panel_header{
background: none repeat scroll 0 0 #F1F1F1;
border-bottom: 1px solid #818181;
padding: 10px;
}
#header:after {
#panel_header:after {
content: ".";
display: block;
height: 0;
@ -104,7 +104,7 @@ body{
color: #fff;
}
.content{
#panel_content{
background: none repeat scroll 0 0 #FFFFFF;
clear:both;
padding: 20px 10px;
@ -113,7 +113,7 @@ body{
height:auto !important;
height:430px;
}
.content:after {
#panel_content:after {
content: ".";
display: block;
height: 0;
@ -186,21 +186,27 @@ body{
color: #000;
}
#footer{
#panel_footer{
background: none repeat scroll 0 0 #FFFFFF;
clear: both;
padding: 10px;
}
#footer p{
#panel_footer p{
margin:0;
}
p{
}
p label{
#panel_main p label{
float: left;
padding: 3px;
width: 100px;
}
#panel_main .translation_missing{
float: left;
padding: 3px;
width: 100px;
}
.text{
border: 1px solid #818181;
border-radius: 3px 3px 3px 3px;
@ -208,3 +214,34 @@ p label{
padding: 3px;
width: 205px;
}
.buy_btn{
float:left;
margin:0 20px 0 0;
}
.buy_btn a{
background: url("/assets/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("/assets/bought_btn.png") no-repeat scroll 0 0 transparent;
color: #FFFFFF;
float:left;
font-size: 22px;
height: 37px;
line-height: 37px;
text-align: center;
text-shadow: 0 1px 0 #C06408;
width: 170px;
}

View File

@ -108,7 +108,7 @@ body{
padding: 0;
}
#banner_link{
#panel_banner_link{
background: url(<%= asset_path "bar_orbit.png" %>) no-repeat scroll 10px 0 transparent;
height: 43px;
position: relative;
@ -157,28 +157,28 @@ body{
text-decoration:underline;
}
#container{
#panel_container{
margin: 9px 0 0;
}
#container:after {
#panel_container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container h1{
#panel_container h1{
font: 28px/100% helvetica,arial,sans-serif;
margin: 0 0 20px;
padding: 0;
}
#header{
#panel_header{
background: none repeat scroll 0 0 #F1F1F1;
border-bottom: 1px solid #818181;
padding: 10px;
}
#header:after {
#panel_header:after {
content: ".";
display: block;
height: 0;
@ -201,6 +201,7 @@ body{
border: 1px solid #D6D6D6;
color: #000000;
float: left;
font-size:15px;
margin: 0 20px 0 0;
padding: 5px 10px;
text-decoration: none;
@ -213,14 +214,11 @@ body{
color: #fff;
}
.content{
#panel_content{
clear:both;
min-height : 430px;
height:auto !important;
height:430px;
position:relative;
}
.content:after {
#panel_content:after {
content: ".";
display: block;
height: 0;
@ -304,10 +302,12 @@ body{
#panel_sidebar{
color: #FFFFFF;
float: left;
padding: 5px 0 0;
width: 300px;
color: white;
left: 0;
padding: 5px 0 0 5px;
position: absolute;
top: 0;
width: 290px;
}
#panel_sidebar ul{
background: url(<%= asset_path "tree_list.png" %>) repeat-x 0 0;
@ -329,6 +329,27 @@ body{
}
#panel_sidebar a:hover{}
#panel_main{
float: left;
padding: 10px;
left:300px;
min-width: 1024px;
position:absolute;
top:0;
}
#panel_main p label{
float: left;
padding: 3px;
width: 100px;
}
#panel_main .translation_missing{
float: left;
padding: 3px;
width: 100px;
}
.text{
border: 1px solid #818181;
border-radius: 3px 3px 3px 3px;
font: 12px/100% helvetica,arial,sans-serif;
padding: 3px;
width: 205px;
}

View File

@ -1,7 +1,11 @@
<% if @site && @site.registered? %>
<%= t('admin.registered') %>
<div class="bought_btn">
<%= t('admin.registered') %>
</div>
<% else %>
<%= link_to 'register', "http://#{APP_CONFIG['store_ip']}/user/sites/register?" +
{:site => {:school => @site.school, :department => @site.department}}.to_query,
:target => '_blank' %>
<div class="buy_btn">
<%= link_to 'register', "http://#{APP_CONFIG['store_ip']}/user/sites/register?" +
{:site => {:school => @site.school, :department => @site.department}}.to_query,
:target => '_blank' %>
</div>
<% end %>

View File

@ -1,5 +1,9 @@
<% if @site.up_to_date? %>
<%= t('admin.up_to_date') %>
<div class="bought_btn">
<%= t('admin.up_to_date') %>
</div>
<% else %>
<%= link_to t(:update), site_update_path %>
<div class="buy_btn">
<%= link_to t(:update), site_update_path %>
</div>
<% end %>

View File

@ -13,7 +13,7 @@
</head>
<body>
<div id="banner_link" >
<div id="panel_banner_link" >
<div class="hmenu">
<div class="lang">
<%= render 'layouts/lang_menu' %>
@ -22,9 +22,9 @@
<%= render 'devise/menu/login_items' %>
</div>
</div>
<div id="container">
<div id="panel_container">
<div id="header">
<div id="panel_header">
<h1>RulingSite <%= t('admin.admin') %></h1>
<ul id="nav">
<li><%= link_to t('homepage'), root_path %></li>
@ -39,13 +39,13 @@
</ul>
</div>
<div class="content">
<div id="panel_content">
<div class="main"><%= yield %></div>
<div class="secondary"><%= yield :secondary %></div>
<div class="tertiary"><%= yield :tertiary %></div>
</div>
<div id="footer">
<div id="panel_footer">
<p>Rulingcom</p>
</div>
</div>

View File

@ -21,7 +21,7 @@
</head>
<body>
<div id="banner_link" >
<div id="panel_banner_link" >
<div class="hmenu">
<div class="lang">
<%= render 'layouts/lang_menu' %>
@ -30,9 +30,9 @@
<%= render 'devise/menu/login_items' %>
</div>
</div>
<div id="container">
<div id="panel_container">
<div id="header">
<div id="panel_header">
<h1>RulingSite <%= t('admin.item') %></h1>
<ul id="nav">
<li><%= link_to t('homepage'), root_path %></li>
@ -48,7 +48,7 @@
</div>
<div class="content">
<div id="panel_content">
<div id="panel_sidebar"><%= yield :sidebar %></div>
<div id="panel_main"><%= yield %></div>
</div>