Merge branches 'design_team' and 'design_team' of github.com:Rulingcom/orbit into design_team

This commit is contained in:
Christophe Vilayphiou 2012-03-16 15:13:06 +08:00
commit 07edf44643
2 changed files with 488 additions and 484 deletions

View File

@ -52,12 +52,15 @@ $(document).ready(function(){
/*tinyscrollbar&windows-Size*/ /*tinyscrollbar&windows-Size*/
resize(); resize();
$('#main-sidebar').css("height", viewportheight-40); var $mainWrapMarginLeft = parseInt($('#main-wrap').css("margin-left"))-2;
$('#main-sidebar .viewport').css("height", viewportheight-40); $('#main-sidebar').css("height", viewportheight-30);
$('#main-sidebar .viewport').css("height", viewportheight-30);
$('.post-title').css("width", viewportwidth-495); $('.post-title').css("width", viewportwidth-495);
$('#main-wrap > .subnav').css("width", viewportwidth-$mainWrapMarginLeft)
$('#main-sidebar').tinyscrollbar(); $('#main-sidebar').tinyscrollbar();
$('.detal-list').tinyscrollbar(); $('.detal-list').tinyscrollbar();
$('#main-sidebar').tinyscrollbar({size:(viewportheight-44)}); $('#main-sidebar').tinyscrollbar({size:(viewportheight-34)});
mainTablePosition()
/*isotope*/ /*isotope*/
var $container = $('#isotope'); var $container = $('#isotope');

View File

@ -1,482 +1,483 @@
html, body{ html, body{
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
html{ html{
background: url(<%= asset_path "body.jpg" %>) no-repeat fixed 0 0 transparent; background: url(<%= asset_path "body.jpg" %>) no-repeat fixed 0 0 transparent;
background-size: cover; background-size: cover;
} }
body{ body{
color: #000000; color: #000000;
font-family: Helvetica, '微軟正黑體'; font-family: Helvetica, '微軟正黑體';
} }
#back_banner_link{ #back_banner_link{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #787e82), color-stop(0.05, #61676c), color-stop(1, #292c2d) ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #787e82), color-stop(0.05, #61676c), color-stop(1, #292c2d) );
background:-moz-linear-gradient( center top -90deg, #787e82 0%, #61676c 5%, #292c2d 100% ); background:-moz-linear-gradient( center top -90deg, #787e82 0%, #61676c 5%, #292c2d 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#61676c', endColorstr='#292c2d'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#61676c', endColorstr='#292c2d');
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,.7); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,.7);
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,.7); -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,.7);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,.7); box-shadow: 0px 1px 5px 0px rgba(0,0,0,.7);
border-top: 1px solid #474a4c; border-top: 1px solid #474a4c;
border-bottom: 1px solid #1d2020; border-bottom: 1px solid #1d2020;
height: 41px; height: 41px;
width: 100%; width: 100%;
behavior: url(<%= asset_path "PIE.htc" %>); behavior: url(<%= asset_path "PIE.htc" %>);
} }
.hmenu{ .hmenu{
float: right; float: right;
height: 41px; height: 41px;
} }
#back_orbit{ #back_orbit{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #70787d), color-stop(1, #3b4043) ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #70787d), color-stop(1, #3b4043) );
background:-moz-linear-gradient( center top -90deg, #70787d 0%, #3b4043 100% ); background:-moz-linear-gradient( center top -90deg, #70787d 0%, #3b4043 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70787d', endColorstr='#3b4043'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70787d', endColorstr='#3b4043');
-webkit-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,.7); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,.7);
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,.7); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,.7);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,.7); box-shadow: 0px 1px 1px 0px rgba(0,0,0,.7);
cursor: pointer; cursor: pointer;
float: left; float: left;
height: 43px; height: 43px;
margin-left: 10px; margin-left: 10px;
width: 41px; width: 41px;
behavior: url(<%= asset_path "PIE.htc" %>); behavior: url(<%= asset_path "PIE.htc" %>);
} }
#back_orbit span{ #back_orbit span{
text-indent: -9999px; text-indent: -9999px;
background: url(<%= asset_path "bar_orbit.png" %>) no-repeat scroll 0 0 transparent; background: url(<%= asset_path "bar_orbit.png" %>) no-repeat scroll 0 0 transparent;
display: block; display: block;
height: 43px; height: 43px;
width: 100%; width: 100%;
} }
#back_orbit:hover{ #back_orbit:hover{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #e4e4e4) ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #e4e4e4) );
background:-moz-linear-gradient( center top -90deg, #fefefe 0%, #e4e4e4 100% ); background:-moz-linear-gradient( center top -90deg, #fefefe 0%, #e4e4e4 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e4e4e4'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e4e4e4');
-webkit-border-radius: 0px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; -moz-border-radius: 0px;
border-radius: 0px; border-radius: 0px;
} }
#back_orbit:hover span{ #back_orbit:hover span{
background-position: 0 -44px; background-position: 0 -44px;
} }
#back_orbit:hover #orblist{ #back_orbit:hover #orblist{
display:block; display:block;
} }
#orblist{ #orblist{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #e4e4e4), color-stop(1, #FFFFFF) ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #e4e4e4), color-stop(1, #FFFFFF) );
background:-moz-linear-gradient( center top -90deg, #e4e4e4 0%, #FFFFFF 100% ); background:-moz-linear-gradient( center top -90deg, #e4e4e4 0%, #FFFFFF 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#FFFFFF'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#FFFFFF');
-webkit-border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 3px;
-moz-border-radius: 0px 3px 3px 3px; -moz-border-radius: 0px 3px 3px 3px;
border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px;
-webkit-box-shadow: 0 3px 3px #000000; -webkit-box-shadow: 0 3px 3px #000000;
-moz-box-shadow: 0 3px 3px #000000; -moz-box-shadow: 0 3px 3px #000000;
box-shadow: 0 3px 3px #000000; box-shadow: 0 3px 3px #000000;
display: none; display: none;
margin: 0; margin: 0;
padding: 10px; padding: 10px;
position: absolute; position: absolute;
top: 43px; top: 43px;
width: 130px; width: 130px;
} }
#orblist li{ #orblist li{
border-bottom:1px solid #aaa; border-bottom:1px solid #aaa;
list-style:none; list-style:none;
} }
.orblink{ .orblink{
color: #333333; color: #333333;
display: block; display: block;
font: 12px/100% arial,sans-serif; font: 12px/100% arial,sans-serif;
padding: 5px; padding: 5px;
text-decoration: none; text-decoration: none;
} }
.orblink:hover{ .orblink:hover{
background:#eee; background:#eee;
color:#333; color:#333;
} }
#log_out{ #log_out{
-moz-box-shadow:inset 1px 0px 0px 0px #73777b; -moz-box-shadow:inset 1px 0px 0px 0px #73777b;
-webkit-box-shadow:inset 1px 0px 0px 0px #73777b; -webkit-box-shadow:inset 1px 0px 0px 0px #73777b;
box-shadow:inset 1px 0px 0px 0px #73777b; box-shadow:inset 1px 0px 0px 0px #73777b;
border-right:1px solid #41474c; border-right:1px solid #41474c;
border-left:1px solid #41474c; border-left:1px solid #41474c;
float:right; float:right;
width:41px; width:41px;
height:41px; height:41px;
} }
#log_out:hover{ #log_out:hover{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #01afde), color-stop(1, #007ec6) ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0, #01afde), color-stop(1, #007ec6) );
background:-moz-linear-gradient( center top -90deg, #01afde 0%, #007ec6 100% ); background:-moz-linear-gradient( center top -90deg, #01afde 0%, #007ec6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01afde', endColorstr='#007ec6'); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01afde', endColorstr='#007ec6');
} }
#log_out a{ #log_out a{
background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right 0 transparent; background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right 0 transparent;
display: block; display: block;
height: 41px; height: 41px;
text-indent: -9999px; text-indent: -9999px;
width: 41px; width: 41px;
} }
#log_out a:hover{ #log_out a:hover{
background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right bottom transparent !important; background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right bottom transparent !important;
} }
.lang{ .lang{
color: #FFFFFF; color: #FFFFFF;
float: right; float: right;
font-size: 15px; font-size: 15px;
line-height: 40px; line-height: 40px;
margin-right: 10px; margin-right: 10px;
} }
.lang a{ .lang a{
color:#fff; color:#fff;
text-decoration:none; text-decoration:none;
} }
.lang a:hover{ .lang a:hover{
text-decoration:underline; text-decoration:underline;
} }
#back_content{ #back_content{
height: 100%; height: 100%;
} }
#back_footer{ #back_footer{
background-color: #101010; background-color: #101010;
bottom: 0; bottom: 0;
color: #FFFFFF; color: #FFFFFF;
font-size: 11px; display:none;
padding: 10px; font-size: 11px;
position: fixed; padding: 10px;
width: 100%; position: fixed;
left: 0; width: 100%;
box-shadow: 0 -3px 4px #000; left: 0;
} box-shadow: 0 -3px 4px #000;
.items_setup{ }
padding:42px 0 0 0; .items_setup{
} padding:42px 0 0 0;
#back_sidebar .items_setup .list li{ }
padding: 6px 0 7px 5px; #back_sidebar .items_setup .list li{
} padding: 6px 0 7px 5px;
#back_sidebar .items_setup .list li a{ }
display: inline; #back_sidebar .items_setup .list li a{
font-size: 0.9em; display: inline;
padding: 0; font-size: 0.9em;
} padding: 0;
#back_sidebar .items_setup .list li a span{ }
background:none; #back_sidebar .items_setup .list li a span{
padding:0; background:none;
text-shadow:none; padding:0;
} text-shadow:none;
.main { }
background: none repeat scroll 0 0 #FFFFFF; .main {
height: 100%; background: none repeat scroll 0 0 #FFFFFF;
margin-left: 220px; height: 100%;
padding: 0 40px; margin-left: 220px;
position: relative; padding: 0 40px;
} position: relative;
.main_list { }
padding-top: 70px; .main_list {
} padding-top: 70px;
.main_list ul { }
clear:both; .main_list ul {
} clear:both;
#porfile { }
padding-top: 100px; #porfile {
} padding-top: 100px;
/*add_buttom*/ }
.button_bar { /*add_buttom*/
float: right; .button_bar {
-moz-box-shadow:inset 0px 1px 0px 0px #666, 0px 0px 3px black; float: right;
-webkit-box-shadow:inset 0px 1px 0px 0px #666, 0px 0px 3px black; -moz-box-shadow:inset 0px 1px 0px 0px #666, 0px 0px 3px black;
box-shadow:inset 0px 1px 0px 0px #666, 0px 0px 3px black; -webkit-box-shadow:inset 0px 1px 0px 0px #666, 0px 0px 3px black;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4f4f4f), color-stop(1, #000000) ); box-shadow:inset 0px 1px 0px 0px #666, 0px 0px 3px black;
background:-moz-linear-gradient( center top, #4f4f4f 5%, #000000 100% ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4f4f4f), color-stop(1, #000000) );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#000000'); background:-moz-linear-gradient( center top, #4f4f4f 5%, #000000 100% );
background-color:#4f4f4f; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#000000');
-moz-border-radius:5px; background-color:#4f4f4f;
-webkit-border-radius:5px; -moz-border-radius:5px;
border-radius:5px; -webkit-border-radius:5px;
display:inline-block; border-radius:5px;
padding:0; display:inline-block;
margin:10px 0 60px; padding:0;
} margin:10px 0 60px;
.button_bar a { }
text-decoration:none; .button_bar a {
text-shadow:0px -1px 0px #000000; text-decoration:none;
font-size:12px; text-shadow:0px -1px 0px #000000;
color:#EDEDED; font-size:12px;
border-right:1px solid #555; color:#EDEDED;
-moz-box-shadow:1px 0px 0px black; border-right:1px solid #555;
-webkit-box-shadow:1px 0px 0px black; -moz-box-shadow:1px 0px 0px black;
box-shadow:1px 0px 0px black; -webkit-box-shadow:1px 0px 0px black;
padding: 6px 10px 4px; box-shadow:1px 0px 0px black;
display: inline-block; padding: 6px 10px 4px;
float: left; display: inline-block;
} float: left;
.button_bar a:active { }
padding: 7px 10px 3px !important; .button_bar a:active {
text-shadow:0px 1px 0px #000000; padding: 7px 10px 3px !important;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #4f4f4f) ); text-shadow:0px 1px 0px #000000;
background:-moz-linear-gradient( center top, #000000 5%, #4f4f4f 100% ); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #4f4f4f) );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#4f4f4f'); background:-moz-linear-gradient( center top, #000000 5%, #4f4f4f 100% );
} filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#4f4f4f');
.button_bar a:last-child { }
border-right:none; .button_bar a:last-child {
-moz-box-shadow:none; border-right:none;
-webkit-box-shadow:none; -moz-box-shadow:none;
box-shadow:none; -webkit-box-shadow:none;
-moz-border-radius:0px 5px 5px 0px; box-shadow:none;
-webkit-border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px;
} border-radius:0px 5px 5px 0px;
.button_bar a:first-child { }
-moz-border-radius:5px 0px 0px 5px; .button_bar a:first-child {
-webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px;
border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px;
} border-radius:5px 0px 0px 5px;
.button_bar a.new { }
padding: 5px 10px; .button_bar a.new {
-moz-border-radius:5px; padding: 5px 10px;
-webkit-border-radius:5px; -moz-border-radius:5px;
border-radius:5px; -webkit-border-radius:5px;
} border-radius:5px;
.button_bar a:hover { }
color:#FFFFFF; .button_bar a:hover {
} color:#FFFFFF;
.up { }
margin:10px 0; .up {
} margin:10px 0;
#person { }
left: 245px; #person {
position: fixed; left: 245px;
text-align: center; position: fixed;
top: 75px; text-align: center;
width: 140px; top: 75px;
background-color:#FFF; width: 140px;
padding:15px; background-color:#FFF;
border-radius: 5px; padding:15px;
-moz-border-radius: 5px; border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 4px #180902; /* Firefox */ -webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 4px #180902;/* Safari 和 Chrome */ -moz-box-shadow: 0px 0px 4px #180902; /* Firefox */
box-shadow: 0px 0px 4px #180902; /* Opera 10.5 + */ -webkit-box-shadow: 0px 0px 4px #180902;/* Safari 和 Chrome */
} box-shadow: 0px 0px 4px #180902; /* Opera 10.5 + */
#file { }
display:none; #file {
} display:none;
#person img { }
} #person img {
.user_mail { }
border: medium none; .user_mail {
border:1px solid #DDDDDD; border: medium none;
color: #666666; border:1px solid #DDDDDD;
font-size: 12px; color: #666666;
width: 140px; font-size: 12px;
} width: 140px;
#person label { }
display: block; #person label {
margin: 15px 0 0; display: block;
} margin: 15px 0 0;
#person label input { }
} #person label input {
#person label #user_admin { }
float:right; #person label #user_admin {
margin: 0; float:right;
} margin: 0;
#person label span { }
text-align:left; #person label span {
font-size:11px; text-align:left;
color:#888; font-size:11px;
display:block; color:#888;
} display:block;
#person select { }
border: 1px solid #DDDDDD; #person select {
padding: 0; border: 1px solid #DDDDDD;
width: 140px; padding: 0;
} width: 140px;
#porfile .users{ }
margin-left: 180px; #porfile .users{
} margin-left: 180px;
.roles_block { }
background: url(<%= asset_path "75.png" %>) repeat left top; .roles_block {
min-width:710px; background: url(<%= asset_path "75.png" %>) repeat left top;
margin-bottom:50px; min-width:710px;
position:relative; margin-bottom:50px;
padding-bottom: 20px; position:relative;
border-radius: 5px; padding-bottom: 20px;
-moz-border-radius: 5px; border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;
-moz-box-shadow: 0px 0px 4px #180902; /* Firefox */ -webkit-border-radius: 5px;
-webkit-box-shadow: 0px 0px 4px #180902;/* Safari 和 Chrome */ -moz-box-shadow: 0px 0px 4px #180902; /* Firefox */
box-shadow: 0px 0px 4px #180902; /* Opera 10.5 + */ -webkit-box-shadow: 0px 0px 4px #180902;/* Safari 和 Chrome */
} box-shadow: 0px 0px 4px #180902; /* Opera 10.5 + */
.roles_block h2 { }
color: #FFFFFF; .roles_block h2 {
font-weight: normal; color: #FFFFFF;
margin: 0; font-weight: normal;
padding: 0; margin: 0;
position: absolute; padding: 0;
text-shadow: 0 3px 2px #000000; position: absolute;
top: -30px; text-shadow: 0 3px 2px #000000;
} top: -30px;
.main hr { }
height:8px; .main hr {
border:none; height:8px;
margin:0; border:none;
border-radius: 5px 5px 0px 0px; margin:0;
-moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;
border-bottom:1px solid #000; -webkit-border-radius: 5px 5px 0px 0px;
} border-bottom:1px solid #000;
.main2{ }
padding:70px 0 0; .main2{
} padding:70px 0 0;
#basic_block hr { }
background-color: #666666; #basic_block hr {
} background-color: #666666;
#teacher_block hr { }
background-color: #0071A9; #teacher_block hr {
} background-color: #0071A9;
#student_block hr { }
background-color: #AF0045; #student_block hr {
} background-color: #AF0045;
.info_input { }
padding:10px 20px; .info_input {
} padding:10px 20px;
.info_input table { }
color:#fff; .info_input table {
width:100%; color:#fff;
font-size:14px; width:100%;
} font-size:14px;
.info_input table td { }
padding:5px 10px 5px 0; .info_input table td {
width: 10%; padding:5px 10px 5px 0;
} width: 10%;
.info_input .list_head { }
background:url(<%= asset_path "line.png" %>) left bottom repeat-x; .info_input .list_head {
} background:url(<%= asset_path "line.png" %>) left bottom repeat-x;
.info_input .list_head td { }
} .info_input .list_head td {
.info_input .list_item { }
color:#AEAEAE; .info_input .list_item {
} color:#AEAEAE;
.info_input .add { }
display:block; .info_input .add {
padding-left:22px; display:block;
font-size:12px; padding-left:22px;
line-height:21px; font-size:12px;
height:19px; line-height:21px;
background:url(<%= asset_path "icon.png" %>) no-repeat -59px 0; height:19px;
margin-top: 10px; background:url(<%= asset_path "icon.png" %>) no-repeat -59px 0;
color: #DDDDDD; margin-top: 10px;
} color: #DDDDDD;
}
.main table {
width:100%; .main table {
} width:100%;
.main td { }
padding-left:20px; .main td {
color:#fff; padding-left:20px;
font-size:14px; color:#fff;
line-height:40px; font-size:14px;
} line-height:40px;
.main tr.have td{ }
background: url(<%= asset_path "75.png" %>) repeat left top; .main tr.have td{
} background: url(<%= asset_path "75.png" %>) repeat left top;
.main tr.have td:first-child{ }
border-radius: 5px 0 0 5px; .main tr.have td:first-child{
-moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px;
} -webkit-border-radius: 5px 0 0 5px;
.main tr.have td:last-child{ }
border-radius: 0 5px 5px 0; .main tr.have td:last-child{
-moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0;
} -webkit-border-radius: 0 5px 5px 0;
.main thead td { }
line-height:40px; .main thead td {
font-size:16px; line-height:40px;
text-shadow: 0px 1px 1px #3e2914; font-size:16px;
} text-shadow: 0px 1px 1px #3e2914;
.main thead td.action { }
width:140px; .main thead td.action {
} width:140px;
.main tbody td.roles { }
background-image: url(<%= asset_path "roles_type.jpg" %>); .main tbody td.roles {
background-repeat: repeat-x; background-image: url(<%= asset_path "roles_type.jpg" %>);
} background-repeat: repeat-x;
.main tbody td.teacher { }
background-position: 0 -54px; .main tbody td.teacher {
} background-position: 0 -54px;
.main tbody td.student { }
background-position: 0 -5px; .main tbody td.student {
} background-position: 0 -5px;
.main tbody td.action a { }
background-image: url(<%= asset_path "icon.png" %>); .main tbody td.action a {
display: inline-block; background-image: url(<%= asset_path "icon.png" %>);
height: 19px; display: inline-block;
margin-right: 10px; height: 19px;
top: 8px; margin-right: 10px;
text-indent: -9999px; top: 8px;
width: 19px; text-indent: -9999px;
position: relative; width: 19px;
} position: relative;
.main tbody td.action a.show { }
background-position: left top; .main tbody td.action a.show {
} background-position: left top;
.main tbody td.action a.show:hover { }
background-position: left -19px; .main tbody td.action a.show:hover {
} background-position: left -19px;
.main tbody td.action a.edit { }
background-position: -19px top; .main tbody td.action a.edit {
} background-position: -19px top;
.main tbody td.action a.edit:hover { }
background-position: -19px -19px; .main tbody td.action a.edit:hover {
} background-position: -19px -19px;
.main tbody td.action a.delete { }
background-position: -38px top; .main tbody td.action a.delete {
} background-position: -38px top;
.main tbody td.action a.delete:hover { }
background-position: -38px -19px; .main tbody td.action a.delete:hover {
} background-position: -38px -19px;
.main tbody td.action a.switch { }
background: url(<%= asset_path "switch.png" %>) no-repeat left 3px; .main tbody td.action a.switch {
width: 40px; background: url(<%= asset_path "switch.png" %>) no-repeat left 3px;
} width: 40px;
.main tbody tr.disable td.action a.switch { }
background-position:left bottom; .main tbody tr.disable td.action a.switch {
} background-position:left bottom;
.main tbody td.action a.delete:hover { }
background-position: -38px -19px; .main tbody td.action a.delete:hover {
} background-position: -38px -19px;
.main tbody tr.have { }
} .main tbody tr.have {
.main tbody tr.disable { }
opacity: 0.7; .main tbody tr.disable {
} opacity: 0.7;
.main tbody tr { }
background:none; .main tbody tr {
height:15px; background:none;
} height:15px;
h1{ }
margin:0 0 20px; h1{
} margin:0 0 20px;
p{ }
margin:0 0 10px; p{
} margin:0 0 10px;
}
#back_sidebar .items_setup .list li{
background:url(<%= asset_path "sidebar_li2.jpg" %>) repeat left top; #back_sidebar .items_setup .list li{
border:none; background:url(<%= asset_path "sidebar_li2.jpg" %>) repeat left top;
padding: 0 0 0 5px; border:none;
} padding: 0 0 0 5px;
#back_sidebar .items_setup .list li a{ }
line-height:31px; #back_sidebar .items_setup .list li a{
} line-height:31px;
#back_sidebar .items_setup .list li:hover{ }
background:url(<%= asset_path "sidebar_li2.jpg" %>) repeat left top; #back_sidebar .items_setup .list li:hover{
border:none; background:url(<%= asset_path "sidebar_li2.jpg" %>) repeat left top;
} border:none;
#back_sidebar .items_setup ul .list { }
#back_sidebar .items_setup ul .list {
} }