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; } #search { background: url(<%= asset_path "search_block_bg.jpg" %>) repeat-x scroll left top transparent; height: 20px; margin-top: 43px; padding: 15px 12px; } #search input { background: url(<%= asset_path "search_bg.png" %>) no-repeat scroll left top transparent; border: medium none; font-family: Helvetica; height: 20px; padding: 0 20px; width: 154px; } /* #back_sidebar { background: url(<%= asset_path "75.png" %>) repeat scroll left top transparent; box-shadow: 3px 0 4px #472A12; border-right: 1px solid #121212; height: 100%; left: 0; position: fixed; top: 0; width: 220px; } #back_sidebar h1 { background: url(<%= asset_path "h1_bg.png" %>) repeat-x scroll left top transparent; border-bottom: 1px solid #1B1B1B; border-top: 1px solid #424344; color: #FFFFFF; font-size: 12px; font-weight: normal; height: 21px; line-height: 21px; margin: 0; padding-left: 10px; text-shadow: 0 -1px 0 #000000; } #back_sidebar .list { color:#fff; font-size:12px; background:url(<%= asset_path "line.png" %>) repeat-x left bottom; } #back_sidebar .list li { background:url(<%= asset_path "sidebar_li.jpg" %>) repeat-x left top; border-top:1px solid #424344; border-bottom:1px solid #000000; } #back_sidebar .list li:hover { background-position:left bottom; border-top:1px solid #406cc3; border-bottom:1px solid #242628; } #back_sidebar .list li a { display: block; padding: 7px 0 6px 12px; color:#c4c4c4; } #back_sidebar .list li a span { background:url(<%= asset_path "add_mamber.png" %>) left top no-repeat; text-shadow: 0px 1px 0px #000; line-height: 18px; padding: 2px 0 1px 35px; } #back_sidebar .list li a:hover span { background-position:left bottom; color:#eeeeee; } #back_sidebar .users .list .set_1 { background-position:left bottom; border-top:1px solid #406cc3; border-bottom:1px solid #242628; } #back_sidebar .users .list .set_1 a span { background-position:left bottom; color:#eeeeee; } #back_sidebar .roles .list .set_2 { background-position:left bottom; border-top:1px solid #406cc3; border-bottom:1px solid #242628; } #back_sidebar .roles .list .set_2 a span { background-position:left bottom; color:#eeeeee; } #back_sidebar .infos .list .set_3 { background-position:left bottom; border-top:1px solid #406cc3; border-bottom:1px solid #242628; } #back_sidebar .infos .list .set_3 a span { background-position:left bottom; color:#eeeeee; } */ .main { height: 100%; margin-left: 260px; padding-right: 40px; position: relative; } .main_list { padding-top: 70px; } .main_list ul { clear:both; } #profile { 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, .button_bar input { 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; } .button_bar input { background-color:transparent; text-decoration:none; text-shadow:0px -1px 0px #000000; font-size:12px; color:#EDEDED; border-right:1px solid #555; border-top:none; border-left:none; border-bottom:none; -moz-box-shadow:1px 0px 0px black; -webkit-box-shadow:1px 0px 0px black; box-shadow:1px 0px 0px black; padding: 3px 10px 1px; display: inline-block; float: left; } .button_bar input:focus { padding: 4px 10px 0px !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'); } .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; width: auto; } #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; } #profile .users{ margin-left: 180px; } .roles_block, .attributes_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, .attributes_block>h2 { color: #FFFFFF; font-weight: normal; margin: 0; padding: 0; position: absolute; text-shadow: 0 3px 2px #000000; top: -30px; } .group>h2 { color: #FFFFFF; margin: 0 20px; padding: 10px 0; } .group>.info_input { border: 1px solid #686868; margin: 0 20px; padding: 10px; } .main hr { background-color: #222222; 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; } #basic_block hr { background-color: #666666; } hr.teacher_block { background-color: #0071A9 !important; } hr.student_block { background-color: #AF0045 !important; } .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; } #add_attribute { } .add { -moz-box-shadow:inset 0px 1px 0px 0px #8c8c8c; -webkit-box-shadow:inset 0px 1px 0px 0px #8c8c8c; box-shadow:inset 0px 1px 0px 0px #8c8c8c; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #303030), color-stop(1, #1a1a1a) ); background:-moz-linear-gradient( center top, #303030 5%, #1a1a1a 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#1a1a1a'); background-color:#303030; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #000; display:block; color:#999; font-family:arial; font-size:12px; font-weight:bold; padding:0px; text-decoration:none; text-shadow:0px -1px 0px #000000; text-align: center; line-height: 26px; } .add:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1a1a1a), color-stop(1, #303030) ); background:-moz-linear-gradient( center top, #1a1a1a 5%, #303030 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a1a1a', endColorstr='#303030'); background-color:#1a1a1a; } .add:active { position:relative; top:1px; } .main table { width:100%; } .main th { color:#fff; } .main td { padding-left:20px; color:#fff; font-size:14px; line-height:20px; } .main tr.have td{ background: url(<%= asset_path "75.png" %>) repeat left top; padding-bottom: 10px; padding-top: 10px; vertical-align: middle; } .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 { font-size:16px; text-shadow: 0px 1px 1px #3e2914; } .main thead th { 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; outline:none; 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.download { background-position: -74px top; } .main tbody td.action a.download:hover { background-position: -74px -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; } .main tbody tr.have .assets_pic { height: 40px; overflow: hidden; width: 40px; position: relative; } .main tbody tr.have .assets_pic img { left: -15%; position: absolute; top: -15%; width: 130%; }