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