New UI changes(tags, categories, authorisations, module index…)
To run: - ruby lib/remove_old_tags.rb DB_NAME - rake new_ui:migrate_tags - rake new_ui:migrate_categories['APP_KEY,''MODEL_NAME'] (check new_ui.rake for more details)
This commit is contained in:
chris committed
1 parent
07b3857465
commit
856898016b
1495 files changed
+52132
-9876
No files matched your search
@@ -1,12 +0,0 @@
|
||||
/*
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require reset
|
||||
*= require_self
|
||||
*= require message
|
||||
*= require admin_back_end
|
||||
*= require sidebar
|
||||
*= require site_designs
|
||||
*= require site_assets
|
||||
*/
|
||||
@@ -1,4 +0,0 @@
|
||||
.banner-preview {
|
||||
width: auto;
|
||||
left: 35%;
|
||||
}
|
||||
@@ -1,6 +0,0 @@
|
||||
$(".attributes").append('<%= escape_javascript(render :partial=>"attribute_field",:locals=>{:attribute_field=>@attribute_field,:attribute_field_counter=>@attribute_field_counter} )%>');
|
||||
$(".dataType").change(function () {
|
||||
$(this).parents("legend").next("div").find("div[class^='type']").addClass("hide");
|
||||
$(this).parents("legend").next("div").find("."+$(this).find("option:selected").attr("ref")).removeClass("hide");
|
||||
|
||||
})
|
||||
@@ -0,0 +1,4 @@
|
||||
/*
|
||||
*= require lib/wrap-nav
|
||||
*= require lib/checkbox-card
|
||||
*/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*
|
||||
*= require lib/dashboards
|
||||
*/
|
||||
@@ -1,35 +0,0 @@
|
||||
label{
|
||||
white-space: nowrap !important;
|
||||
}
|
||||
.style_switch{}
|
||||
|
||||
.style_switch ul{
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.style_switch li{
|
||||
float: left;
|
||||
list-style: none outside none;
|
||||
margin: 0 30px 0 0;
|
||||
width: 103px;
|
||||
}
|
||||
.style_radio{
|
||||
cursor: pointer;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
.style_img{
|
||||
display: block;
|
||||
margin: 5px 0 5px -28px;
|
||||
}
|
||||
|
||||
.style_description{
|
||||
color: #6B6B6B;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
margin: 0 0 0 -25px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
label{
|
||||
white-space: nowrap !important ;
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
/*
|
||||
*= require admin/tags
|
||||
*/
|
||||
@@ -0,0 +1,3 @@
|
||||
/*
|
||||
*= require lib/tags-groups
|
||||
*/
|
||||
@@ -1,665 +0,0 @@
|
||||
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:-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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#61676c', endColorstr='#292c2d');
|
||||
-moz-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);
|
||||
border-top: 1px solid #474a4c;
|
||||
border-bottom: 1px solid #1d2020;
|
||||
height: 41px;
|
||||
width: 100%;
|
||||
behavior: url(<%= asset_path "PIE.htc" %>);
|
||||
}
|
||||
.hmenu{
|
||||
float: right;
|
||||
height: 41px;
|
||||
}
|
||||
#back_orbit{
|
||||
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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70787d', endColorstr='#3b4043');
|
||||
-webkit-border-radius: 0px 0px 5px 5px;
|
||||
-moz-border-radius: 0px 0px 5px 5px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
-moz-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);
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
height: 43px;
|
||||
margin-left: 10px;
|
||||
width: 41px;
|
||||
behavior: url(<%= asset_path "PIE.htc" %>);
|
||||
}
|
||||
#back_orbit span{
|
||||
text-indent: -9999px;
|
||||
background: url(<%= asset_path "bar_orbit.png" %>) no-repeat scroll 0 0 transparent;
|
||||
display: block;
|
||||
height: 43px;
|
||||
width: 100%;
|
||||
}
|
||||
#back_orbit:hover{
|
||||
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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e4e4e4');
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
#back_orbit:hover span{
|
||||
background-position: 0 -44px;
|
||||
}
|
||||
#back_orbit:hover #orblist{
|
||||
display:block;
|
||||
}
|
||||
#orblist{
|
||||
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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#FFFFFF');
|
||||
-webkit-border-radius: 0px 3px 3px 3px;
|
||||
-moz-border-radius: 0px 3px 3px 3px;
|
||||
border-radius: 0px 3px 3px 3px;
|
||||
-webkit-box-shadow: 0 3px 3px #000000;
|
||||
-moz-box-shadow: 0 3px 3px #000000;
|
||||
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{
|
||||
-moz-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;
|
||||
border-right:1px solid #41474c;
|
||||
border-left:1px solid #41474c;
|
||||
float:right;
|
||||
width:41px;
|
||||
height:41px;
|
||||
}
|
||||
#log_out:hover{
|
||||
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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01afde', endColorstr='#007ec6');
|
||||
}
|
||||
#log_out a{
|
||||
background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right 0 transparent;
|
||||
display: block;
|
||||
height: 41px;
|
||||
text-indent: -9999px;
|
||||
width: 41px;
|
||||
}
|
||||
#log_out a:hover{
|
||||
background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right bottom transparent !important;
|
||||
}
|
||||
.lang{
|
||||
color: #FFFFFF;
|
||||
float: right;
|
||||
font-size: 15px;
|
||||
line-height: 40px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.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%;
|
||||
}
|
||||
#rgContent .main2{
|
||||
padding:0;
|
||||
}
|
||||
#rgContent h1{
|
||||
border-bottom: 1px dashed #CCCCCC;
|
||||
color: #333333;
|
||||
font-size: 19px;
|
||||
font-weight: bold;
|
||||
margin: 0 0 20px;
|
||||
padding: 0 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
#rgContent label {
|
||||
color: #888888;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
margin: 25px 0 5px;
|
||||
width: 100%;
|
||||
}
|
||||
#rgContent input {
|
||||
color: #888888;
|
||||
width: 98%;
|
||||
}
|
||||
#rgContent .button_bar {
|
||||
float: none;
|
||||
text-align: center;
|
||||
width:100%;
|
||||
margin:30px 0 0;
|
||||
}
|
||||
#rgContent .button_bar a {
|
||||
float: none;
|
||||
display:block;
|
||||
}
|
||||
#close_modal{
|
||||
display:none !important;
|
||||
}
|
||||
@@ -1,7 +0,0 @@
|
||||
/*
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require_self
|
||||
*= require social-share-button
|
||||
*/
|
||||
@@ -0,0 +1,7 @@
|
||||
/*
|
||||
*= require basic
|
||||
*= require lib/wrap-nav
|
||||
*= require lib/main-list
|
||||
*= require lib/filter
|
||||
*= require lib/pageslide
|
||||
*/
|
||||
@@ -0,0 +1,10 @@
|
||||
/*
|
||||
*= require basic/bootstrap
|
||||
*= require basic/bootstrap-responsive
|
||||
*= require basic/font-awesome
|
||||
*= require basic/icon
|
||||
*= require basic/orbit_bar
|
||||
*= require basic/global
|
||||
*= require basic/nanoscroller
|
||||
*= require basic/bootstrap-datetimepicker
|
||||
*/
|
||||
+6
-6
@@ -30,8 +30,8 @@
|
||||
width:100%;
|
||||
min-height:30px;
|
||||
-webkit-box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
box-sizing:border-box;
|
||||
-moz-box-sizing:border-box;
|
||||
box-sizing:border-box;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget {
|
||||
top:0;
|
||||
@@ -40,8 +40,8 @@
|
||||
padding:4px;
|
||||
margin-top:1px;
|
||||
-webkit-border-radius:4px;
|
||||
-moz-border-radius:4px;
|
||||
border-radius:4px;
|
||||
-moz-border-radius:4px;
|
||||
border-radius:4px;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget:before {
|
||||
content:'';
|
||||
@@ -98,8 +98,8 @@
|
||||
width:20px;
|
||||
height:20px;
|
||||
-webkit-border-radius:4px;
|
||||
-moz-border-radius:4px;
|
||||
border-radius:4px;
|
||||
-moz-border-radius:4px;
|
||||
border-radius:4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.bootstrap-datetimepicker-widget td.day:hover,
|
||||
+1092
File diff suppressed because it is too large.
Load diff
+718
-383
File diff suppressed because it is too large.
Load diff
Executable → Regular
+4
-4
@@ -22,10 +22,10 @@
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src:url(<%= asset_path 'fontawesome-webfont.eot' %>);
|
||||
src:url(<%= asset_path 'fontawesome-webfont.eot?#iefix' %>) format('embedded-opentype'),
|
||||
url(<%= asset_path 'fontawesome-webfont.woff' %>) format('woff'),
|
||||
url(<%= asset_path 'fontawesome-webfont.ttf' %>) format('truetype');
|
||||
src:url(<%= asset_path'fontawesome-webfont.eot' %>);
|
||||
src:url(<%= asset_path'fontawesome-webfont.eot?#iefix' %>) format('embedded-opentype'),
|
||||
url(<%= asset_path'fontawesome-webfont.woff' %>) format('woff'),
|
||||
url(<%= asset_path'fontawesome-webfont.ttf' %>) format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -0,0 +1,493 @@
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
/**:link,
|
||||
*:visited,
|
||||
*:hover,
|
||||
*:active,
|
||||
*:focus,
|
||||
.transition {
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
.dont-move, #sidebar, #main-wrap, #sidebar-menu .scroller, .sub-nav-block-list {
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
transition: none;
|
||||
}*/
|
||||
::selection {
|
||||
color: white;
|
||||
background: black;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
/*::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background: #FFF;
|
||||
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #CCC;
|
||||
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #AAA;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background: #888;
|
||||
-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
|
||||
}*/
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: transparent;
|
||||
}
|
||||
body {
|
||||
background-color: #F3F3F3;
|
||||
font-family: 'Chivo';
|
||||
}
|
||||
body.modalBlur > nav,
|
||||
body.modalBlur > section {
|
||||
-webkit-filter: blur(5px);
|
||||
}
|
||||
.label {
|
||||
font-family: 'Open Sans';
|
||||
}
|
||||
.btn {
|
||||
font-family: 'Varela Round';
|
||||
letter-spacing: -.4px;
|
||||
}
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
label,
|
||||
legend {
|
||||
font-family: 'Raleway';
|
||||
}
|
||||
|
||||
|
||||
/* Sidebar */
|
||||
#sidebar {
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
min-width: 61px;
|
||||
z-index: 1030;
|
||||
position: fixed;
|
||||
background-color: #171717;
|
||||
-webkit-box-shadow: inset -1px 0px 10px #000000;
|
||||
-moz-box-shadow: inset -1px 0px 10px #000000;
|
||||
-o-box-shadow: inset -1px 0px 10px #000000;
|
||||
box-shadow: inset -1px 0px 10px #000000;
|
||||
}
|
||||
#sidebar #sidebar-menu {
|
||||
position: absolute;
|
||||
top: 88px;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
width: 61px;
|
||||
/*overflow: auto;*/
|
||||
}
|
||||
#sidebar .scroller {
|
||||
position: absolute;
|
||||
z-index:1;
|
||||
/*-webkit-touch-callout:none;*/
|
||||
-webkit-tap-highlight-color:rgba(0,0,0,0);
|
||||
width:100%;
|
||||
padding:0;
|
||||
}
|
||||
#sidebar-menu .content,
|
||||
#sidebar-menu .pane {
|
||||
margin-top: 88px;
|
||||
}
|
||||
#sidebar .sidebar-nav {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 100%;
|
||||
font-size: 1em;
|
||||
width: 61px;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
}
|
||||
#sidebar > h2.position {
|
||||
top: 40px;
|
||||
margin: 0;
|
||||
width: 61px;
|
||||
color: #FFFFFF;
|
||||
font-weight: normal;
|
||||
font-size: 2.4em;
|
||||
line-height: 47px;
|
||||
line-height: 46px\9;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
background-color: #08c;
|
||||
background-image: -moz-linear-gradient(top, #08c, #006091);
|
||||
background-image: -ms-linear-gradient(top, #08c, #006091);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#006091));
|
||||
background-image: -webkit-linear-gradient(top, #08c, #006091);
|
||||
background-image: -o-linear-gradient(top, #08c, #006091);
|
||||
background-image: linear-gradient(top, #08c, #006091);
|
||||
-webkit-box-shadow: 0px 1px 0px #333333;
|
||||
-moz-box-shadow: 0px 1px 0px #333333;
|
||||
-o-box-shadow: 0px 1px 0px #333333;
|
||||
box-shadow: 0px 1px 0px #333333;
|
||||
}
|
||||
#sidebar > h2.position:after {
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
content: " ";
|
||||
display: block;
|
||||
margin-left: -6px;
|
||||
position: absolute;
|
||||
margin-bottom: -1px;
|
||||
border-style: solid;
|
||||
border-width: 0 6px 6px 6px;
|
||||
border-color: transparent transparent #171717 transparent;
|
||||
}
|
||||
#sidebar > h2.position a {
|
||||
color: #FFFFFF;
|
||||
padding: 6px 6px 5px;
|
||||
text-decoration: none;
|
||||
-webkit-text-shadow: 0px -1px 0px #333333;
|
||||
-moz-text-shadow: 0px -1px 0px #333333;
|
||||
-o-text-shadow: 0px -1px 0px #333333;
|
||||
text-shadow: 0px -1px 0px #333333;
|
||||
}
|
||||
#sidebar .sidebar-nav > li {
|
||||
min-width: 61px;
|
||||
height: 45px;
|
||||
}
|
||||
#sidebar .sidebar-nav > li.active {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
#sidebar .sidebar-nav > li.active .sub-nav-block {
|
||||
display: block;
|
||||
}
|
||||
#sidebar .sidebar-nav > li.active > a > span {
|
||||
color: #FFFFFF;
|
||||
cursor: pointer;
|
||||
-webkit-text-shadow: 0px -1px 0px #636363;
|
||||
-moz-text-shadow: 0px -1px 0px #636363;
|
||||
-o-text-shadow: 0px -1px 0px #636363;
|
||||
text-shadow: 0px -1px 0px #636363;
|
||||
}
|
||||
#sidebar .sidebar-nav > li > a > span {
|
||||
padding: 10px;
|
||||
color: #B0B0B0;
|
||||
display: block;
|
||||
-webkit-text-shadow: 0px 1px 0px #000000;
|
||||
-moz-text-shadow: 0px 1px 0px #000000;
|
||||
-o-text-shadow: 0px 1px 0px #000000;
|
||||
text-shadow: 0px 1px 0px #000000;
|
||||
}
|
||||
#sidebar .sidebar-nav > li > a > span > i {
|
||||
font-size: 1.7em;
|
||||
}
|
||||
#sidebar .sub-nav-block-list {
|
||||
top: 40px;
|
||||
bottom: 0;
|
||||
left: 61px;
|
||||
position: fixed;
|
||||
text-align: left;
|
||||
/*overflow: hidden;*/
|
||||
-webkit-box-shadow: -1px 0px 10px rgba(33, 33, 33, .8);
|
||||
-moz-box-shadow: -1px 0px 10px rgba(33, 33, 33, .8);
|
||||
-o-box-shadow: -1px 0px 10px rgba(33, 33, 33, .8);
|
||||
box-shadow: -1px 0px 10px rgba(33, 33, 33, .8);
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block {
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #0088CC;
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block.show {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block:before {
|
||||
bottom: 0px;
|
||||
right: -20px;
|
||||
opacity: .1;
|
||||
color: #FFFFFF;
|
||||
font-size: 14em;
|
||||
line-height: 150px;
|
||||
position: absolute;
|
||||
display: none\9; /* 用IE的去死 */
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block h4 {
|
||||
color: #FFFFFF;
|
||||
margin-top: 15px;
|
||||
font-weight: normal;
|
||||
padding: 0 15px 10px;
|
||||
border-bottom: 1px solid #1C9BCC;
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block > ul {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block a {
|
||||
line-height: 25px;
|
||||
color: #90D0FA;
|
||||
-webkit-text-shadow: none;
|
||||
-moz-text-shadow: none;
|
||||
-o-text-shadow: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block li.active a {
|
||||
background-color: #EEEEEE;
|
||||
color: #0081c2;
|
||||
position: relative;
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block li.active a:after {
|
||||
top: 50%;
|
||||
right: 10px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: inline;
|
||||
content: "\e0d4";
|
||||
font-size: 1.3em;
|
||||
position: absolute;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
margin-top: -0.75em;
|
||||
font-family: 'entypo';
|
||||
text-decoration: inherit;
|
||||
}
|
||||
#sidebar .sub-nav-block-list .sub-nav-block a:hover {
|
||||
color: #0081c2;
|
||||
}
|
||||
#sidebar .sub-nav-arrow {
|
||||
left: 53px;
|
||||
top: -10px;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
z-index: -1;
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-width: 8px 8px 8px 0;
|
||||
border-color: transparent #0088CC transparent transparent;
|
||||
display: none\9; /* 用IE的去死 */
|
||||
}
|
||||
|
||||
|
||||
/* Vertical Scrollbar */
|
||||
#sidebar .myScrollbarV {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
width: 2px;
|
||||
bottom: 2px;
|
||||
top: 2px;
|
||||
left: 1px
|
||||
}
|
||||
|
||||
#sidebar .myScrollbarV > div {
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
width: 100%;
|
||||
border-radius: 1px;
|
||||
background-color: rgba(0, 136, 204, .3);
|
||||
}
|
||||
|
||||
|
||||
/* Main Wrap */
|
||||
#main-wrap {
|
||||
padding-top: 40px;
|
||||
}
|
||||
#main-wrap .wrap-inner {
|
||||
padding: 60px 20px 20px;
|
||||
}
|
||||
#main-wrap .wrap-inner.initial {
|
||||
padding: 20px 20px 20px;
|
||||
}
|
||||
|
||||
|
||||
/* Member Filter */
|
||||
#member-filter.modal {
|
||||
width: 80%;
|
||||
margin-left: -40%;
|
||||
}
|
||||
#member-filter.modal.fade.in {
|
||||
top: 50px;
|
||||
}
|
||||
#member-filter .modal-body {
|
||||
max-height: 425px;
|
||||
}
|
||||
#member-filter .modal-body form {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#member-filter .modal-body form fieldset {
|
||||
min-height: 360px;
|
||||
}
|
||||
#member-filter .modal-body .radio.inline,
|
||||
#member-filter .modal-body .checkbox.inline {
|
||||
display: inline-block;
|
||||
padding-top: 5px;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
min-width: 100px;
|
||||
margin-left: 0;
|
||||
}
|
||||
#member-filter .modal-body .form-actions {
|
||||
margin: 20px 0 0;
|
||||
padding: 10px 0 0;
|
||||
background-color: transparent;
|
||||
text-align: right;
|
||||
}
|
||||
#member-filter .modal-body .form-actions.condition {
|
||||
margin: 10px 0 0 195px;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano {
|
||||
width: 160px;
|
||||
min-height: 425px;
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano .content {
|
||||
right: 20px;
|
||||
outline: none;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano .pane {
|
||||
right: 0px;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano > .content > .nav-tabs {
|
||||
width: 140px;
|
||||
float: left;
|
||||
margin-bottom: 0;
|
||||
margin-right: 0;
|
||||
border-right: 1px solid #ddd;
|
||||
border-bottom: none;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano > .content > .nav-tabs > li {
|
||||
float: none;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano > .content > .nav-tabs > li > a {
|
||||
min-width: 74px;
|
||||
margin-right: 0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano > .content > .nav-tabs > li > a {
|
||||
margin-right: -1px;
|
||||
-webkit-border-radius: 4px 0 0 4px;
|
||||
-moz-border-radius: 4px 0 0 4px;
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano > .content > .nav-tabs > li > a:hover {
|
||||
border-color: #eeeeee #dddddd #eeeeee #eeeeee;
|
||||
}
|
||||
#member-filter .modal-body .tabs-left > .nano > .content > .nav-tabs .active > a,
|
||||
#member-filter .modal-body .tabs-left > .nano > .content > .nav-tabs .active > a:hover {
|
||||
border-color: #ddd transparent #ddd #ddd;
|
||||
*border-right-color: #ffffff;
|
||||
}
|
||||
#member-filter .member-filter-options {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
width: 175px;
|
||||
min-height: 425px;
|
||||
margin-right: 10px;
|
||||
padding: 0 10px 0 0;
|
||||
}
|
||||
#member-filter .member-filter-options select {
|
||||
width: 165px;
|
||||
}
|
||||
#member-filter .member-filter-options .btn {
|
||||
display: block;
|
||||
}
|
||||
#member-filter .member-filter-result {
|
||||
padding-left: 15px;
|
||||
min-height: 370px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Search Clear */
|
||||
.searchClear {
|
||||
position: relative;
|
||||
}
|
||||
.searchClear .icon-search {
|
||||
position: absolute;
|
||||
color: #A3A3A3;
|
||||
top: 10px;
|
||||
left: 18px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.searchClear #filter-input {
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.searchClear .search-clear {
|
||||
position: absolute;
|
||||
color: #A3A3A3;
|
||||
right: 8px;
|
||||
top: 10px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
|
||||
/* Edit link in structure */
|
||||
.editable {
|
||||
position: relative;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
min-height: 50px;
|
||||
}
|
||||
.edit_link {
|
||||
display: none;
|
||||
}
|
||||
.edit_link a {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-indent: -9999px;
|
||||
background: url(<%= asset_path 'editicon.png' %>) no-repeat center center rgba(255,255,255,.8);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 1);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 1);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 1);
|
||||
}
|
||||
.editable:hover .edit_link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
/* IE go die */
|
||||
:root #sidebar .sub-nav-block:before {
|
||||
display: block\9;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 767px) {
|
||||
body {
|
||||
padding: 0;
|
||||
}
|
||||
#member-filter.modal {
|
||||
width: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
/* Main Wrap */
|
||||
#main-wrap .wrap-inner {
|
||||
padding: 20px 0;
|
||||
}
|
||||
}
|
||||
@@ -4,9 +4,6 @@
|
||||
speak: none;
|
||||
font-weight: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-size: 1.5em;
|
||||
line-height: .6em;
|
||||
color: white;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'entypo';
|
||||
@@ -21,28 +18,35 @@
|
||||
/* Font Awesome styles
|
||||
------------------------------------------------------- */
|
||||
/* includes sprites.less reset */
|
||||
.ui-icon,
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
.ui-icon,
|
||||
[class^="icons-"],
|
||||
[class*=" icons-"] {
|
||||
font-family: 'entypo';
|
||||
}
|
||||
.ui-icon,
|
||||
[class^="icon"],
|
||||
[class*=" icon"] {
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-decoration: inherit;
|
||||
display: inline;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
margin-top: 0;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
background-image: none !important;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
|
||||
|
||||
}
|
||||
.ui-icon,
|
||||
[class^="icon"]:before,
|
||||
[class*=" icon"]:before {
|
||||
text-decoration: inherit;
|
||||
@@ -50,6 +54,7 @@
|
||||
speak: none;
|
||||
}
|
||||
/* makes sure icons active on rollover in links */
|
||||
a .ui-icon,
|
||||
a [class^="icon"],
|
||||
a [class*=" icon"] {
|
||||
display: inline-block;
|
||||
@@ -59,33 +64,32 @@ a [class*=" icon"] {
|
||||
vertical-align: -10%;
|
||||
font-size: 1.3333333333333333em;
|
||||
}
|
||||
|
||||
.btn .ui-icon
|
||||
.nav .ui-icon,
|
||||
.btn [class^="icon"],
|
||||
.nav [class^="icon"],
|
||||
.btn [class*=" icon"],
|
||||
.nav [class*=" icon"] {
|
||||
display: inline;
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.btn [class^="icon"],
|
||||
.btn [class*=" icon"] {
|
||||
display: inline;
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
line-height: .9em;
|
||||
line-height: .6em;
|
||||
}
|
||||
.btn .ui-icon.icon-spin,
|
||||
.nav .ui-icon.icon-spin,
|
||||
.btn [class^="icon"].icon-spin,
|
||||
.nav [class^="icon"].icon-spin,
|
||||
.btn [class*=" icon"].icon-spin,
|
||||
.nav [class*=" icon"].icon-spin {
|
||||
display: inline-block;
|
||||
}
|
||||
li .ui-icon,
|
||||
li [class^="icon"],
|
||||
li [class*=" icon"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
li .ui-icon.icon-large,
|
||||
li [class^="icon"].icon-large,
|
||||
li [class*=" icon"].icon-large {
|
||||
/* increased font size for icon-large */
|
||||
@@ -96,6 +100,7 @@ ul.icons {
|
||||
list-style-type: none;
|
||||
text-indent: -0.75em;
|
||||
}
|
||||
ul.icons li .ui-icon,
|
||||
ul.icons li [class^="icon"],
|
||||
ul.icons li [class*=" icon"] {
|
||||
width: .75em;
|
||||
@@ -0,0 +1,64 @@
|
||||
/** initial setup **/
|
||||
.nano {
|
||||
position : relative;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
overflow : hidden;
|
||||
}
|
||||
.nano .content {
|
||||
position : absolute;
|
||||
overflow : scroll;
|
||||
overflow-x : hidden;
|
||||
top : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
left : 0;
|
||||
}
|
||||
.nano .content:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
.nano .content::-webkit-scrollbar {
|
||||
visibility: hidden;
|
||||
}
|
||||
.has-scrollbar .content::-webkit-scrollbar {
|
||||
visibility: visible;
|
||||
}
|
||||
.nano > .pane {
|
||||
/*background : rgba(0,0,0,.25);*/
|
||||
position : absolute;
|
||||
width : 10px;
|
||||
right : 0;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
|
||||
opacity : .01;
|
||||
-webkit-transition : .2s;
|
||||
-moz-transition : .2s;
|
||||
-o-transition : .2s;
|
||||
transition : .2s;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius : 5px;
|
||||
border-radius : 5px;
|
||||
}
|
||||
.nano > .pane > .slider {
|
||||
background: #444;
|
||||
background: rgba(0,0,0,.5);
|
||||
position : relative;
|
||||
margin : 0 1px;
|
||||
-moz-border-radius : 3px;
|
||||
-webkit-border-radius : 3px;
|
||||
border-radius : 3px;
|
||||
}
|
||||
.nano:hover > .pane, .pane.active, .pane.flashed {
|
||||
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
|
||||
opacity : 0.99;
|
||||
}
|
||||
#sidebar-menu > .pane {
|
||||
width : 4px\9;
|
||||
right : auto\9;
|
||||
left : 0\9;
|
||||
opacity : 1\9;
|
||||
}
|
||||
#sidebar-menu > .pane > .slider {
|
||||
background: #0088cc\9;
|
||||
}
|
||||
@@ -0,0 +1,225 @@
|
||||
#orbit-bar {
|
||||
top: 0px;
|
||||
left: -10px;
|
||||
right: -10px;
|
||||
height: 40px;
|
||||
z-index: 1041;
|
||||
position: fixed;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#orbit-bar .orbitlogo {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-size: 70%;
|
||||
display: inline-block;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(<%= asset_path 'orbit-logo.svg' %>);
|
||||
|
||||
/* For Suck IE */
|
||||
background-image: url(<%= asset_path 'orbit-logo.png' %>)\9;
|
||||
}
|
||||
#orbit-bar.navbar .nav > li > a {
|
||||
color: #EEE;
|
||||
text-shadow: 0 -1px 0 #000;
|
||||
border-right: 1px solid #363636;
|
||||
box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
#orbit-bar.navbar .nav > li:first-child > a {
|
||||
border-left: 1px solid #363636;
|
||||
box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.3), inset -1px 0px 0px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
#orbit-bar.navbar .nav > li > a:focus,
|
||||
#orbit-bar.navbar .nav > li > a:hover {
|
||||
background-color: #0095CF;
|
||||
text-shadow: 0 -1px 0 #014380;
|
||||
}
|
||||
#orbit-bar.navbar .nav li.dropdown.open > .dropdown-toggle,
|
||||
#orbit-bar.navbar .nav li.dropdown.active > .dropdown-toggle,
|
||||
#orbit-bar.navbar .nav li.dropdown.open.active > .dropdown-toggle {
|
||||
background-color: #0095CF;
|
||||
text-shadow: 0 -1px 0 #014380;
|
||||
}
|
||||
#orbit-bar .navbar-inner {
|
||||
height: 40px;
|
||||
border-width: 0;
|
||||
min-height: 40px;
|
||||
background-color: #333333;
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.7);
|
||||
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.7);
|
||||
box-shadow: 0 2px 10px rgba(0,0,0,.7);
|
||||
|
||||
/* Customization Color*/
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#1D1D1D));
|
||||
background-image: -webkit-linear-gradient(top, #333333, #1D1D1D);
|
||||
background-image: -moz-linear-gradient(top, #333333, #1D1D1D);
|
||||
background-image: -o-linear-gradient(top, #333333, #1D1D1D);
|
||||
background-image: linear-gradient(to bottom, #333333, #1D1D1D);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1D1D1D', GradientType=0);
|
||||
}
|
||||
#orbit-bar .nav {
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
}
|
||||
#orbit-bar .nav [class^="icon"],
|
||||
#orbit-bar .nav [class*=" icon"] {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
/*Login*/
|
||||
#orbit-bar .modal {
|
||||
width: 460px;
|
||||
margin-left: -230px;
|
||||
}
|
||||
#orbit-bar .modal-footer {
|
||||
text-align: center;
|
||||
}
|
||||
#orbit-bar .modal .container {
|
||||
width: 312px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#orbit-bar .modal [class^="icon"],
|
||||
#orbit-bar .modal [class*=" icon"] {
|
||||
font-size: 1em;
|
||||
color: #8D8D8D;
|
||||
}
|
||||
#orbit-bar .modal .input-append,
|
||||
#orbit-bar .modal .input-prepend {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
/*Search*/
|
||||
#orbit-bar #search {
|
||||
margin-bottom: 0;
|
||||
position: relative;
|
||||
padding: 8px 10px 0;
|
||||
border-right: 1px solid #363636;
|
||||
box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
#orbit-bar #search form {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
#orbit-bar #search input[type="text"] {
|
||||
height: 14px;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
-o-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
|
||||
/* For Suck IE */
|
||||
line-height: 16px\9;
|
||||
}
|
||||
#orbit-bar #search .icon-search,
|
||||
#orbit-bar #search .search-clear {
|
||||
position: absolute;
|
||||
color: #A3A3A3;
|
||||
top: 14px;
|
||||
}
|
||||
#orbit-bar #search .icon-search {
|
||||
left: 13px;
|
||||
top: 15px;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
#orbit-bar #search .search-clear {
|
||||
right: 14px;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
#orbit-bar #search .search-clear:hover {
|
||||
color: #333;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/*User info*/
|
||||
#orbit-bar #orbit-user .user-pic {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: -12px 10px -10px -15px;
|
||||
}
|
||||
|
||||
/*Language & flag*/
|
||||
#orbit-bar #orbit-language [class^="flag-"],
|
||||
#orbit-bar #orbit-language [class*=" flag-"] {
|
||||
background-image: url(<%= asset_path 'flag.png' %>);
|
||||
background-repeat: no-repeat;
|
||||
background-color: transparent;
|
||||
display: inline-block;
|
||||
margin: -8px 0 -8px -5px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
#orbit-bar #orbit-language .dropdown-menu [class^="flag-"],
|
||||
#orbit-bar #orbit-language .dropdown-menu [class*=" flag-"] {
|
||||
margin: -8px 10px -8px 0px;
|
||||
}
|
||||
.flag-bg {background-position: 0px 0px;}
|
||||
.flag-cs {background-position: -24px 0px;}
|
||||
.flag-da {background-position: -48px 0px;}
|
||||
.flag-de {background-position: -72px 0px;}
|
||||
.flag-en {background-position: 0px -24px;}
|
||||
.flag-es {background-position: -24px -24px;}
|
||||
.flag-fi {background-position: -48px -24px;}
|
||||
.flag-fr {background-position: -72px -24px;}
|
||||
.flag-hr {background-position: 0px -48px;}
|
||||
.flag-id {background-position: -24px -48px;}
|
||||
.flag-is {background-position: -48px -48px;}
|
||||
.flag-it {background-position: -72px -48px;}
|
||||
.flag-ja {background-position: 0px -72px;}
|
||||
.flag-kr {background-position: -24px -72px;}
|
||||
.flag-lt {background-position: -48px -72px;}
|
||||
.flag-lv {background-position: -72px -72px;}
|
||||
.flag-ms {background-position: 0px -96px;}
|
||||
.flag-nb {background-position: -24px -96px;}
|
||||
.flag-nl {background-position: -48px -96px;}
|
||||
.flag-pl {background-position: -72px -96px;}
|
||||
.flag-pt-BR {background-position: 0px -120px;}
|
||||
.flag-pt {background-position: -24px -120px;}
|
||||
.flag-ro {background-position: -48px -120px;}
|
||||
.flag-ru {background-position: -72px -120px;}
|
||||
.flag-sk {background-position: 0px -144px;}
|
||||
.flag-sl {background-position: -24px -144px;}
|
||||
.flag-sr {background-position: -48px -144px;}
|
||||
.flag-sv {background-position: -72px -144px;}
|
||||
.flag-th {background-position: 0px -168px;}
|
||||
.flag-tr {background-position: -24px -168px;}
|
||||
.flag-zh-CN {background-position: -48px -168px;}
|
||||
.flag-zh-TW {background-position: -72px -168px;}
|
||||
|
||||
|
||||
/* For Retina */
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
|
||||
#orbit-bar #orbit-language [class^="flag-"],
|
||||
#orbit-bar #orbit-language [class*=" flag-"] {
|
||||
background-image: url(<%= asset_path 'flag@2x.png' %>);
|
||||
background-size: 96px 192px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 480px) {
|
||||
#orbit-bar .navbar-inner .nav {
|
||||
margin-right: 0;
|
||||
}
|
||||
#orbit-bar #orbit-user span,
|
||||
#orbit-bar #search {
|
||||
display: none;
|
||||
}
|
||||
#orbit-bar #orbit-language [class^="flag-"],
|
||||
#orbit-bar #orbit-language [class*=" flag-"] {
|
||||
margin: -8px;
|
||||
}
|
||||
#orbit-bar #orbit-user .user-pic {
|
||||
margin: -12px -15px -10px -15px;
|
||||
}
|
||||
#orbit-bar .modal {
|
||||
width: 350px;
|
||||
margin-left: -175px;
|
||||
}
|
||||
}
|
||||
-119
@@ -1,119 +0,0 @@
|
||||
/*bootstrap-orbit*/
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight:normal ;
|
||||
}
|
||||
.tooltip {
|
||||
font-size: 12px;
|
||||
}
|
||||
.tooltip-inner {
|
||||
text-align: left;
|
||||
}
|
||||
.control-group {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.well {
|
||||
margin-top:10px;
|
||||
margin-bottom: 10px;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
|
||||
padding:9px;
|
||||
}
|
||||
.qe-block hr {
|
||||
margin: 5px 10px 5px 0;
|
||||
}
|
||||
.label-tags {
|
||||
background-color: #FF5B00;
|
||||
}
|
||||
.modal-body .control-group > label {
|
||||
width: 140px;
|
||||
}
|
||||
.modal-body .controls {
|
||||
margin-left: 160px;
|
||||
}
|
||||
.dropdown-menu {
|
||||
min-width: 90px;
|
||||
}
|
||||
.subhead {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
.subhead h1 {
|
||||
font-size: 54px;
|
||||
}
|
||||
/* Subnav */
|
||||
.subnav {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
/*border-top: 1px solid #e5e5e5;*/
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.subnav .filter {
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.subnav .filter > li > a {
|
||||
margin: 0;
|
||||
padding-top: 11px;
|
||||
padding-bottom: 11px;
|
||||
border-left: 1px solid #f5f5f5;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.subnav .filter > .active > a, .subnav .filter > .active > a:hover {
|
||||
padding-left: 13px;
|
||||
color: #777;
|
||||
background-color: #e9e9e9;
|
||||
border-right-color: #ddd;
|
||||
border-left: 0;
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
|
||||
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
|
||||
box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
|
||||
}
|
||||
.subnav .filter > .active > a .caret, .subnav .filter > .active > a:hover .caret {
|
||||
border-top-color: #777;
|
||||
}
|
||||
.subnav .filter > li:first-child > a, .subnav .filter > li:first-child > a:hover {
|
||||
border-left: 0;
|
||||
padding-left: 12px;
|
||||
-webkit-border-radius: 4px 0 0 4px;
|
||||
-moz-border-radius: 4px 0 0 4px;
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
.subnav .filter > li:last-child > a {
|
||||
border-right: 0;
|
||||
}
|
||||
.subnav .dropdown-menu {
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius: 0 0 4px 4px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
table .span1-2 {
|
||||
min-width: 85px;
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
table .span1-3 {
|
||||
min-width: 200px;
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
.qe-block .form-horizontal .form-actions {
|
||||
text-align:right;
|
||||
}
|
||||
.form-actions form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.form-actions form input {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.modal.fade {
|
||||
top: -50%;
|
||||
}
|
||||
.form-search button {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.modal form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
-438
@@ -1,438 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap Responsive v2.1.1
|
||||
*
|
||||
* Copyright 2012 Twitter, Inc
|
||||
* Licensed under the Apache License v2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built with all the love in the world @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
line-height: 0;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.hide-text {
|
||||
font: 0/0 a;
|
||||
color: transparent;
|
||||
text-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.input-block-level {
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.visible-phone {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.visible-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.hidden-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.visible-desktop {
|
||||
display: inherit !important;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.hidden-desktop {
|
||||
display: inherit !important;
|
||||
}
|
||||
.visible-desktop {
|
||||
display: none !important ;
|
||||
}
|
||||
.visible-tablet {
|
||||
display: inherit !important;
|
||||
}
|
||||
.hidden-tablet {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.hidden-desktop {
|
||||
display: inherit !important;
|
||||
}
|
||||
.visible-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
.visible-phone {
|
||||
display: inherit !important;
|
||||
}
|
||||
.hidden-phone {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-left: -30px;
|
||||
*zoom: 1;
|
||||
}
|
||||
.row:before,
|
||||
.row:after {
|
||||
display: table;
|
||||
line-height: 0;
|
||||
content: "";
|
||||
}
|
||||
.row:after {
|
||||
clear: both;
|
||||
}
|
||||
[class*="span"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
.container,
|
||||
.navbar-static-top .container,
|
||||
.navbar-fixed-top .container,
|
||||
.navbar-fixed-bottom .container {
|
||||
width: 1170px;
|
||||
}
|
||||
.span12 {
|
||||
width: 1170px;
|
||||
}
|
||||
.span11 {
|
||||
width: 1070px;
|
||||
}
|
||||
.span10 {
|
||||
width: 970px;
|
||||
}
|
||||
.span9 {
|
||||
width: 870px;
|
||||
}
|
||||
.span8 {
|
||||
width: 770px;
|
||||
}
|
||||
.span7 {
|
||||
width: 670px;
|
||||
}
|
||||
.span6 {
|
||||
width: 570px;
|
||||
}
|
||||
.span5 {
|
||||
width: 470px;
|
||||
}
|
||||
.span4 {
|
||||
width: 370px;
|
||||
}
|
||||
.span3 {
|
||||
width: 270px;
|
||||
}
|
||||
.span2 {
|
||||
width: 170px;
|
||||
}
|
||||
.span1 {
|
||||
width: 70px;
|
||||
}
|
||||
.offset12 {
|
||||
margin-left: 1230px;
|
||||
}
|
||||
.offset11 {
|
||||
margin-left: 1130px;
|
||||
}
|
||||
.offset10 {
|
||||
margin-left: 1030px;
|
||||
}
|
||||
.offset9 {
|
||||
margin-left: 930px;
|
||||
}
|
||||
.offset8 {
|
||||
margin-left: 830px;
|
||||
}
|
||||
.offset7 {
|
||||
margin-left: 730px;
|
||||
}
|
||||
.offset6 {
|
||||
margin-left: 630px;
|
||||
}
|
||||
.offset5 {
|
||||
margin-left: 530px;
|
||||
}
|
||||
.offset4 {
|
||||
margin-left: 430px;
|
||||
}
|
||||
.offset3 {
|
||||
margin-left: 330px;
|
||||
}
|
||||
.offset2 {
|
||||
margin-left: 230px;
|
||||
}
|
||||
.offset1 {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
*zoom: 1;
|
||||
}
|
||||
.row-fluid:before,
|
||||
.row-fluid:after {
|
||||
display: table;
|
||||
line-height: 0;
|
||||
content: "";
|
||||
}
|
||||
.row-fluid:after {
|
||||
clear: both;
|
||||
}
|
||||
.row-fluid [class*="span"] {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
min-height: 30px;
|
||||
margin-left: 2.564102564102564%;
|
||||
*margin-left: 2.5109110747408616%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.row-fluid [class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.row-fluid .span12 {
|
||||
width: 100%;
|
||||
*width: 99.94680851063829%;
|
||||
}
|
||||
.row-fluid .span11 {
|
||||
width: 91.45299145299145%;
|
||||
*width: 91.39979996362975%;
|
||||
}
|
||||
.row-fluid .span10 {
|
||||
width: 82.90598290598291%;
|
||||
*width: 82.8527914166212%;
|
||||
}
|
||||
.row-fluid .span9 {
|
||||
width: 74.35897435897436%;
|
||||
*width: 74.30578286961266%;
|
||||
}
|
||||
.row-fluid .span8 {
|
||||
width: 65.81196581196582%;
|
||||
*width: 65.75877432260411%;
|
||||
}
|
||||
.row-fluid .span7 {
|
||||
width: 57.26495726495726%;
|
||||
*width: 57.21176577559556%;
|
||||
}
|
||||
.row-fluid .span6 {
|
||||
width: 48.717948717948715%;
|
||||
*width: 48.664757228587014%;
|
||||
}
|
||||
.row-fluid .span5 {
|
||||
width: 40.17094017094017%;
|
||||
*width: 40.11774868157847%;
|
||||
}
|
||||
.row-fluid .span4 {
|
||||
width: 31.623931623931625%;
|
||||
*width: 31.570740134569924%;
|
||||
}
|
||||
.row-fluid .span3 {
|
||||
width: 23.076923076923077%;
|
||||
*width: 23.023731587561375%;
|
||||
}
|
||||
.row-fluid .span2 {
|
||||
width: 14.52991452991453%;
|
||||
*width: 14.476723040552828%;
|
||||
}
|
||||
.row-fluid .span1 {
|
||||
width: 5.982905982905983%;
|
||||
*width: 5.929714493544281%;
|
||||
}
|
||||
.row-fluid .offset12 {
|
||||
margin-left: 105.12820512820512%;
|
||||
*margin-left: 105.02182214948171%;
|
||||
}
|
||||
.row-fluid .offset12:first-child {
|
||||
margin-left: 102.56410256410257%;
|
||||
*margin-left: 102.45771958537915%;
|
||||
}
|
||||
.row-fluid .offset11 {
|
||||
margin-left: 96.58119658119658%;
|
||||
*margin-left: 96.47481360247316%;
|
||||
}
|
||||
.row-fluid .offset11:first-child {
|
||||
margin-left: 94.01709401709402%;
|
||||
*margin-left: 93.91071103837061%;
|
||||
}
|
||||
.row-fluid .offset10 {
|
||||
margin-left: 88.03418803418803%;
|
||||
*margin-left: 87.92780505546462%;
|
||||
}
|
||||
.row-fluid .offset10:first-child {
|
||||
margin-left: 85.47008547008548%;
|
||||
*margin-left: 85.36370249136206%;
|
||||
}
|
||||
.row-fluid .offset9 {
|
||||
margin-left: 79.48717948717949%;
|
||||
*margin-left: 79.38079650845607%;
|
||||
}
|
||||
.row-fluid .offset9:first-child {
|
||||
margin-left: 76.92307692307693%;
|
||||
*margin-left: 76.81669394435352%;
|
||||
}
|
||||
.row-fluid .offset8 {
|
||||
margin-left: 70.94017094017094%;
|
||||
*margin-left: 70.83378796144753%;
|
||||
}
|
||||
.row-fluid .offset8:first-child {
|
||||
margin-left: 68.37606837606839%;
|
||||
*margin-left: 68.26968539734497%;
|
||||
}
|
||||
.row-fluid .offset7 {
|
||||
margin-left: 62.393162393162385%;
|
||||
*margin-left: 62.28677941443899%;
|
||||
}
|
||||
.row-fluid .offset7:first-child {
|
||||
margin-left: 59.82905982905982%;
|
||||
*margin-left: 59.72267685033642%;
|
||||
}
|
||||
.row-fluid .offset6 {
|
||||
margin-left: 53.84615384615384%;
|
||||
*margin-left: 53.739770867430444%;
|
||||
}
|
||||
.row-fluid .offset6:first-child {
|
||||
margin-left: 51.28205128205128%;
|
||||
*margin-left: 51.175668303327875%;
|
||||
}
|
||||
.row-fluid .offset5 {
|
||||
margin-left: 45.299145299145295%;
|
||||
*margin-left: 45.1927623204219%;
|
||||
}
|
||||
.row-fluid .offset5:first-child {
|
||||
margin-left: 42.73504273504273%;
|
||||
*margin-left: 42.62865975631933%;
|
||||
}
|
||||
.row-fluid .offset4 {
|
||||
margin-left: 36.75213675213675%;
|
||||
*margin-left: 36.645753773413354%;
|
||||
}
|
||||
.row-fluid .offset4:first-child {
|
||||
margin-left: 34.18803418803419%;
|
||||
*margin-left: 34.081651209310785%;
|
||||
}
|
||||
.row-fluid .offset3 {
|
||||
margin-left: 28.205128205128204%;
|
||||
*margin-left: 28.0987452264048%;
|
||||
}
|
||||
.row-fluid .offset3:first-child {
|
||||
margin-left: 25.641025641025642%;
|
||||
*margin-left: 25.53464266230224%;
|
||||
}
|
||||
.row-fluid .offset2 {
|
||||
margin-left: 19.65811965811966%;
|
||||
*margin-left: 19.551736679396257%;
|
||||
}
|
||||
.row-fluid .offset2:first-child {
|
||||
margin-left: 17.094017094017094%;
|
||||
*margin-left: 16.98763411529369%;
|
||||
}
|
||||
.row-fluid .offset1 {
|
||||
margin-left: 11.11111111111111%;
|
||||
*margin-left: 11.004728132387708%;
|
||||
}
|
||||
.row-fluid .offset1:first-child {
|
||||
margin-left: 8.547008547008547%;
|
||||
*margin-left: 8.440625568285142%;
|
||||
}
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
margin-left: 0;
|
||||
}
|
||||
.controls-row [class*="span"] + [class*="span"] {
|
||||
margin-left: 30px;
|
||||
}
|
||||
input.span12,
|
||||
textarea.span12,
|
||||
.uneditable-input.span12 {
|
||||
width: 1156px;
|
||||
}
|
||||
input.span11,
|
||||
textarea.span11,
|
||||
.uneditable-input.span11 {
|
||||
width: 1056px;
|
||||
}
|
||||
input.span10,
|
||||
textarea.span10,
|
||||
.uneditable-input.span10 {
|
||||
width: 956px;
|
||||
}
|
||||
input.span9,
|
||||
textarea.span9,
|
||||
.uneditable-input.span9 {
|
||||
width: 856px;
|
||||
}
|
||||
input.span8,
|
||||
textarea.span8,
|
||||
.uneditable-input.span8 {
|
||||
width: 756px;
|
||||
}
|
||||
input.span7,
|
||||
textarea.span7,
|
||||
.uneditable-input.span7 {
|
||||
width: 656px;
|
||||
}
|
||||
input.span6,
|
||||
textarea.span6,
|
||||
.uneditable-input.span6 {
|
||||
width: 556px;
|
||||
}
|
||||
input.span5,
|
||||
textarea.span5,
|
||||
.uneditable-input.span5 {
|
||||
width: 456px;
|
||||
}
|
||||
input.span4,
|
||||
textarea.span4,
|
||||
.uneditable-input.span4 {
|
||||
width: 356px;
|
||||
}
|
||||
input.span3,
|
||||
textarea.span3,
|
||||
.uneditable-input.span3 {
|
||||
width: 256px;
|
||||
}
|
||||
input.span2,
|
||||
textarea.span2,
|
||||
.uneditable-input.span2 {
|
||||
width: 156px;
|
||||
}
|
||||
input.span1,
|
||||
textarea.span1,
|
||||
.uneditable-input.span1 {
|
||||
width: 56px;
|
||||
}
|
||||
.thumbnails {
|
||||
margin-left: -30px;
|
||||
}
|
||||
.thumbnails > li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
.row-fluid .thumbnails {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large.
Load diff
@@ -1,12 +0,0 @@
|
||||
.z-preview * {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.z-preview {
|
||||
background: white;
|
||||
border: solid;
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
float: right;
|
||||
height: 200px;
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
/*
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require desktop/desktop-font
|
||||
*= require bootstrap
|
||||
*= require bootstrap-orbit
|
||||
*= require jquery.miniColors
|
||||
*= require jquery.gridster
|
||||
*= require jquery-ui
|
||||
*= require font-awesome
|
||||
*= require icons
|
||||
*= require desktop/desktop-component
|
||||
*= require desktop/desktop-main
|
||||
*= require desktop/desktop-media
|
||||
*= require desktop/desktop-select2
|
||||
*= require desktop/desktop-timeline
|
||||
*= require orbit-bar
|
||||
*/
|
||||
@@ -1,30 +0,0 @@
|
||||
$gray: #ddd;
|
||||
|
||||
@mixin font-main($font-size) {
|
||||
font-family: "Source Sans Pro", sans-serif;
|
||||
font-size: #{$font-size}px;
|
||||
}
|
||||
@mixin font-sub($font-size) {
|
||||
font-family: "Source Sans Pro", Arial, sans-serif;
|
||||
font-size: #{$font-size}px;
|
||||
}
|
||||
@mixin transition-type($property, $sec) {
|
||||
-webkit-transition: #{$property} #{$sec}s ease;
|
||||
-moz-transition: #{$property} #{$sec}s ease;
|
||||
transition: #{$property} #{$sec}s ease;
|
||||
}
|
||||
@mixin box-sizing {
|
||||
-webkit-box-sizing: border-box; /* webkit */
|
||||
-khtml-box-sizing: border-box; /* konqueror */
|
||||
-moz-box-sizing: border-box; /* firefox */
|
||||
-ms-box-sizing: border-box; /* ie */
|
||||
box-sizing: border-box; /* css3 */
|
||||
}
|
||||
@mixin no-select {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
@@ -1,113 +0,0 @@
|
||||
/*
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require desktop/desktop-font
|
||||
*= require bootstrap
|
||||
*= require bootstrap-orbit
|
||||
*= require icons
|
||||
*= require desktop/desktop-main
|
||||
*= require desktop/desktop-media
|
||||
*= require orbit-bar
|
||||
*/
|
||||
html, body, #compatibility {
|
||||
height: 100%;
|
||||
*overflow: hidden;
|
||||
}
|
||||
header {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
background: #7DAE0F url(compatibility_bg.jpg) center top no-repeat;
|
||||
}
|
||||
#compatibility {
|
||||
position: relative;
|
||||
}
|
||||
#support_list {
|
||||
width: 516px;
|
||||
height: 490px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin: -245px 0 0 -258px;
|
||||
}
|
||||
#support_list li {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
[data-col="1"] { left: 0;}
|
||||
[data-col="2"] { left: 132px;}
|
||||
[data-col="3"] { left: 264px;}
|
||||
[data-col="4"] { left: 396px;}
|
||||
[data-row="1"] { top: 0;}
|
||||
[data-row="2"] { top: 132px;}
|
||||
[data-row="3"] { top: 264px;}
|
||||
[data-row="4"] { top: 396px;}
|
||||
|
||||
.app-chrome { background-color: #000;}
|
||||
.app-safari { background-color: #666;}
|
||||
.app-opera { background-color: #FF0000;}
|
||||
.app-ie { background-color: #3399CC;}
|
||||
.app-firefox { background-color: #FF6600;}
|
||||
|
||||
.appname {
|
||||
color: #fff;
|
||||
}
|
||||
.appicon {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.w1.h1 .appname {
|
||||
padding: 0 10px;
|
||||
*width: 100px;
|
||||
}
|
||||
.w1.h1 .appicon {
|
||||
margin-top: 24px;
|
||||
*padding-top: 24px;
|
||||
}
|
||||
.w2.h2 .appname {
|
||||
font-size: 21px;
|
||||
font-weight: normal;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
*width: 228px;
|
||||
}
|
||||
.w2.h2 .appicon {
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
margin-top: 64px;
|
||||
*padding-top: 64px;
|
||||
}
|
||||
.w2.h1 .appname {
|
||||
height: 120px;
|
||||
line-height: 120px;
|
||||
font-size: 21px;
|
||||
left: 120px;
|
||||
width: 132px;
|
||||
padding-left: 0;
|
||||
}
|
||||
.w2.h1 .appicon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin: 20px;
|
||||
*padding: 20px;
|
||||
*margin: 0;
|
||||
}
|
||||
|
||||
.desc {
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: 1.2em;
|
||||
color: #333;
|
||||
width: 100%;
|
||||
}
|
||||
.desc h1 {
|
||||
font-size: 21px;
|
||||
font-weight: normal;
|
||||
padding: 16px 0;
|
||||
*padding: 10px 0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.op09 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); }
|
||||
.op07 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
|
||||
@@ -1,375 +0,0 @@
|
||||
.noSelect {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
/* tinygrid */
|
||||
.s_grid_row {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin-bottom: 12px; }
|
||||
.s_grid_row .s_grid {
|
||||
float: left;
|
||||
margin: 0 0 0 12px;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
.s_grid_row .s_grid:first-child {
|
||||
margin-left: 0; }
|
||||
.s_grid_row .s_grid_1 {
|
||||
width: 24px; }
|
||||
.s_grid_row .s_grid_2 {
|
||||
width: 60px; }
|
||||
.s_grid_row .s_grid_3 {
|
||||
width: 96px; }
|
||||
.s_grid_row .s_grid_4 {
|
||||
width: 132px; }
|
||||
.s_grid_row .s_grid_5 {
|
||||
width: 168px; }
|
||||
.s_grid_row .s_grid_6 {
|
||||
width: 204px; }
|
||||
.s_grid_row .s_grid_7 {
|
||||
width: 240px; }
|
||||
.s_grid_row .s_grid_8 {
|
||||
width: 276px; }
|
||||
.s_grid_row .s_grid_9 {
|
||||
width: 312px; }
|
||||
.s_grid_row .s_grid_10 {
|
||||
width: 348px; }
|
||||
.s_grid_row .s_grid_11 {
|
||||
width: 384px; }
|
||||
.s_grid_row .s_grid_12 {
|
||||
width: 420px; }
|
||||
.s_grid_row:last-child {
|
||||
margin-bottom: 0; }
|
||||
.s_grid_row .s_grid_h_1 {
|
||||
height: 32px; }
|
||||
.s_grid_row .s_grid_h_2 {
|
||||
height: 76px; }
|
||||
.s_grid_row .s_grid_h_3 {
|
||||
height: 120px; }
|
||||
.s_grid_row .s_grid_h_4 {
|
||||
height: 164px; }
|
||||
.s_grid_row .s_grid_h_5 {
|
||||
height: 208px; }
|
||||
.s_grid_row .s_grid_h_6 {
|
||||
height: 252px; }
|
||||
.s_grid_row .s_grid_h_7 {
|
||||
height: 296px; }
|
||||
.s_grid_row .s_grid_h_8 {
|
||||
height: 340px; }
|
||||
.s_grid_row .s_grid_h_9 {
|
||||
height: 384px; }
|
||||
.s_grid_row .s_grid_h_10 {
|
||||
height: 428px; }
|
||||
|
||||
/* simple dropdown menu */
|
||||
.sdm {
|
||||
position: relative; }
|
||||
|
||||
.sdm_t {
|
||||
cursor: default;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease; }
|
||||
|
||||
.sdm:hover .sdm_o {
|
||||
display: block; }
|
||||
|
||||
.sdm_o {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
font-size: 15px;
|
||||
width: 120px;
|
||||
border: solid 2px #dddddd;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
.sdm_o li {
|
||||
border-top: solid 1px #f7f7f7; }
|
||||
.sdm_o li:first-child {
|
||||
border: none; }
|
||||
.sdm_o a {
|
||||
display: block; }
|
||||
.sdm_o .admtxt {
|
||||
display: block;
|
||||
line-height: 36px; }
|
||||
|
||||
/* simple dropdown menu with indicator */
|
||||
.sdm_mdr .sdm_t {
|
||||
padding-right: 12px; }
|
||||
|
||||
.sdm_mdr .mdr {
|
||||
position: absolute;
|
||||
right: 0; }
|
||||
|
||||
/* simple menu */
|
||||
.s_menu {
|
||||
font-size: 15px;
|
||||
line-height: 36px; }
|
||||
.s_menu li {
|
||||
border-top: solid 1px #dddddd; }
|
||||
.s_menu li:first-child {
|
||||
border: none; }
|
||||
.s_menu a {
|
||||
display: block; }
|
||||
|
||||
/* simple tabs */
|
||||
.s_tab {
|
||||
font-size: 15px;
|
||||
line-height: 36px; }
|
||||
|
||||
.s_tab ul {
|
||||
overflow: hidden; }
|
||||
|
||||
.s_tab li {
|
||||
float: left; }
|
||||
|
||||
.s_tab a {
|
||||
display: block; }
|
||||
|
||||
.s_tab .admbg {
|
||||
background-color: #f0f0f0; }
|
||||
|
||||
.st_c {
|
||||
display: none; }
|
||||
|
||||
.st_c:first-child {
|
||||
display: block; }
|
||||
|
||||
/* simple form */
|
||||
.s_form {
|
||||
font-size: 15px; }
|
||||
.s_form label {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 100px;
|
||||
margin-right: 24px;
|
||||
color: #777; }
|
||||
.s_form label.s_grid {
|
||||
line-height: 32px; }
|
||||
.s_form input[type=text],
|
||||
.s_form input[type=password],
|
||||
.s_form select {
|
||||
height: 32px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0; }
|
||||
.s_form input[type=file] {
|
||||
vertical-align: baseline; }
|
||||
.s_form input[type=text],
|
||||
.s_form input[type=password],
|
||||
.s_form textarea {
|
||||
border: solid 1px #dddddd;
|
||||
font-size: 15px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 6px;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
.s_form input[type=text]:focus,
|
||||
.s_form input[type=password]:focus,
|
||||
.s_form textarea:focus {
|
||||
background-color: #f7f7f7;
|
||||
border-color: #c4c4c4; }
|
||||
.s_form textarea {
|
||||
resize: none; }
|
||||
.s_form textarea.full_height {
|
||||
height: 456px; }
|
||||
.s_form .s_table {
|
||||
width: 100%; }
|
||||
.s_form .s_table th,
|
||||
.s_form .s_table td {
|
||||
padding: 6px 0; }
|
||||
.s_form .s_table th {
|
||||
text-align: left; }
|
||||
.s_form .s_table td {
|
||||
vertical-align: middle; }
|
||||
.s_form .s_table thead th {
|
||||
border-bottom: solid 1px #eeeeee; }
|
||||
|
||||
.check_box_g {
|
||||
padding: 4px 8px;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
.check_box_g li {
|
||||
margin: 0 6px 6px 0;
|
||||
padding: 0; }
|
||||
.check_box_g li,
|
||||
.check_box_g li > * {
|
||||
display: inline-block;
|
||||
vertical-align: middle; }
|
||||
.check_box_g label {
|
||||
width: auto;
|
||||
margin: 0; }
|
||||
.check_box_g > label {
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
padding: 4px 0; }
|
||||
.check_box_g li label {
|
||||
padding-left: 4px; }
|
||||
|
||||
/* tool bar */
|
||||
.toolbar {
|
||||
background-color: #f0f0f0;
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
position: relative;
|
||||
z-index: 9; }
|
||||
.toolbar .sdm, .toolbar .fn_g {
|
||||
display: inline-block;
|
||||
vertical-align: top; }
|
||||
.toolbar .sdm_o {
|
||||
top: 36px; }
|
||||
.toolbar button {
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0 16px;
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: 15px;
|
||||
vertical-align: top; }
|
||||
.toolbar .fn_btn {
|
||||
display: inline-block;
|
||||
vertical-align: top; }
|
||||
|
||||
/* tiny scrollbar */
|
||||
.tinycanvas {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 100%; }
|
||||
.tinycanvas .viewport {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative; }
|
||||
.tinycanvas .overview {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-width: 100%;
|
||||
height: 100%; }
|
||||
.tinycanvas .overview > .column {
|
||||
float: left;
|
||||
border-right: solid 1px #eeeeee;
|
||||
padding: 0 12px 0 0;
|
||||
margin: 0 12px 0 0;
|
||||
height: 100%; }
|
||||
.tinycanvas .overview > .column:last-child {
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
border-right: 0; }
|
||||
.tinycanvas .overview > .column > ul {
|
||||
height: 100%; }
|
||||
.tinycanvas .overview > .column .datalist_item {
|
||||
overflow: hidden;
|
||||
padding-top: 3px;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
.tinycanvas .overview > .column .datalist_item:first-child {
|
||||
padding-top: 0; }
|
||||
.tinycanvas .overview > .column .datalist_item .inner {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
.tinycanvas .track {
|
||||
height: 100%;
|
||||
width: 6px;
|
||||
position: relative; }
|
||||
.tinycanvas .thumb {
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0; }
|
||||
.tinycanvas .thumb .end {
|
||||
overflow: hidden;
|
||||
height: 6px;
|
||||
width: 6px; }
|
||||
.tinycanvas .scrollbar {
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-moz-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease; }
|
||||
.tinycanvas .scrollbar.dragging {
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
.tinycanvas .scrollbar.sb_h {
|
||||
left: 0;
|
||||
bottom: -6px;
|
||||
height: 6px; }
|
||||
.tinycanvas .scrollbar.sb_v {
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 6px; }
|
||||
.tinycanvas .scrollbar.disable, .tinycanvas:hover .scrollbar.disable {
|
||||
visibility: hidden !important; }
|
||||
.tinycanvas:hover .scrollbar {
|
||||
visibility: visible;
|
||||
opacity: 1; }
|
||||
.toolbar + .tinycanvas, .s_tab + .tinycanvas {
|
||||
height: 480px; }
|
||||
#panel_r .tinycanvas {
|
||||
padding: 12px 0; }
|
||||
@@ -1,367 +0,0 @@
|
||||
@import "desktop-helper";
|
||||
|
||||
.noSelect {
|
||||
@include no-select;
|
||||
}
|
||||
|
||||
/* tinygrid */
|
||||
.s_grid_row {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin-bottom: 12px;
|
||||
|
||||
.s_grid {
|
||||
float: left;
|
||||
margin: 0 0 0 12px;
|
||||
@include box-sizing;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
// fixed width column
|
||||
// full width 420px
|
||||
@for $i from 1 through 12 {
|
||||
.s_grid_#{$i} {
|
||||
width: 36px * $i - 12px;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// fixed height row
|
||||
// full height 428px
|
||||
@for $j from 1 through 10 {
|
||||
.s_grid_h_#{$j} {
|
||||
height: 44px * $j - 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* simple dropdown menu */
|
||||
.sdm {
|
||||
position: relative;
|
||||
}
|
||||
.sdm_t {
|
||||
cursor: default;
|
||||
@include transition-type(all, 0.3);
|
||||
}
|
||||
.sdm:hover .sdm_o {
|
||||
display: block;
|
||||
}
|
||||
.sdm_o {
|
||||
display: none;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
font-size: 15px;
|
||||
width: 120px;
|
||||
border: solid 2px $gray;
|
||||
@include box-sizing;
|
||||
|
||||
li {
|
||||
border-top: solid 1px lighten( $gray, 10% );
|
||||
}
|
||||
li:first-child {
|
||||
border: none;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
.admtxt {
|
||||
display: block;
|
||||
line-height: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
/* simple dropdown menu with indicator */
|
||||
.sdm_mdr .sdm_t {
|
||||
padding-right: 12px;
|
||||
}
|
||||
.sdm_mdr .mdr {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
/* simple menu */
|
||||
.s_menu {
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
|
||||
li {
|
||||
border-top: solid 1px $gray;
|
||||
}
|
||||
li:first-child {
|
||||
border: none;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* simple tabs */
|
||||
.s_tab {
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
}
|
||||
.stb_h {}
|
||||
.stb_v {}
|
||||
.s_tab ul {
|
||||
overflow: hidden;
|
||||
}
|
||||
.s_tab li {
|
||||
float: left;
|
||||
}
|
||||
.s_tab a {
|
||||
display: block;
|
||||
}
|
||||
.s_tab .admbg {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.st_c {
|
||||
display: none;
|
||||
}
|
||||
.st_c:first-child {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* simple form */
|
||||
.s_form {
|
||||
font-size: 15px;
|
||||
|
||||
// basic style
|
||||
label {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 100px;
|
||||
margin-right: 24px;
|
||||
color: #777;
|
||||
|
||||
&.s_grid {
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
input[type=text],
|
||||
input[type=password],
|
||||
select {
|
||||
height: 32px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
input[type=file] {
|
||||
// margin: 0px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
input[type=text],
|
||||
input[type=password],
|
||||
textarea {
|
||||
border: solid 1px $gray;
|
||||
font-size: 15px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 6px;
|
||||
@include transition-type(all, 0.3);
|
||||
@include box-sizing;
|
||||
|
||||
&:focus {
|
||||
background-color: lighten($gray, 10%);
|
||||
border-color: darken($gray, 10%);
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
resize: none;
|
||||
|
||||
&.full_height {
|
||||
height: 456px;
|
||||
}
|
||||
}
|
||||
.s_table {
|
||||
width: 100%;
|
||||
}
|
||||
.s_table th,
|
||||
.s_table td {
|
||||
padding: 6px 0;
|
||||
}
|
||||
.s_table th {
|
||||
text-align: left;
|
||||
}
|
||||
.s_table td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.s_table thead th {
|
||||
border-bottom: solid 1px #eee;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.check_box_g {
|
||||
padding: 4px 8px;
|
||||
// border: solid 1px $gray;
|
||||
@include box-sizing;
|
||||
|
||||
li {
|
||||
margin: 0 6px 6px 0;
|
||||
padding: 0;
|
||||
}
|
||||
li,
|
||||
li > * {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
label {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
> label {
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
padding: 4px 0;
|
||||
}
|
||||
li label {
|
||||
padding-left: 4px;
|
||||
}
|
||||
}
|
||||
|
||||
/* tool bar */
|
||||
.toolbar {
|
||||
background-color: #f0f0f0;
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
|
||||
.sdm, .fn_g {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.sdm_o {
|
||||
top: 36px;
|
||||
}
|
||||
button {
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0 16px;
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: 15px;
|
||||
vertical-align: top;
|
||||
}
|
||||
.fn_btn {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
/* tiny scrollbar */
|
||||
.tinycanvas {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
||||
.viewport {
|
||||
width: auto;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.overview {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-width: 100%;
|
||||
height: 100%;
|
||||
|
||||
> .column {
|
||||
float: left;
|
||||
border-right: solid 1px #eee;
|
||||
padding: 0 12px 0 0;
|
||||
margin: 0 12px 0 0;
|
||||
height: 100%;
|
||||
|
||||
&:last-child {
|
||||
padding-right: 0;
|
||||
margin-right: 0;
|
||||
border-right: 0;
|
||||
}
|
||||
> ul {
|
||||
height: 100%;
|
||||
}
|
||||
.datalist_item {
|
||||
overflow: hidden;
|
||||
padding-top: 3px;
|
||||
@include box-sizing;
|
||||
|
||||
&:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
.inner {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include box-sizing;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.track {
|
||||
height: 100%;
|
||||
width: 6px;
|
||||
position: relative;
|
||||
}
|
||||
.thumb {
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
||||
.end {
|
||||
overflow: hidden;
|
||||
height: 6px;
|
||||
width: 6px;
|
||||
}
|
||||
}
|
||||
.scrollbar {
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
@include transition-type(opacity, 0.3);
|
||||
|
||||
&.dragging {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
&.sb_h {
|
||||
left: 0;
|
||||
bottom: -6px;
|
||||
height: 6px;
|
||||
}
|
||||
&.sb_v {
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 6px;
|
||||
}
|
||||
}
|
||||
.scrollbar.disable,
|
||||
&:hover .scrollbar.disable {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
&:hover .scrollbar {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.toolbar + &,
|
||||
.s_tab + & {
|
||||
height: 480px;
|
||||
}
|
||||
#panel_r & {
|
||||
padding: 12px 0;
|
||||
}
|
||||
}
|
||||
@@ -1 +0,0 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Oxygen:400,300,700);
|
||||
@@ -1,794 +0,0 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline; }
|
||||
|
||||
#container input, #container textarea, #container select, #container input:focus, #container textarea:focus {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
font-family: inherit; }
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block; }
|
||||
|
||||
body {
|
||||
line-height: 1; }
|
||||
|
||||
ol, ul {
|
||||
list-style: none; }
|
||||
|
||||
blockquote, q {
|
||||
quotes: none; }
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none; }
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0; }
|
||||
|
||||
/* basic setting */
|
||||
body {
|
||||
font-family: "Source Sans Pro", sans-serif;
|
||||
font-size: 12px;
|
||||
background-color: #000; }
|
||||
|
||||
a, a:hover {
|
||||
text-decoration: none;
|
||||
color: #666; }
|
||||
|
||||
a:focus {
|
||||
outline: none; }
|
||||
|
||||
.clear {
|
||||
clear: both; }
|
||||
|
||||
.clear:after {
|
||||
display: table;
|
||||
width: 100%;
|
||||
content: '';
|
||||
clear: both; }
|
||||
|
||||
.o-loading {
|
||||
font-size: 13px; }
|
||||
.fullsize .o-loading {
|
||||
padding: 12px; }
|
||||
.o-loading i {
|
||||
font-size: 20px; }
|
||||
|
||||
#thmbackground {
|
||||
min-height: 100%;
|
||||
min-width: 980px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1; }
|
||||
|
||||
#bgover {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
/* box-sizing element */
|
||||
.w1, .w2, .w4, .wh1, .wh2, .wh3, .w100, .pw,
|
||||
.h1, .h2, .h4, .hh1, .hh2, .hh3, .ph,
|
||||
.appholder,
|
||||
.appname,
|
||||
.tinycanvas {
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
|
||||
/* Desktop Global Style */
|
||||
.admbg {
|
||||
background-color: #fff; }
|
||||
|
||||
.admbg2 {
|
||||
background-color: #ddd; }
|
||||
|
||||
.admtxt {
|
||||
color: #666; }
|
||||
|
||||
.admtxt:hover {
|
||||
color: #666; }
|
||||
|
||||
.hfn {
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
margin: 12px 12px 0 0;
|
||||
position: relative; }
|
||||
|
||||
.thmtxt {
|
||||
position: relative; }
|
||||
|
||||
.ini_input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
.ini_input:focus {
|
||||
outline: none; }
|
||||
|
||||
/* - Opacity */
|
||||
.op00 {
|
||||
opacity: 0; }
|
||||
|
||||
.op01 {
|
||||
opacity: 0.1; }
|
||||
|
||||
.op02 {
|
||||
opacity: 0.2; }
|
||||
|
||||
.op03 {
|
||||
opacity: 0.3; }
|
||||
|
||||
.op04 {
|
||||
opacity: 0.4; }
|
||||
|
||||
.op05 {
|
||||
opacity: 0.5; }
|
||||
|
||||
.op06 {
|
||||
opacity: 0.6; }
|
||||
|
||||
.op07 {
|
||||
opacity: 0.7; }
|
||||
|
||||
.op08 {
|
||||
opacity: 0.8; }
|
||||
|
||||
.op09 {
|
||||
opacity: 0.9; }
|
||||
|
||||
.op10 {
|
||||
opacity: 1; }
|
||||
|
||||
/* - box set */
|
||||
.w1 {
|
||||
width: 120px; }
|
||||
|
||||
.w2 {
|
||||
width: 252px; }
|
||||
|
||||
.w4 {
|
||||
width: 512px; }
|
||||
|
||||
.wh1 {
|
||||
width: 36px; }
|
||||
|
||||
.wh2 {
|
||||
width: 60px; }
|
||||
|
||||
.wh3 {
|
||||
width: 84px; }
|
||||
|
||||
.w100 {
|
||||
width: 100%; }
|
||||
|
||||
.pw {
|
||||
width: 540px; }
|
||||
|
||||
.h1 {
|
||||
height: 120px; }
|
||||
|
||||
.h2 {
|
||||
height: 252px; }
|
||||
|
||||
.h4 {
|
||||
height: 512px; }
|
||||
|
||||
.hh1 {
|
||||
height: 36px; }
|
||||
|
||||
.hh2 {
|
||||
height: 60px; }
|
||||
|
||||
.hh3 {
|
||||
height: 84px; }
|
||||
|
||||
.ph {
|
||||
height: 516px; }
|
||||
|
||||
.hp {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px; }
|
||||
|
||||
.vp {
|
||||
padding-top: 12px;
|
||||
padding-bottom: 12px; }
|
||||
|
||||
.element {
|
||||
margin: 0 12px 12px 0;
|
||||
float: left;
|
||||
position: relative; }
|
||||
|
||||
.group {
|
||||
float: left;
|
||||
margin-right: 24px; }
|
||||
|
||||
/* desktop layout */
|
||||
#container {
|
||||
padding: 48px 0 0 156px; }
|
||||
|
||||
#header {
|
||||
padding: 0 0 12px 0;
|
||||
min-width: 800px;
|
||||
height: 72px; }
|
||||
|
||||
#side {
|
||||
width: 60px;
|
||||
height: 516px;
|
||||
position: absolute;
|
||||
margin-right: 96px;
|
||||
top: 120px;
|
||||
left: 0;
|
||||
z-index: 11; }
|
||||
|
||||
#holder {
|
||||
height: 516px;
|
||||
width: auto;
|
||||
position: relative; }
|
||||
|
||||
#rwidget {
|
||||
height: 516px; }
|
||||
|
||||
.widget_fn {
|
||||
display: block;
|
||||
overflow: hidden; }
|
||||
|
||||
.widget_icon {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 15px 0 0 15px; }
|
||||
|
||||
.docklist .d_cate {
|
||||
position: relative; }
|
||||
.docklist .d_cate .dock_child {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
top: 0; }
|
||||
.docklist .d_cate .dock_child .dock_item {
|
||||
float: left; }
|
||||
.docklist .d_cate:hover .dock_child {
|
||||
display: block; }
|
||||
|
||||
.fn_des.admtxt {
|
||||
line-height: 60px;
|
||||
padding: 0 12px;
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
min-width: 48px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
display: none; }
|
||||
|
||||
#search_app {
|
||||
position: relative;
|
||||
background-color: #fff; }
|
||||
#search_app .form {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
padding: 2px 12px;
|
||||
width: 192px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
background: none;
|
||||
border: 0; }
|
||||
#search_app .submit {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
top: 2px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
overflow: hidden;
|
||||
text-indent: -999px;
|
||||
cursor: pointer; }
|
||||
|
||||
.section_label {
|
||||
float: left;
|
||||
width: 132px;
|
||||
height: 516px; }
|
||||
.section_label li {
|
||||
font-size: 15px; }
|
||||
.section_label li:first-child {
|
||||
font-size: 18px; }
|
||||
|
||||
/* panel */
|
||||
#panel_l {
|
||||
background-color: #f0f0f0;
|
||||
float: left; }
|
||||
|
||||
#panel_r {
|
||||
margin-left: 252px;
|
||||
position: relative; }
|
||||
|
||||
/* Desktop Notification */
|
||||
#orbitnote {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -206px;
|
||||
z-index: 99999;
|
||||
width: 400px;
|
||||
padding: 0 6px 6px 6px;
|
||||
background-color: #000;
|
||||
background-color: rgba(0, 0, 0, 0.6); }
|
||||
#orbitnote .note_holder {
|
||||
background-color: #f3f3f3;
|
||||
border: solid 1px white;
|
||||
border-top: none;
|
||||
overflow: hidden;
|
||||
padding: 24px 24px; }
|
||||
#orbitnote .note_holder .note_type {
|
||||
float: left; }
|
||||
#orbitnote .note_holder .note_type img {
|
||||
display: block; }
|
||||
#orbitnote .note_holder .note_message {
|
||||
color: #333;
|
||||
margin: 10px 0 0 48px;
|
||||
font-size: 15px; }
|
||||
|
||||
/* Desktop Dialogue */
|
||||
#orbitdiag {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 12; }
|
||||
#orbitdiag .tile {
|
||||
background-color: #000; }
|
||||
#orbitdiag .diag_holder {
|
||||
background-color: #000; }
|
||||
#orbitdiag .diag_holder .diag_holder_inner {
|
||||
width: 600px;
|
||||
margin: 200px auto 0 auto;
|
||||
position: relative;
|
||||
padding: 30px 0; }
|
||||
#orbitdiag .diag_holder .diag_holder_inner .diag_message {
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
padding: 30px 0; }
|
||||
#orbitdiag .diag_holder .diag_holder_inner .diag_action {
|
||||
clear: both;
|
||||
text-align: right; }
|
||||
#orbitdiag .diag_holder .diag_holder_inner .diag_btn {
|
||||
display: inline-block;
|
||||
margin: 0 6px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
line-height: 36px; }
|
||||
#orbitdiag .diag_holder .diag_holder_inner .diag_btn:hover {
|
||||
outline: solid 2px white; }
|
||||
|
||||
/* Tile */
|
||||
.appname {
|
||||
font-size: 13px;
|
||||
line-height: 30px;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
padding: 0 12px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 3;
|
||||
white-space: nowrap; }
|
||||
[data-sizex="1"] .appname, .w1.h1 .appname {
|
||||
text-align: center; }
|
||||
[data-sizey="2"] .appname {
|
||||
font-size: 21px; }
|
||||
.hh2 .appname {
|
||||
position: relative;
|
||||
width: auto;
|
||||
padding: 0; }
|
||||
.fullsize .appname {
|
||||
display: none; }
|
||||
|
||||
.appicon {
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 0 auto;
|
||||
position: relative; }
|
||||
[data-sizex="1"] .appicon {
|
||||
margin-top: 24px; }
|
||||
#sections .appicon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
margin-right: 6px; }
|
||||
|
||||
.appholder {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: 12px;
|
||||
padding-bottom: 30px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden; }
|
||||
.fullsize .appholder {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
.dtitle {
|
||||
font-size: 30px;
|
||||
line-height: 60px;
|
||||
float: left;
|
||||
margin: 0 12px 0 0;
|
||||
position: relative;
|
||||
z-index: 9; }
|
||||
|
||||
.tile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
.gridster ul {
|
||||
margin: -6px 0 0 -6px; }
|
||||
|
||||
.widget.gs_w {
|
||||
cursor: move;
|
||||
overflow: hidden; }
|
||||
|
||||
/* header drop menu */
|
||||
.sdm_mdr .sdm_o {
|
||||
top: 36px; }
|
||||
|
||||
/* Setting Page */
|
||||
.theme_list .ssl_item, .stock_wallpaper .ssl_item {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0 0 12px 0;
|
||||
padding: 6px 0px;
|
||||
width: 132px;
|
||||
text-align: center;
|
||||
cursor: pointer; }
|
||||
|
||||
.theme_thumb, .stock_wallpaper img {
|
||||
border: solid 1px white;
|
||||
width: 120px;
|
||||
margin: 0 auto; }
|
||||
|
||||
.theme_thumb img, .stock_wallpaper img {
|
||||
display: block; }
|
||||
|
||||
.theme_name {
|
||||
font-size: 15px;
|
||||
padding: 8px 6px;
|
||||
display: block; }
|
||||
|
||||
.theme_preview {
|
||||
width: 528px;
|
||||
line-height: 36px;
|
||||
font-size: 15px; }
|
||||
|
||||
.theme_plate {
|
||||
overflow: hidden; }
|
||||
.theme_plate > div {
|
||||
float: left;
|
||||
margin-right: 12px; }
|
||||
.theme_plate > div:first-child {
|
||||
margin-right: 48px; }
|
||||
.theme_plate .g_sep {
|
||||
margin-right: 0; }
|
||||
|
||||
#color_input th {
|
||||
vertical-align: bottom; }
|
||||
|
||||
.stock_wallpaper .ssl_item {
|
||||
margin-bottom: 6px; }
|
||||
|
||||
.s_title {
|
||||
font-size: 21px;
|
||||
line-height: 60px;
|
||||
text-align: left; }
|
||||
.s_title.size_large {
|
||||
font-size: 36px; }
|
||||
.s_title.size_small {
|
||||
font-size: 15px;
|
||||
line-height: 2em; }
|
||||
|
||||
.s_subtitle {
|
||||
font-size: 15px;
|
||||
line-height: 1.5em;
|
||||
color: #ccc;
|
||||
padding: 12px 0 24px 0; }
|
||||
|
||||
.s_action {
|
||||
padding: 24px 0;
|
||||
margin-top: 12px;
|
||||
overflow: hidden;
|
||||
border-top: solid 1px #eeeeee;
|
||||
background-color: #fff; }
|
||||
|
||||
.setting_btn {
|
||||
display: block;
|
||||
float: right;
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
border: 0; }
|
||||
|
||||
.group_search {
|
||||
float: left;
|
||||
margin-right: 36px; }
|
||||
|
||||
.search_result {
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
max-width: 340px; }
|
||||
|
||||
.g_sep {
|
||||
width: 12px;
|
||||
border-left: solid 1px white;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
|
||||
.grp {
|
||||
height: 528px;
|
||||
float: left; }
|
||||
|
||||
.appgroup {
|
||||
float: left; }
|
||||
|
||||
.g_col {
|
||||
height: 516px;
|
||||
float: left; }
|
||||
|
||||
.g_col_w1 {
|
||||
width: 132px; }
|
||||
|
||||
.g_col_w2 {
|
||||
width: 264px; }
|
||||
|
||||
.ui-sortable-placeholder {
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
visibility: visible !important; }
|
||||
|
||||
/* list item */
|
||||
.list_t_item {
|
||||
overflow: hidden; }
|
||||
|
||||
.list_t_title {
|
||||
margin-bottom: 6px;
|
||||
color: #333;
|
||||
font-size: 15px; }
|
||||
|
||||
.list_t_des {
|
||||
line-height: 1.5em;
|
||||
color: #999;
|
||||
margin-bottom: 4px;
|
||||
font-size: 13px; }
|
||||
|
||||
.list_item_function a {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
font-size: 11px;
|
||||
-webkit-text-size-adjust: none; }
|
||||
|
||||
/* Journal Papers */
|
||||
[page-name="journal_p_list"] .list_t_item .inner {
|
||||
padding-left: 30px; }
|
||||
[page-name="journal_p_list"] .list_item_action {
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
margin-left: -30px; }
|
||||
[page-name="journal_p_list"] .list_item_action a {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 1px 1px 6px 1px; }
|
||||
[page-name="journal_p_list"] .list_item_action .icon-star-empty {
|
||||
color: #999;
|
||||
font-size: 20px; }
|
||||
[page-name="journal_p_list"] .list_item_action .icon-star {
|
||||
color: #faa732;
|
||||
font-size: 20px; }
|
||||
[page-name="journal_p_list"] .list_item_action .icon-check-empty {
|
||||
color: #999;
|
||||
font-size: 20px; }
|
||||
[page-name="journal_p_list"] .list_item_action .icon-check {
|
||||
color: #333;
|
||||
font-size: 20px; }
|
||||
[page-name="journal_p_list"] .file_view .list_t_des {
|
||||
overflow: hidden; }
|
||||
[page-name="journal_p_list"] .file_view .file {
|
||||
float: left;
|
||||
width: 120px;
|
||||
height: 50px;
|
||||
padding: 6px;
|
||||
margin: 1px;
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
[page-name="journal_p_list"] .file_view .file:hover {
|
||||
background-color: #f7f7f7; }
|
||||
[page-name="journal_p_list"] .file_view .file img {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 6px; }
|
||||
[page-name="journal_p_list"] .file_view .file .filetitle {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
padding-left: 40px;
|
||||
overflow: hidden;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
|
||||
/* Journal Paper Add */
|
||||
#paper_add .s_grid_con {
|
||||
float: left;
|
||||
height: 456px;
|
||||
margin-left: 12px;
|
||||
padding-left: 12px;
|
||||
border-left: solid 1px #eeeeee; }
|
||||
#paper_add .s_grid_con:first-child {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
border: none; }
|
||||
#paper_add .f_w {
|
||||
width: 336px; }
|
||||
#paper_add label {
|
||||
margin-right: 0; }
|
||||
|
||||
/* Journal Journal list */
|
||||
[page-name="journal_p_journal"] .datalist_item .inner {
|
||||
padding-left: 30px; }
|
||||
[page-name="journal_p_journal"] .list_item_action {
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
margin-left: -30px; }
|
||||
[page-name="journal_p_journal"] .list_item_action i {
|
||||
color: #999;
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 1px 1px 6px 1px; }
|
||||
[page-name="journal_p_journal"] .list_t_desc {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #999; }
|
||||
|
||||
/* Journal Co-Author */
|
||||
[page-name="journal_p_coauthor"] .list_t_item {
|
||||
height: 110px; }
|
||||
[page-name="journal_p_coauthor"] .list_item_function a {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
-webkit-text-size-adjust: none; }
|
||||
[page-name="journal_p_coauthor"] .info {
|
||||
font-family: Arial, sans-serif; }
|
||||
[page-name="journal_p_coauthor"] .info li {
|
||||
margin-bottom: 8px;
|
||||
color: #999; }
|
||||
[page-name="journal_p_coauthor"] .info .name {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
color: #333; }
|
||||
|
||||
/* Journal Co-Author Relationship*/
|
||||
[page-name="journal_p_coauthor_relation"] .edit_co_author_relation {
|
||||
/*margin-left: -10px;*/ }
|
||||
[page-name="journal_p_coauthor_relation"] .form_space {
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
font-family: Arial, sans-serif; }
|
||||
|
||||
/* Journal New Co-Author */
|
||||
#new_co_author label {
|
||||
margin-right: 0; }
|
||||
|
||||
/* App */
|
||||
.app_frame {
|
||||
margin: 48px 96px 48px 156px;
|
||||
min-width: 800px;
|
||||
min-height: 588px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 12; }
|
||||
.app_frame .app_holder {
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
width: 100%; }
|
||||
.app_frame #header .icon-remove {
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
cursor: pointer; }
|
||||
|
||||
/*Tooltip popup */
|
||||
.desktop_toolpopup {
|
||||
position: absolute;
|
||||
z-index: 10px;
|
||||
display: none;
|
||||
padding: 12px;
|
||||
cursor: default;
|
||||
background-color: #fff; }
|
||||
.desktop_toolpopup span {
|
||||
margin: 3px 0 3px 0; }
|
||||
@@ -1,805 +0,0 @@
|
||||
@import "desktop-helper";
|
||||
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
#container input, #container textarea, #container select, #container input:focus, #container textarea:focus {
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
font-family: inherit;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
/* basic setting */
|
||||
body {
|
||||
@include font-main(12);
|
||||
background-color: #000;
|
||||
}
|
||||
a, a:hover { text-decoration: none; color: #666; }
|
||||
a:focus { outline: none; }
|
||||
.clear { clear: both; }
|
||||
.clear:after {
|
||||
display: table;
|
||||
width: 100%;
|
||||
content: '';
|
||||
clear: both;
|
||||
}
|
||||
.o-loading {
|
||||
font-size: 13px;
|
||||
// font-weight: normal;
|
||||
|
||||
.fullsize & {
|
||||
padding: 12px;
|
||||
}
|
||||
i {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
#thmbackground {
|
||||
min-height: 100%;
|
||||
min-width: 980px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
#bgover {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* box-sizing element */
|
||||
.w1, .w2, .w4, .wh1, .wh2, .wh3, .w100, .pw,
|
||||
.h1, .h2, .h4, .hh1, .hh2, .hh3, .ph,
|
||||
.appholder,
|
||||
.appname,
|
||||
.tinycanvas/*,
|
||||
.tinycanvas .overview > .column,
|
||||
.tinycanvas .overview > .column .datalist_item*/ {
|
||||
@include box-sizing;
|
||||
}
|
||||
|
||||
/* Desktop Global Style */
|
||||
.admbg { background-color: #fff; }
|
||||
.admbg2 { background-color: #ddd; }
|
||||
.admtxt { color: #666; }
|
||||
.admtxt:hover { color: #666; }
|
||||
.hfn {
|
||||
font-size: 15px;
|
||||
line-height: 36px;
|
||||
float: left;
|
||||
margin: 12px 12px 0 0;
|
||||
position: relative;
|
||||
}
|
||||
.thmtxt { position: relative; }
|
||||
.ini_input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.ini_input:focus { outline: none; }
|
||||
|
||||
/* - Opacity */
|
||||
@for $i from 0 through 10 {
|
||||
$k: $i;
|
||||
@if $k < 10 {
|
||||
$k: 0#{$i};
|
||||
}
|
||||
.op#{$k} {
|
||||
opacity: $i * 0.1;
|
||||
}
|
||||
}
|
||||
|
||||
/* - box set */
|
||||
.w1 { width: 120px; }
|
||||
.w2 { width: 252px; }
|
||||
.w4 { width: 512px; }
|
||||
.wh1 { width: 36px; }
|
||||
.wh2 { width: 60px; }
|
||||
.wh3 { width: 84px; }
|
||||
.w100 { width: 100%; }
|
||||
.pw { width: 540px; }
|
||||
|
||||
.h1 { height: 120px; }
|
||||
.h2 { height: 252px; }
|
||||
.h4 { height: 512px; }
|
||||
.hh1 { height: 36px; }
|
||||
.hh2 { height: 60px; }
|
||||
.hh3 { height: 84px; }
|
||||
.ph { height: 516px; }
|
||||
|
||||
.hp { padding-left: 12px; padding-right: 12px; }
|
||||
.vp { padding-top: 12px; padding-bottom: 12px; }
|
||||
.element {
|
||||
margin: 0 12px 12px 0;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.group{
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
}
|
||||
|
||||
/* desktop layout */
|
||||
#container {
|
||||
padding: 48px 0 0 156px;
|
||||
}
|
||||
#header {
|
||||
padding: 0 0 12px 0;
|
||||
min-width: 800px;
|
||||
height: 72px;
|
||||
}
|
||||
#side {
|
||||
width: 60px;
|
||||
height: 516px;
|
||||
position: absolute;
|
||||
margin-right: 96px;
|
||||
top: 120px;
|
||||
left: 0;
|
||||
z-index: 11;
|
||||
}
|
||||
#holder {
|
||||
height: 516px;
|
||||
width: auto;
|
||||
position: relative;
|
||||
}
|
||||
#rwidget {
|
||||
height: 516px;
|
||||
}
|
||||
.widget_fn {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
.widget_icon {
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin: 15px 0 0 15px;
|
||||
}
|
||||
.docklist {
|
||||
|
||||
.d_cate {
|
||||
position: relative;
|
||||
|
||||
.dock_child {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
top: 0;
|
||||
|
||||
.dock_item {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
& .d_cate:hover .dock_child {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.fn_des.admtxt {
|
||||
line-height: 60px;
|
||||
padding: 0 12px;
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
z-index: 9;
|
||||
min-width: 48px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#search_app {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
|
||||
.form {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
padding: 2px 12px;
|
||||
width: 192px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
background: none;
|
||||
border: 0;
|
||||
}
|
||||
.submit {
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
top: 2px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
overflow: hidden;
|
||||
text-indent: -999px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.section_label {
|
||||
float: left;
|
||||
width: 132px;
|
||||
height:516px;
|
||||
|
||||
li {
|
||||
font-size: 15px;
|
||||
}
|
||||
li:first-child {
|
||||
font-size: 18px;
|
||||
// font-weight: normal;
|
||||
}
|
||||
}
|
||||
/* panel */
|
||||
#panel_l {
|
||||
background-color: #f0f0f0;
|
||||
float: left;
|
||||
}
|
||||
#panel_r {
|
||||
margin-left: 252px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Desktop Notification */
|
||||
#orbitnote {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -206px;
|
||||
z-index: 99999;
|
||||
width: 400px;
|
||||
padding: 0 6px 6px 6px;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
|
||||
.note_holder {
|
||||
background-color: #f3f3f3;
|
||||
border: solid 1px #fff;
|
||||
border-top: none;
|
||||
overflow: hidden;
|
||||
padding: 24px 24px;
|
||||
|
||||
.note_type {
|
||||
float: left;
|
||||
|
||||
img {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.note_message {
|
||||
color: #333;
|
||||
margin: 10px 0 0 48px;
|
||||
font-size: 15px;
|
||||
// font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Desktop Dialogue */
|
||||
#orbitdiag {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 12;
|
||||
|
||||
.tile {
|
||||
background-color: #000;
|
||||
}
|
||||
.diag_holder {
|
||||
background-color: #000;
|
||||
|
||||
.diag_holder_inner {
|
||||
width: 600px;
|
||||
margin: 200px auto 0 auto;
|
||||
position: relative;
|
||||
padding: 30px 0;
|
||||
|
||||
.diag_message {
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.diag_action {
|
||||
clear: both;
|
||||
text-align: right;
|
||||
}
|
||||
.diag_btn {
|
||||
display: inline-block;
|
||||
margin: 0 6px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
// font-weight: normal;
|
||||
line-height: 36px;
|
||||
|
||||
&:hover {
|
||||
outline: solid 2px #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Tile */
|
||||
.appname {
|
||||
font-size: 13px;
|
||||
line-height: 30px;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
padding: 0 12px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
z-index: 3;
|
||||
white-space: nowrap;
|
||||
|
||||
[data-sizex="1"] &,
|
||||
.w1.h1 & {
|
||||
text-align: center;
|
||||
}
|
||||
[data-sizey="2"] & {
|
||||
font-size: 21px;
|
||||
// font-weight: normal;
|
||||
}
|
||||
.hh2 & {
|
||||
position: relative;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
}
|
||||
.fullsize & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.appicon {
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
|
||||
[data-sizex="1"] & {
|
||||
margin-top: 24px;
|
||||
}
|
||||
#sections & {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
margin-right: 6px;
|
||||
}
|
||||
}
|
||||
.appholder {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
padding: 12px;
|
||||
padding-bottom: 30px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
|
||||
.fullsize & {
|
||||
position: absolute;
|
||||
padding: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
.dtitle {
|
||||
font-size: 30px;
|
||||
line-height: 60px;
|
||||
float: left;
|
||||
margin: 0 12px 0 0;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
.tile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.gridster ul {
|
||||
margin: -6px 0 0 -6px;
|
||||
}
|
||||
.widget.gs_w {
|
||||
cursor: move;
|
||||
overflow: hidden;
|
||||
}
|
||||
// .app.gs_w:active {
|
||||
// -webkit-transform: scale(0.9);
|
||||
// -moz-transform: scale(0.9);
|
||||
// transform: scale(0.9);
|
||||
// }
|
||||
|
||||
/* header drop menu */
|
||||
.sdm_mdr .sdm_o { top: 36px; }
|
||||
|
||||
/* Setting Page */
|
||||
.theme_list {}
|
||||
.theme_list .ssl_item, .stock_wallpaper .ssl_item {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
margin: 0 0 12px 0;
|
||||
padding: 6px 0px;
|
||||
width: 132px;
|
||||
text-align: center;
|
||||
cursor: pointer
|
||||
}
|
||||
.theme_thumb, .stock_wallpaper img {
|
||||
border: solid 1px #fff;
|
||||
width: 120px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.theme_thumb img, .stock_wallpaper img {
|
||||
display: block;
|
||||
}
|
||||
.theme_name {
|
||||
font-size: 15px;
|
||||
padding: 8px 6px;
|
||||
display: block;
|
||||
}
|
||||
.theme_preview {
|
||||
width: 528px;
|
||||
line-height: 36px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.theme_plate {
|
||||
overflow: hidden;
|
||||
|
||||
> div {
|
||||
float: left;
|
||||
margin-right: 12px;
|
||||
}
|
||||
> div:first-child {
|
||||
margin-right: 48px;
|
||||
}
|
||||
.g_sep {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
#color_input th {
|
||||
vertical-align: bottom
|
||||
}
|
||||
.stock_wallpaper {
|
||||
.ssl_item {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.s_title {
|
||||
font-size: 21px;
|
||||
// font-weight: normal;
|
||||
line-height: 60px;
|
||||
text-align: left;
|
||||
|
||||
&.size_large {
|
||||
font-size: 36px;
|
||||
}
|
||||
&.size_small {
|
||||
font-size: 15px;
|
||||
line-height: 2em;
|
||||
}
|
||||
}
|
||||
.s_subtitle {
|
||||
font-size: 15px;
|
||||
line-height: 1.5em;
|
||||
color: #ccc;
|
||||
padding: 12px 0 24px 0;
|
||||
}
|
||||
.s_action {
|
||||
padding: 24px 0;
|
||||
margin-top: 12px;
|
||||
overflow: hidden;
|
||||
border-top: solid 1px #eee;
|
||||
background-color: #fff;
|
||||
}
|
||||
.setting_btn {
|
||||
display: block;
|
||||
float: right;
|
||||
font-size: 15px;
|
||||
// font-weight: normal;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
.group_search{
|
||||
float: left;
|
||||
margin-right: 36px;
|
||||
|
||||
}
|
||||
.search_result{
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
max-width: 340px;
|
||||
}
|
||||
.g_sep {
|
||||
width: 12px;
|
||||
border-left: solid 1px #fff;
|
||||
@include box-sizing;
|
||||
}
|
||||
|
||||
|
||||
#group_wrapper {}
|
||||
.grp {
|
||||
height:528px;
|
||||
float: left;
|
||||
}
|
||||
.appgroup {
|
||||
float: left;
|
||||
}
|
||||
.g_col {
|
||||
height: 516px;
|
||||
float: left;
|
||||
}
|
||||
.g_col_w1 { width: 132px; }
|
||||
.g_col_w2 { width: 264px; }
|
||||
.ui-sortable-placeholder {
|
||||
background-color: rgba(0,0,0,0.2);
|
||||
visibility: visible !important;
|
||||
}
|
||||
|
||||
/* list item */
|
||||
.list_t_item { overflow: hidden; }
|
||||
.list_t_title {
|
||||
margin-bottom: 6px;
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
// font-weight: normal;
|
||||
}
|
||||
.list_t_des {
|
||||
line-height: 1.5em;
|
||||
color: #999;
|
||||
margin-bottom: 4px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.list_item_function a {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
font-size: 11px;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
/* Journal Papers */
|
||||
[page-name="journal_p_list"] {
|
||||
.list_t_item .inner { padding-left: 30px; }
|
||||
.list_item_action {
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
margin-left: -30px;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 1px 1px 6px 1px;
|
||||
}
|
||||
.icon-star-empty { color: #999; font-size: 20px; }
|
||||
.icon-star { color: #faa732; font-size: 20px; }
|
||||
.icon-check-empty { color: #999; font-size: 20px; }
|
||||
.icon-check { color: #333; font-size: 20px; }
|
||||
}
|
||||
|
||||
.file_view {
|
||||
.list_t_des {
|
||||
overflow: hidden;
|
||||
}
|
||||
.file {
|
||||
float: left;
|
||||
width: 120px;
|
||||
height: 50px;
|
||||
padding: 6px;
|
||||
margin: 1px;
|
||||
position: relative;
|
||||
@include box-sizing;
|
||||
|
||||
&:hover {
|
||||
background-color: lighten($gray, 10%);
|
||||
}
|
||||
img {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
top: 6px;
|
||||
}
|
||||
.filetitle {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 38px;
|
||||
padding-left: 40px;
|
||||
overflow: hidden;
|
||||
@include box-sizing;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Journal Paper Add */
|
||||
#paper_add {
|
||||
.s_grid_con {
|
||||
float: left;
|
||||
height: 456px;
|
||||
margin-left: 12px;
|
||||
padding-left: 12px;
|
||||
border-left: solid 1px #eee;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
.f_w { width: 336px; }
|
||||
label { margin-right: 0; }
|
||||
}
|
||||
|
||||
/* Journal Journal list */
|
||||
[page-name="journal_p_journal"] {
|
||||
|
||||
.datalist_item .inner {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.list_item_action {
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
margin-left: -30px;
|
||||
}
|
||||
.list_item_action i {
|
||||
color: #999;
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 1px 1px 6px 1px;
|
||||
}
|
||||
.list_t_desc {
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
/* Journal Co-Author */
|
||||
[page-name="journal_p_coauthor"] {
|
||||
.list_t_item {
|
||||
height: 110px;
|
||||
}
|
||||
.list_item_function {}
|
||||
.list_item_function a {
|
||||
display: inline-block;
|
||||
padding: 4px;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
.info {
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
.info li {
|
||||
margin-bottom: 8px;
|
||||
color: #999;
|
||||
}
|
||||
.info .name {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
|
||||
/* Journal Co-Author Relationship*/
|
||||
[page-name="journal_p_coauthor_relation"]{
|
||||
.edit_co_author_relation {
|
||||
/*margin-left: -10px;*/
|
||||
}
|
||||
.form_space {
|
||||
margin-bottom: 10px;
|
||||
font-size: 18px;
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
}
|
||||
/* Journal New Co-Author */
|
||||
#new_co_author label {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
/* App */
|
||||
.app_frame {
|
||||
margin: 48px 96px 48px 156px;
|
||||
min-width: 800px;
|
||||
min-height: 588px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 12;
|
||||
|
||||
.app_holder {
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
#header .icon-remove {
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
/*Tooltip popup */
|
||||
.desktop_toolpopup {
|
||||
position: absolute;
|
||||
z-index: 10px;
|
||||
display: none;
|
||||
padding: 12px;
|
||||
cursor: default;
|
||||
background-color: #fff;
|
||||
|
||||
span {
|
||||
margin: 3px 0 3px 0;
|
||||
}
|
||||
h3 {}
|
||||
h2 {}
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
@media only screen and (min-width: 1240px){
|
||||
|
||||
#panel_r.pw { width: 800px; }
|
||||
|
||||
}
|
||||
@media only screen and (min-width: 1900px){
|
||||
|
||||
#panel_r.pw { width: 1400px; }
|
||||
|
||||
}
|
||||
@@ -1,407 +0,0 @@
|
||||
/*
|
||||
Version: 3.3.1 Timestamp: Wed Feb 20 09:57:22 PST 2013
|
||||
*/
|
||||
.select2-container {
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
/* inline-block for ie7 */
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
vertical-align: top; }
|
||||
|
||||
.select2-container,
|
||||
.select2-drop,
|
||||
.select2-search,
|
||||
.select2-search input {
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
|
||||
.select2-container .select2-choice {
|
||||
display: block;
|
||||
height: 30px;
|
||||
padding: 0 0 0 8px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border: 1px solid #dddddd;
|
||||
white-space: nowrap;
|
||||
line-height: 30px;
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
background-color: #fff;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.select2-container.select2-drop-above .select2-choice {
|
||||
border-bottom-color: #dddddd; }
|
||||
|
||||
.select2-container .select2-choice span {
|
||||
margin-right: 26px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
-ms-text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis; }
|
||||
|
||||
.select2-container .select2-choice abbr {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
right: 26px;
|
||||
top: 8px;
|
||||
font-size: 1px;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
background: url("select2/select2.png") right top no-repeat;
|
||||
cursor: pointer;
|
||||
outline: 0; }
|
||||
|
||||
.select2-container .select2-choice abbr:hover {
|
||||
background-position: right -11px;
|
||||
cursor: pointer; }
|
||||
|
||||
.select2-drop-mask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 9998;
|
||||
opacity: 0; }
|
||||
|
||||
.select2-drop {
|
||||
width: 100%;
|
||||
margin-top: -1px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
top: 100%;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
border: 2px solid #dddddd; }
|
||||
|
||||
.select2-drop.select2-drop-above {
|
||||
margin-top: 1px; }
|
||||
|
||||
.select2-container .select2-choice div {
|
||||
display: block;
|
||||
width: 21px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border-left: solid 1px #dddddd;
|
||||
-webkit-box-sizing: border-box;
|
||||
/* webkit */
|
||||
-khtml-box-sizing: border-box;
|
||||
/* konqueror */
|
||||
-moz-box-sizing: border-box;
|
||||
/* firefox */
|
||||
-ms-box-sizing: border-box;
|
||||
/* ie */
|
||||
box-sizing: border-box;
|
||||
/* css3 */ }
|
||||
|
||||
.select2-container .select2-choice div b {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url("select2/select2.png") no-repeat 0 50%; }
|
||||
|
||||
.select2-search {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
min-height: 26px;
|
||||
margin: 0;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
position: relative;
|
||||
z-index: 10000;
|
||||
white-space: nowrap; }
|
||||
|
||||
.select2-search-hidden {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -10000px; }
|
||||
|
||||
.select2-search input {
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
min-height: 26px;
|
||||
padding: 4px 20px 4px 5px;
|
||||
margin: 0;
|
||||
outline: 0;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
border: 1px solid #dddddd; }
|
||||
|
||||
.select2-drop.select2-drop-above .select2-search input {
|
||||
margin-top: 4px; }
|
||||
|
||||
.select2-search input.select2-active {
|
||||
background: white url("select2/spinner.gif") no-repeat 100%; }
|
||||
|
||||
.select2-container-active .select2-choice,
|
||||
.select2-container-active .select2-choices {
|
||||
outline: none; }
|
||||
|
||||
.select2-dropdown-open .select2-choice {
|
||||
border-bottom-color: transparent; }
|
||||
|
||||
.select2-dropdown-open .select2-choice div {
|
||||
background-color: #dddddd;
|
||||
filter: none; }
|
||||
|
||||
.select2-dropdown-open .select2-choice div b {
|
||||
background-position: -20px 50%; }
|
||||
|
||||
/* results */
|
||||
.select2-results {
|
||||
max-height: 200px;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||
|
||||
.select2-results ul.select2-result-sub {
|
||||
margin: 0; }
|
||||
|
||||
.select2-results ul.select2-result-sub > li .select2-result-label {
|
||||
padding-left: 20px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||
padding-left: 40px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||
padding-left: 60px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||
padding-left: 80px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||
padding-left: 100px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||
padding-left: 110px; }
|
||||
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||
padding-left: 120px; }
|
||||
|
||||
.select2-results li {
|
||||
list-style: none;
|
||||
display: list-item;
|
||||
background-image: none;
|
||||
border-top: solid 1px #f7f7f7; }
|
||||
.select2-results li :first-child {
|
||||
border-top: 0; }
|
||||
|
||||
.select2-results li.select2-result-with-children > .select2-result-label {
|
||||
font-weight: bold; }
|
||||
|
||||
.select2-results .select2-result-label {
|
||||
padding: 6px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.select2-results .select2-highlighted {
|
||||
background: #666;
|
||||
color: #fff; }
|
||||
|
||||
.select2-results li em {
|
||||
background: #feffde;
|
||||
font-style: normal; }
|
||||
|
||||
.select2-results .select2-highlighted em {
|
||||
background: transparent; }
|
||||
|
||||
.select2-results .select2-highlighted ul {
|
||||
background: white;
|
||||
color: #000; }
|
||||
|
||||
.select2-results .select2-no-results,
|
||||
.select2-results .select2-searching,
|
||||
.select2-results .select2-selection-limit {
|
||||
background: #f4f4f4;
|
||||
padding: 4px 7px;
|
||||
font-weight: normal;
|
||||
display: list-item; }
|
||||
|
||||
/*
|
||||
disabled look for disabled choices in the results dropdown
|
||||
*/
|
||||
.select2-results .select2-disabled.select2-highlighted {
|
||||
color: #666;
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
cursor: default; }
|
||||
|
||||
.select2-results .select2-disabled {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
cursor: default; }
|
||||
|
||||
.select2-results .select2-selected {
|
||||
display: none; }
|
||||
|
||||
.select2-more-results.select2-active {
|
||||
background: #f4f4f4 url("select2/spinner.gif") no-repeat 100%; }
|
||||
|
||||
.select2-more-results {
|
||||
background: #f4f4f4;
|
||||
display: list-item; }
|
||||
|
||||
/* disabled styles */
|
||||
.select2-container.select2-container-disabled .select2-choice {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #dddddd;
|
||||
cursor: default; }
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice div {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border-left: 0; }
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice abbr {
|
||||
display: none; }
|
||||
|
||||
/* multiselect */
|
||||
.select2-container-multi .select2-choices {
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
border: 1px solid #dddddd;
|
||||
cursor: text;
|
||||
overflow: hidden;
|
||||
background-color: #fff; }
|
||||
|
||||
.select2-locked {
|
||||
padding: 3px 5px 3px 5px !important; }
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
min-height: 26px; }
|
||||
|
||||
.select2-container-multi.select2-container-active .select2-choices {
|
||||
outline: none; }
|
||||
|
||||
.select2-container-multi .select2-choices li {
|
||||
float: left;
|
||||
list-style: none; }
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap; }
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input {
|
||||
padding: 5px;
|
||||
height: 30px;
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
color: #666;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
background: transparent !important; }
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||
background: white url("select2/spinner.gif") no-repeat 100% !important; }
|
||||
|
||||
.select2-default {
|
||||
color: #999999 !important; }
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice {
|
||||
padding: 3px 5px 3px 18px;
|
||||
margin: 3px 0 3px 5px;
|
||||
position: relative;
|
||||
line-height: 13px;
|
||||
color: #333;
|
||||
cursor: default;
|
||||
border: 1px solid #dddddd;
|
||||
background-color: #e4e4e4;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice span {
|
||||
cursor: default; }
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||
background: #d4d4d4; }
|
||||
|
||||
.select2-search-choice-close {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 5px;
|
||||
font-size: 1px;
|
||||
outline: none;
|
||||
background: url("select2/select2.png") right top no-repeat; }
|
||||
|
||||
.select2-container-multi .select2-search-choice-close {
|
||||
left: 3px; }
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
|
||||
background-position: right -20px; }
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
|
||||
background-position: right -20px; }
|
||||
|
||||
/* disabled styles */
|
||||
.select2-container-multi.select2-container-disabled .select2-choices {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #dddddd;
|
||||
cursor: default; }
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
||||
padding: 3px 5px 3px 5px;
|
||||
border: 1px solid #dddddd;
|
||||
background-image: none;
|
||||
background-color: #f4f4f4; }
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
|
||||
display: none; }
|
||||
|
||||
/* end multiselect */
|
||||
.select2-result-selectable .select2-match,
|
||||
.select2-result-unselectable .select2-match {
|
||||
text-decoration: underline; }
|
||||
|
||||
.select2-offscreen {
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
top: 0; }
|
||||
|
||||
/* Retina-ize icons */
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
|
||||
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
|
||||
background-image: url("select2/select2x2.png") !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 60px 40px !important; }
|
||||
|
||||
.select2-search input {
|
||||
background-position: 100% -21px !important; } }
|
||||
@@ -1,447 +0,0 @@
|
||||
@import "desktop-helper";
|
||||
|
||||
/*
|
||||
Version: 3.3.1 Timestamp: Wed Feb 20 09:57:22 PST 2013
|
||||
*/
|
||||
.select2-container {
|
||||
// position: relative; original setting from select2
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
/* inline-block for ie7 */
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.select2-container,
|
||||
.select2-drop,
|
||||
.select2-search,
|
||||
.select2-search input{
|
||||
@include box-sizing;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice {
|
||||
display: block;
|
||||
height: 30px;
|
||||
padding: 0 0 0 8px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border: 1px solid $gray;
|
||||
white-space: nowrap;
|
||||
line-height: 30px;
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
background-color: #fff;
|
||||
@include no-select;
|
||||
}
|
||||
|
||||
.select2-container.select2-drop-above .select2-choice {
|
||||
border-bottom-color: $gray;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice span {
|
||||
margin-right: 26px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
-ms-text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice abbr {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
right: 26px;
|
||||
top: 8px;
|
||||
|
||||
font-size: 1px;
|
||||
text-decoration: none;
|
||||
|
||||
border: 0;
|
||||
background: url('select2/select2.png') right top no-repeat;
|
||||
cursor: pointer;
|
||||
outline: 0;
|
||||
}
|
||||
.select2-container .select2-choice abbr:hover {
|
||||
background-position: right -11px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.select2-drop-mask {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 9998;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.select2-drop {
|
||||
width: 100%;
|
||||
margin-top:-1px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
top: 100%;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
border: 2px solid $gray;
|
||||
// border-top: 0;
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above {
|
||||
margin-top: 1px;
|
||||
// border-top: 1px solid $gray;
|
||||
// border-bottom: 0;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice div {
|
||||
display: block;
|
||||
width: 21px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border-left: solid 1px $gray;
|
||||
@include box-sizing;
|
||||
}
|
||||
|
||||
.select2-container .select2-choice div b {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('select2/select2.png') no-repeat 0 50%;
|
||||
}
|
||||
|
||||
.select2-search {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
min-height: 26px;
|
||||
margin: 0;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
|
||||
position: relative;
|
||||
z-index: 10000;
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-search-hidden {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
}
|
||||
|
||||
.select2-search input {
|
||||
width: 100%;
|
||||
height: auto !important;
|
||||
min-height: 26px;
|
||||
padding: 4px 20px 4px 5px;
|
||||
margin: 0;
|
||||
|
||||
outline: 0;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
|
||||
border: 1px solid $gray;
|
||||
}
|
||||
|
||||
.select2-drop.select2-drop-above .select2-search input {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.select2-search input.select2-active {
|
||||
background: #fff image-url('select2-spinner.gif') no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-container-active .select2-choice,
|
||||
.select2-container-active .select2-choices {
|
||||
// border: 1px solid #5897fb;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice {
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.select2-dropdown-open .select2-choice div {
|
||||
background-color: $gray;
|
||||
// border-left: none;
|
||||
filter: none;
|
||||
}
|
||||
.select2-dropdown-open .select2-choice div b {
|
||||
background-position: -20px 50%;
|
||||
}
|
||||
|
||||
/* results */
|
||||
.select2-results {
|
||||
max-height: 200px;
|
||||
// padding: 0 0 0 4px;
|
||||
// margin: 4px 4px 4px 0;
|
||||
font-size: 13px;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
|
||||
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
|
||||
|
||||
.select2-results li {
|
||||
list-style: none;
|
||||
display: list-item;
|
||||
background-image: none;
|
||||
border-top: solid 1px lighten($gray, 10%);
|
||||
|
||||
:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.select2-results li.select2-result-with-children > .select2-result-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.select2-results .select2-result-label {
|
||||
padding: 6px;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
|
||||
@include no-select;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted {
|
||||
background: #666;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.select2-results li em {
|
||||
background: #feffde;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted em {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.select2-results .select2-highlighted ul {
|
||||
background: white;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
.select2-results .select2-no-results,
|
||||
.select2-results .select2-searching,
|
||||
.select2-results .select2-selection-limit {
|
||||
background: #f4f4f4;
|
||||
padding: 4px 7px;
|
||||
font-weight: normal;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/*
|
||||
disabled look for disabled choices in the results dropdown
|
||||
*/
|
||||
.select2-results .select2-disabled.select2-highlighted {
|
||||
color: #666;
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
cursor: default;
|
||||
}
|
||||
.select2-results .select2-disabled {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-results .select2-selected {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-more-results.select2-active {
|
||||
background: #f4f4f4 image-url('select2-spinner.gif') no-repeat 100%;
|
||||
}
|
||||
|
||||
.select2-more-results {
|
||||
background: #f4f4f4;
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice div {
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.select2-container.select2-container-disabled .select2-choice abbr {
|
||||
display: none
|
||||
}
|
||||
|
||||
|
||||
/* multiselect */
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
|
||||
border: 1px solid $gray;
|
||||
cursor: text;
|
||||
overflow: hidden;
|
||||
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.select2-locked {
|
||||
padding: 3px 5px 3px 5px !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices {
|
||||
min-height: 26px;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-active .select2-choices {
|
||||
// border: 1px solid #5897fb;
|
||||
outline: none;
|
||||
}
|
||||
.select2-container-multi .select2-choices li {
|
||||
float: left;
|
||||
list-style: none;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-field {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input {
|
||||
padding: 5px;
|
||||
// margin: 1px 0;
|
||||
height: 30px;
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
color: #666;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||
background: #fff image-url('select2-spinner.gif') no-repeat 100% !important;
|
||||
}
|
||||
|
||||
.select2-default {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice {
|
||||
padding: 3px 5px 3px 18px;
|
||||
margin: 3px 0 3px 5px;
|
||||
position: relative;
|
||||
|
||||
line-height: 13px;
|
||||
color: #333;
|
||||
cursor: default;
|
||||
border: 1px solid $gray;
|
||||
background-color: #e4e4e4;
|
||||
@include no-select;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-choice span {
|
||||
cursor: default;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||
background: #d4d4d4;
|
||||
}
|
||||
|
||||
.select2-search-choice-close {
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 5px;
|
||||
font-size: 1px;
|
||||
outline: none;
|
||||
background: url('select2/select2.png') right top no-repeat;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-search-choice-close {
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
|
||||
background-position: right -20px;
|
||||
}
|
||||
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
|
||||
background-position: right -20px;
|
||||
}
|
||||
|
||||
/* disabled styles */
|
||||
.select2-container-multi.select2-container-disabled .select2-choices{
|
||||
background-color: #f4f4f4;
|
||||
background-image: none;
|
||||
border: 1px solid #ddd;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
||||
padding: 3px 5px 3px 5px;
|
||||
border: 1px solid #ddd;
|
||||
background-image: none;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
|
||||
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
|
||||
display: none;
|
||||
}
|
||||
/* end multiselect */
|
||||
|
||||
|
||||
.select2-result-selectable .select2-match,
|
||||
.select2-result-unselectable .select2-match {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.select2-offscreen {
|
||||
position: absolute;
|
||||
left: -10000px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Retina-ize icons */
|
||||
|
||||
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
|
||||
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
|
||||
background-image: url('select2/select2x2.png') !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: 60px 40px !important;
|
||||
}
|
||||
.select2-search input {
|
||||
background-position: 100% -21px !important;
|
||||
}
|
||||
}
|
||||
@@ -1,155 +0,0 @@
|
||||
#orbit .viewport {
|
||||
background: -1px 4px url(<%= asset_path "timeline/ruler.png" %>) repeat-x;
|
||||
}
|
||||
#orbit #holder > .admbg {
|
||||
background-color: #efefef;
|
||||
}
|
||||
.time_nav a, .time_nav_c a {
|
||||
display: block;
|
||||
}
|
||||
.time_nav {
|
||||
position: absolute;
|
||||
left: -60px;
|
||||
top: 0;
|
||||
}
|
||||
.time_nav a {
|
||||
line-height: 60px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
}
|
||||
.time_nav .active {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
.time_nav_c {
|
||||
position: absolute;
|
||||
left: -60px;
|
||||
bottom: 0;
|
||||
background-color: #efefef;
|
||||
}
|
||||
.time_nav_c a {
|
||||
width: 30px;
|
||||
height: 36px;
|
||||
float: left;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
.t_scale {
|
||||
height: 516px;
|
||||
}
|
||||
#scale_wrapper {
|
||||
overflow: hidden;
|
||||
padding: 24px 0 0 12px;
|
||||
background: 0 48px url(<%= asset_path "timeline/date_connector.png" %>) repeat-x;
|
||||
}
|
||||
#timline_marker {
|
||||
width:100px;
|
||||
height:140px;
|
||||
opacity:0.4;
|
||||
cursor: move;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-radius:5px;
|
||||
}
|
||||
#t_container {
|
||||
height:366px;
|
||||
}
|
||||
.scale_region {
|
||||
}
|
||||
.group {
|
||||
margin-right: 48px;
|
||||
}
|
||||
.month {
|
||||
|
||||
}
|
||||
.year {
|
||||
font-size: 30px;
|
||||
margin-right: 24px;
|
||||
border-right: solid 12px #efefef;
|
||||
border-left: solid 12px #efefef;
|
||||
}
|
||||
.region_year {
|
||||
position: relative;
|
||||
}
|
||||
.month_heading {
|
||||
color: #333;
|
||||
font-family: 'Open sans', sans-serif;
|
||||
font-size: 21px;
|
||||
display: inline-block;
|
||||
margin-top: -10px;
|
||||
padding-top: 22px;
|
||||
background: #efefef 9px 0 url(<%= asset_path "timeline/pp.png" %>) no-repeat;
|
||||
}
|
||||
|
||||
.bubble_list ul {
|
||||
float:left;
|
||||
width: 324px;
|
||||
height: 440px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
.bubble {
|
||||
cursor: pointer;
|
||||
width: 300px;
|
||||
height: 50px;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
font-family: Arial, sans-serif;
|
||||
margin-bottom: 12px;
|
||||
position: relative;
|
||||
}
|
||||
.date {
|
||||
display: block;
|
||||
padding: 8px 0 0 0;
|
||||
color: #999;
|
||||
}
|
||||
.bubble_arrow {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 14px solid transparent;
|
||||
border-bottom: 14px solid transparent;
|
||||
border-right: 14px solid #fff;
|
||||
position: absolute;
|
||||
right: -1px;
|
||||
top: 50%;
|
||||
margin-top: -14px;
|
||||
z-index: 99;
|
||||
}
|
||||
.bubble .icon-chevron-right {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 15px;
|
||||
height: 74px;
|
||||
line-height: 74px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.desktop_toolpopup {
|
||||
z-index: 9;
|
||||
border: solid 1px #ccc;
|
||||
font-family: Arial, sans-serif;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
}
|
||||
.desktop_toolpopup h2 {
|
||||
font-size: 18px;
|
||||
padding: 0 0 20px 0;
|
||||
margin: 0 0 20px 0;
|
||||
border-bottom: solid 1px #d7d7d7;
|
||||
color: #333;
|
||||
}
|
||||
.desktop_toolpopup h3 {
|
||||
font-size: 15px;
|
||||
padding: 0 0 20px 0;
|
||||
margin: 20px 0 0 0;
|
||||
color: #333;
|
||||
}
|
||||
.desktop_toolpopup .bubble_content {
|
||||
overflow: hidden;
|
||||
height: 368px;
|
||||
}
|
||||
.desktop_toolpopup .context {
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.thmc1.hover .icon-chevron-right {
|
||||
display: none;
|
||||
}
|
||||
@@ -2,5 +2,5 @@
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require new_admin
|
||||
*= require back_end
|
||||
*/
|
||||
Whitespace-only changes.
+1514
File diff suppressed because it is too large.
Load diff
@@ -1,85 +0,0 @@
|
||||
/*permission-checkbox*/
|
||||
|
||||
.checkblock {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 200px;
|
||||
}
|
||||
.check[type="checkbox"]{
|
||||
display:none;
|
||||
}
|
||||
.checkbox{
|
||||
padding: 5px;
|
||||
margin: 10px;
|
||||
display: inline-block;
|
||||
color:#777777;
|
||||
text-shadow: 0 1px 0px rgba(255,255,255,.4);
|
||||
height: 30px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
border-style: solid;
|
||||
border-width: 0px 1px 1px 0;
|
||||
border-color: #dfdfdf;
|
||||
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
|
||||
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
.checkbox .check-icon {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: url(<%= asset_path 'check.png' %>) no-repeat left top;
|
||||
right: -10px;
|
||||
top: 15px;
|
||||
}
|
||||
.checkbox .member-name {
|
||||
cursor: pointer;
|
||||
font-family: helvetica;
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
padding: 0 10px 0 40px;
|
||||
color: #333333;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.member-avatar {
|
||||
position: absolute;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
overflow: hidden;
|
||||
margin-top: -2px;
|
||||
}
|
||||
img.member-img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.checked .check-icon {
|
||||
display: block;
|
||||
}
|
||||
.popover-inner {
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.popover-title {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.popover-content {
|
||||
padding: 3px 10px;
|
||||
color: #898989;
|
||||
}
|
||||
.popover-content p {
|
||||
font-size: 12px;
|
||||
}
|
||||
.preview_trigger {
|
||||
margin: 5px 10px 0 0;
|
||||
}
|
||||
@@ -1,77 +0,0 @@
|
||||
.checkblock {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 200px;
|
||||
}
|
||||
.check[type="checkbox"]{
|
||||
display:none;
|
||||
}
|
||||
.checkbox{
|
||||
padding: 5px;
|
||||
margin: 5px 5px 10px;
|
||||
display: inline-block;
|
||||
color:#777777;
|
||||
text-shadow: 0 1px 0px rgba(255,255,255,.4);
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
height: 30px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
|
||||
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.checkbox .check-icon {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
background: url(<%= asset_path "check.png" %>) no-repeat left top;
|
||||
right: -10px;
|
||||
top: -5px;
|
||||
}
|
||||
.checkbox .member-name {
|
||||
cursor: pointer;
|
||||
font-family: helvetica;
|
||||
font-size: 12px;
|
||||
line-height: 30px;
|
||||
padding: 0 10px 0 40px;
|
||||
color: #333333;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.member-avatar {
|
||||
position: absolute;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
overflow: hidden;
|
||||
margin-top: -2px;
|
||||
}
|
||||
img.member-img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.checked .check-icon {
|
||||
display: block;
|
||||
}
|
||||
.popover-inner {
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.popover-title {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
padding: 3px 10px;
|
||||
}
|
||||
.popover-content {
|
||||
padding: 3px 10px;
|
||||
color: #898989;
|
||||
}
|
||||
.popover-content p {
|
||||
font-size: 12px;
|
||||
}
|
||||
@@ -1,46 +0,0 @@
|
||||
#isotope {
|
||||
margin-top: 2px;
|
||||
}
|
||||
.isotope-item {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.isotope-hidden.isotope-item {
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/**** Isotope CSS3 transitions ****/
|
||||
|
||||
.isotope,
|
||||
.isotope .isotope-item {
|
||||
-webkit-transition-duration: 0.8s;
|
||||
-moz-transition-duration: 0.8s;
|
||||
-o-transition-duration: 0.8s;
|
||||
transition-duration: 0.8s;
|
||||
}
|
||||
|
||||
.isotope {
|
||||
-webkit-transition-property: height, width;
|
||||
-moz-transition-property: height, width;
|
||||
-o-transition-property: height, width;
|
||||
transition-property: height, width;
|
||||
}
|
||||
|
||||
.isotope .isotope-item {
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
-moz-transition-property: -moz-transform, opacity;
|
||||
-o-transition-property: top, left, opacity;
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
|
||||
/**** disabling Isotope CSS3 transitions ****/
|
||||
|
||||
.isotope.no-transition,
|
||||
.isotope.no-transition .isotope-item,
|
||||
.isotope .isotope-item.no-transition {
|
||||
-webkit-transition-duration: 0s;
|
||||
-moz-transition-duration: 0s;
|
||||
-o-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
}
|
||||
@@ -1,79 +0,0 @@
|
||||
.w-a {
|
||||
width: 388px;
|
||||
}
|
||||
.w-b {
|
||||
width: 802px;
|
||||
}
|
||||
.h-a {
|
||||
height: 315px;
|
||||
}
|
||||
.h-b {
|
||||
height: 699px;
|
||||
}
|
||||
.item {
|
||||
margin: 5px 0 15px 15px;
|
||||
}
|
||||
.item h3 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.item h3 [class^="icon"] {
|
||||
margin: 3px 5px 0 3px;
|
||||
}
|
||||
.item .detail {
|
||||
border: 1px solid rgba(0, 0, 0, 0.1);
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.item .detail .totle {
|
||||
font-size: 50px;
|
||||
padding:10px 5px 20px 0;
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
border-bottom:1px solid #d9d9d9;
|
||||
line-height: 18px;
|
||||
}
|
||||
.item .detail .totle span {
|
||||
display: block;
|
||||
font-size:18px;
|
||||
color: #333;
|
||||
padding-left: 5px;
|
||||
text-align:left;
|
||||
}
|
||||
.item .detail .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.item .detail .table tr th {
|
||||
background-color: #F2F2F2;
|
||||
border-bottom: 1px solid #AAA;
|
||||
}
|
||||
.item .detail .table th, .item .detail .table td {
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
}
|
||||
.item .detail .table tr td:first-child {
|
||||
color: #666;;
|
||||
}
|
||||
.item .detail .table tr td:last-child, .item .detail .table tr th:last-child {
|
||||
text-align:right;
|
||||
}
|
||||
.item .h-a .my_scroll .viewport {
|
||||
height: 248px;
|
||||
}
|
||||
.item .h-b .my_scroll .viewport {
|
||||
height: 632px;
|
||||
}
|
||||
.item .my_scroll .track {
|
||||
opacity: 0.7;
|
||||
-moz-opacity: 0.7;
|
||||
filter:alpha(opacity=7);
|
||||
}
|
||||
|
||||
/*user-data*/
|
||||
.user-data .item {
|
||||
margin: 5px 8px 15px;
|
||||
}
|
||||
@@ -1,64 +0,0 @@
|
||||
/*! gridster.js - v0.1.0 - 2012-10-20
|
||||
* http://gridster.net/
|
||||
* Copyright (c) 2012 ducksboard; Licensed MIT */
|
||||
|
||||
.gridster {
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.gridster > * {
|
||||
margin: 0 auto;
|
||||
-webkit-transition: height .4s;
|
||||
-moz-transition: height .4s;
|
||||
-o-transition: height .4s;
|
||||
-ms-transition: height .4s;
|
||||
transition: height .4s;
|
||||
}
|
||||
|
||||
.gridster .gs_w{
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.ready .gs_w:not(.preview-holder) {
|
||||
-webkit-transition: opacity .3s, left .3s, top .3s;
|
||||
-moz-transition: opacity .3s, left .3s, top .3s;
|
||||
-o-transition: opacity .3s, left .3s, top .3s;
|
||||
transition: opacity .3s, left .3s, top .3s;
|
||||
}
|
||||
|
||||
.ready .gs_w:not(.preview-holder) {
|
||||
-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
|
||||
-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
|
||||
-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
|
||||
transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
|
||||
}
|
||||
|
||||
.gridster .preview-holder {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
background-color: #000;
|
||||
border-color: #000;
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.gridster .player-revert {
|
||||
z-index: 10!important;
|
||||
-webkit-transition: left .3s, top .3s!important;
|
||||
-moz-transition: left .3s, top .3s!important;
|
||||
-o-transition: left .3s, top .3s!important;
|
||||
transition: left .3s, top .3s!important;
|
||||
}
|
||||
|
||||
.gridster .dragging {
|
||||
z-index: 10!important;
|
||||
-webkit-transition: all 0s !important;
|
||||
-moz-transition: all 0s !important;
|
||||
-o-transition: all 0s !important;
|
||||
transition: all 0s !important;
|
||||
}
|
||||
|
||||
/* Uncomment this if you set helper : "clone" in draggable options */
|
||||
/*.gridster .player {
|
||||
opacity:0;
|
||||
}*/
|
||||
@@ -1,59 +0,0 @@
|
||||
.miniColors-trigger {
|
||||
height: 36px;
|
||||
width: 36px;
|
||||
border: solid 3px #e8e8e8;
|
||||
vertical-align: middle;
|
||||
margin: 0 6px 0 0;
|
||||
display: inline-block;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.miniColors-selector {
|
||||
position: absolute;
|
||||
width: 175px;
|
||||
height: 150px;
|
||||
background: #FFF;
|
||||
border: solid 1px #BBB;
|
||||
padding: 5px;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.miniColors-selector.black {
|
||||
background: #222;
|
||||
border-color: #222;
|
||||
}
|
||||
|
||||
.miniColors-colors {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: url(miniColors/gradient.png) center no-repeat;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.miniColors-hues {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 160px;
|
||||
width: 20px;
|
||||
height: 150px;
|
||||
background: url(miniColors/rainbow.png) center no-repeat;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.miniColors-colorPicker {
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background: url(miniColors/circle.gif) center no-repeat;
|
||||
}
|
||||
|
||||
.miniColors-huePicker {
|
||||
position: absolute;
|
||||
left: -3px;
|
||||
width: 26px;
|
||||
height: 3px;
|
||||
background: url(miniColors/line.gif) center no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,156 @@
|
||||
.mini-layout {
|
||||
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar {
|
||||
position: relative;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar:before {
|
||||
content: "";
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: -8.5555%;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar .nav-stacked {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar .pane {
|
||||
right: 0px;
|
||||
}
|
||||
.checkbox-card {
|
||||
margin: 0;
|
||||
}
|
||||
.checkbox-card li {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
color: #FFFFFF;
|
||||
width: 180px;
|
||||
height: 40px;
|
||||
margin: 0 10px 10px 0;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
background-color: #cccccc;
|
||||
overflow: hidden;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
.checkbox-card li.mark {
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.checkbox-card li:hover {
|
||||
background-color: #0088cc;
|
||||
}
|
||||
.checkbox-card li:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.checkbox-card li.active:before {
|
||||
-webkit-text-size-adjust : none;
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
color: #FFF;
|
||||
text-decoration: inherit;
|
||||
content: "\f00c";
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
line-height: 14px;
|
||||
text-indent: 10px;
|
||||
font-size: 10px;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-style: solid;
|
||||
border-width: 0 22px 22px 0;
|
||||
border-color: transparent #51a351 transparent transparent;
|
||||
}
|
||||
.checkbox-card li.active label {
|
||||
}
|
||||
.checkbox-card li label {
|
||||
margin-bottom: 0px;
|
||||
overflow: hidden;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.checkbox-card li input {
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
.checkbox-card li label span {
|
||||
-webkit-text-size-adjust : none;
|
||||
font-size: 10px;
|
||||
display: block;
|
||||
width: 130px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color: #666666;
|
||||
margin-top: -3px;
|
||||
}
|
||||
.checkbox-card li:hover label span,
|
||||
.checkbox-card li:hover label span.user-name {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.checkbox-card li label span.user-name {
|
||||
font-size: 12px;
|
||||
color: #363636;
|
||||
padding: 2px 0 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.checkbox-card li .user-pic {
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 767px) {
|
||||
.mini-layout .mini-layout-sidebar,
|
||||
.mini-layout .mini-layout-body {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar .nav {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar:before {
|
||||
border-right: none;
|
||||
}
|
||||
.mini-layout .mini-layout-sidebar .nav-stacked > li {
|
||||
float: left;
|
||||
}
|
||||
.checkbox-card li {
|
||||
width: 210px;
|
||||
margin: 0 0 10px 9px;
|
||||
}
|
||||
.checkbox-card li label span {
|
||||
width: 160px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
#dashboards hr {
|
||||
border-top: 1px solid #e0dfdf;
|
||||
border-bottom: 1px solid #fefefe;
|
||||
}
|
||||
#dashboards .box {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#dashboards .box-header {
|
||||
height: 20px;
|
||||
border: 1px solid #ddd;
|
||||
margin-bottom: -1px;
|
||||
padding: 10px;
|
||||
background-color: #fafafa;
|
||||
background-image: -moz-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
|
||||
background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: -o-linear-gradient(top, #fafafa, #efefef);
|
||||
background-image: linear-gradient(to bottom, #fafafa, #efefef);
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0);
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
-webkit-border-radius: 2px 2px 0px 0px;
|
||||
-moz-border-radius: 2px 2px 0px 0px;
|
||||
border-radius: 2px 2px 0px 0px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#dashboards .box-header h2{
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
float:left;
|
||||
margin-top: 0px;
|
||||
color: #646464;
|
||||
font-weight: normal;
|
||||
text-shadow: 0px 1px 0px #fff;
|
||||
}
|
||||
#dashboards .box-header h2 i{
|
||||
margin: 1px 0px 0px 5px;
|
||||
text-shadow: 0px 1px 0px rgba(255, 255, 255, .9);
|
||||
}
|
||||
#dashboards .box-header .break{
|
||||
border-left: 1px solid #fcfcfc;
|
||||
border-right: 1px solid #ddd;
|
||||
margin: -13px 10px -9px 10px;
|
||||
padding: 13px 0px 9px 0px;
|
||||
|
||||
}
|
||||
#dashboards .box-content {
|
||||
margin-top: -1px;
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
background: #fcfcfc;
|
||||
-webkit-border-radius: 0px 0px 2px 2px;
|
||||
-moz-border-radius: 0px 0px 2px 2px;
|
||||
border-radius: 0px 0px 2px 2px;
|
||||
-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
|
||||
-moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
|
||||
box-shadow: 0 1px 0px rgba(255, 255, 255, .6);
|
||||
}
|
||||
#dashboards .box-content .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#dashboards .box-content .pager {
|
||||
margin: 10px 0 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 480px) {
|
||||
#dashboards hr {
|
||||
display: none;
|
||||
}
|
||||
#dashboards .row-fluid {
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
}
|
||||
@@ -1,205 +0,0 @@
|
||||
div.datepicker {
|
||||
position: relative;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
height: 147px;
|
||||
cursor: default;
|
||||
display: none;
|
||||
}
|
||||
.datepickerContainer {
|
||||
padding: 10px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/*
|
||||
.datepickerBorderT {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_t.png);
|
||||
}
|
||||
.datepickerBorderB {
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
bottom: 0;
|
||||
right: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_b.png);
|
||||
}
|
||||
.datepickerBorderL {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 10px;
|
||||
top: 10px;
|
||||
width: 10px;
|
||||
background: url(../images/datepicker_l.png);
|
||||
}
|
||||
.datepickerBorderR {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 10px;
|
||||
top: 10px;
|
||||
width: 10px;
|
||||
background: url(../images/datepicker_r.png);
|
||||
}
|
||||
.datepickerBorderTL {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_tl.png);
|
||||
}
|
||||
.datepickerBorderTR {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_tr.png);
|
||||
}
|
||||
.datepickerBorderBL {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_bl.png);
|
||||
}
|
||||
.datepickerBorderBR {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: url(../images/datepicker_br.png);
|
||||
}
|
||||
*/
|
||||
.datepickerHidden {
|
||||
display: none;
|
||||
}
|
||||
div.datepicker table {
|
||||
width: 260px;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
div.datepicker a {
|
||||
text-decoration: none;
|
||||
cursor: default;
|
||||
outline: none;
|
||||
}
|
||||
div.datepicker table td {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
div.datepicker th {
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-weight: normal;
|
||||
}
|
||||
div.datepicker tbody th {
|
||||
/*text-align: left;*/
|
||||
}
|
||||
div.datepicker tbody a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.datepickerWeek a {
|
||||
color: #F60;
|
||||
}
|
||||
.datepickerWeek a:hover {
|
||||
color: #FC0 !important;
|
||||
}
|
||||
.datepickerDays a {
|
||||
width: 20px;
|
||||
line-height: 16px;
|
||||
height: 16px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
.datepickerYears a,
|
||||
.datepickerMonths a{
|
||||
width: 44px;
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
td.datepickerNotInMonth a {
|
||||
color: #666;
|
||||
}
|
||||
tbody.datepickerDays td.datepickerSelected{
|
||||
background: #0088CC;
|
||||
}
|
||||
tbody.datepickerDays td.datepickerSelected a{
|
||||
color: #FFF;
|
||||
}
|
||||
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
|
||||
background: #17384d;
|
||||
}
|
||||
tbody.datepickerYears td.datepickerSelected,
|
||||
tbody.datepickerMonths td.datepickerSelected{
|
||||
background: #17384d;
|
||||
}
|
||||
div.datepicker a:hover,
|
||||
div.datepicker a:hover {
|
||||
color: #88c5eb;
|
||||
}
|
||||
div.datepicker td.datepickerNotInMonth a:hover {
|
||||
color: #999;
|
||||
}
|
||||
div.datepicker tbody th {
|
||||
/*text-align: left;*/
|
||||
}
|
||||
.datepickerSpace div {
|
||||
width: 20px;
|
||||
}
|
||||
.datepickerGoNext a,
|
||||
.datepickerGoPrev a,
|
||||
.datepickerMonth a {
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.datepickerGoNext a {
|
||||
float: right;
|
||||
width: 20px;
|
||||
}
|
||||
.datepickerGoPrev a {
|
||||
float: left;
|
||||
width: 20px;
|
||||
}
|
||||
table.datepickerViewDays tbody.datepickerMonths,
|
||||
table.datepickerViewDays tbody.datepickerYears {
|
||||
display: none;
|
||||
}
|
||||
table.datepickerViewMonths tbody.datepickerDays,
|
||||
table.datepickerViewMonths tbody.datepickerYears,
|
||||
table.datepickerViewMonths tr.datepickerDoW {
|
||||
display: none;
|
||||
}
|
||||
table.datepickerViewYears tbody.datepickerDays,
|
||||
table.datepickerViewYears tbody.datepickerMonths,
|
||||
table.datepickerViewYears tr.datepickerDoW {
|
||||
display: none;
|
||||
}
|
||||
td.datepickerDisabled a,
|
||||
td.datepickerDisabled.datepickerNotInMonth a{
|
||||
color: #333;
|
||||
}
|
||||
td.datepickerDisabled a:hover {
|
||||
color: #333;
|
||||
}
|
||||
td.datepickerSpecial a {
|
||||
background: #700;
|
||||
}
|
||||
td.datepickerSpecial.datepickerSelected a {
|
||||
background: #a00;
|
||||
}
|
||||
|
||||
/*Layout*/
|
||||
#widgetCalendar {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
@@ -0,0 +1,163 @@
|
||||
.fileupload {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
|
||||
.fileupload .input-prepend label,
|
||||
.fileupload .input-append label {
|
||||
display: inline;
|
||||
}
|
||||
.fileupload .input-prepend label .uneditable-input,
|
||||
.fileupload .input-append label .uneditable-input {
|
||||
margin-left: -4px;
|
||||
margin-right: -4px;
|
||||
}
|
||||
.fileupload .uneditable-input {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
vertical-align: top;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
.fileupload .thumbnail {
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fileupload .thumbnail > img {
|
||||
display: inline-block;
|
||||
max-height: 200px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fileupload .btn {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fileupload .btn-file {
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.fileupload .btn-file > input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
font-size: 23px;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
transform: translate(-300px, 0) scale(4);
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.fileupload-exists .fileupload-new,
|
||||
.fileupload-new .fileupload-exists {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fileupload .controls {
|
||||
display: none;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
.fileupload.fileupload-edit .controls {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.fileupload.fileupload-exists .controls {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fileupload-edit .btn .fileupload-exists {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.fileupload-edit .btn .fileupload-new {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fileupload-inline .fileupload-controls {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.fileupload-new .input-append .btn-file {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
|
||||
.fileupload-new,
|
||||
.fileupload-preview {
|
||||
/*max-width: 200px;*/
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.thumbnail-borderless .thumbnail {
|
||||
padding: 0;
|
||||
border: none;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.fileupload-new.thumbnail-borderless .thumbnail {
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.control-group.warning .fileupload .uneditable-input {
|
||||
color: #a47e3c;
|
||||
border-color: #a47e3c;
|
||||
}
|
||||
|
||||
.control-group.warning .fileupload .fileupload-preview {
|
||||
color: #a47e3c;
|
||||
}
|
||||
|
||||
.control-group.warning .fileupload .thumbnail {
|
||||
border-color: #a47e3c;
|
||||
}
|
||||
|
||||
.control-group.error .fileupload .uneditable-input {
|
||||
color: #b94a48;
|
||||
border-color: #b94a48;
|
||||
}
|
||||
|
||||
.control-group.error .fileupload .fileupload-preview {
|
||||
color: #b94a48;
|
||||
}
|
||||
|
||||
.control-group.error .fileupload .thumbnail {
|
||||
border-color: #b94a48;
|
||||
}
|
||||
|
||||
.control-group.success .fileupload .uneditable-input {
|
||||
color: #468847;
|
||||
border-color: #468847;
|
||||
}
|
||||
|
||||
.control-group.success .fileupload .fileupload-preview {
|
||||
color: #468847;
|
||||
}
|
||||
|
||||
.control-group.success .fileupload .thumbnail {
|
||||
border-color: #468847;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.fileupload .input-medium {
|
||||
width: 90px!important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.fileupload .input-medium {
|
||||
width: 90px!important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,84 @@
|
||||
/* Filter */
|
||||
#filter.open {
|
||||
border-bottom: none;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#filter .filter-nav {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#filter.open .filter-nav {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#filter .filter-nav a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#filter .filter-nav .accordion-group {
|
||||
border: none;
|
||||
}
|
||||
#filter .filter-nav .accordion-group.active {
|
||||
background-color: #08c;
|
||||
position: relative;
|
||||
}
|
||||
#filter .filter-nav .accordion-group.active a {
|
||||
color: #FFF;
|
||||
}
|
||||
#filter .filter-nav .accordion-group.active:after {
|
||||
display: block;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
content: "";
|
||||
border-style: solid;
|
||||
border-width: 0 6px 6px 6px;
|
||||
border-color: transparent transparent #e5e5e5 transparent;
|
||||
z-index: 5
|
||||
}
|
||||
#filter .filter-group {
|
||||
clear: both;
|
||||
border: none;
|
||||
margin-bottom: 0px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#filter .filter-group .accordion-body {
|
||||
background-color: #e5e5e5;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#filter .filter-group .accordion-body .filter-clear {
|
||||
padding: 4px;
|
||||
border-top: 1px solid #D5D5D5;
|
||||
text-align: right;
|
||||
-webkit-box-shadow: inset 0px 1px 0px #ECECEC;
|
||||
-moz-box-shadow: inset 0px 1px 0px #ECECEC;
|
||||
-o-box-shadow: inset 0px 1px 0px #ECECEC;
|
||||
box-shadow: inset 0px 1px 0px #ECECEC;
|
||||
}
|
||||
#filter .filter-group .accordion-body .filter-clear a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#filter .filter-group .collapse.in {
|
||||
}
|
||||
#filter .filter-group .accordion-inner {
|
||||
padding: 8px 8px 5px;
|
||||
/*margin-top: 10px;*/
|
||||
}
|
||||
#filter .filter-group .accordion-inner > .btn {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 480px) {
|
||||
/* Filter */
|
||||
#filter .filter-nav {
|
||||
float: left;
|
||||
}
|
||||
#filter .accordion-inner.pagination-right {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,299 @@
|
||||
#orbit_gallery {
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
#orbit_gallery .rgalbum {
|
||||
margin: 5px;
|
||||
padding: 10px;
|
||||
width: 200px;
|
||||
background: #FFFFFF;
|
||||
-webkit-transition-property: left, right, top;
|
||||
-moz-transition-property: left, right, top;
|
||||
-ms-transition-property: left, right, top;
|
||||
-o-transition-property: left, right, top;
|
||||
transition-property: left, right, top;
|
||||
}
|
||||
#orbit_gallery .rgalbum:hover {
|
||||
box-shadow: 0px 0px 5px rgba(0,0,0,.2);
|
||||
}
|
||||
#orbit_gallery .rgalbum a {
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0 0 10px;
|
||||
width: 200px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
#orbit_gallery .rgalbum a img {
|
||||
max-width: 200px;
|
||||
}
|
||||
#orbit_gallery .rgalbum:hover a img {
|
||||
-webkit-filter: blur(2px);
|
||||
}
|
||||
#orbit_gallery .rgalbum a span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
margin: 0;
|
||||
background-color: #000000;
|
||||
opacity: .0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
#orbit_gallery .rgalbum:hover a span {
|
||||
opacity: .4;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
filter: alpha(opacity=40);
|
||||
}
|
||||
#orbit_gallery .rgalbum a .albumname {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
color: #F2F2F2;
|
||||
text-shadow: 0px -1px 0 rgba(0,0,0,0.4);
|
||||
letter-spacing: -0.5px;
|
||||
font-size: 30px;
|
||||
font-family: 'Playfair Display SC', sans-serif;
|
||||
line-height: 28px;
|
||||
opacity: .0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
-webkit-text-size-adjust : none;
|
||||
}
|
||||
#orbit_gallery .rgalbum:hover a .albumname {
|
||||
opacity: 1;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
|
||||
filter: alpha(opacity=100);
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
color: #777777;
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
cursor: pointer;
|
||||
-webkit-text-size-adjust : none;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li:hover {
|
||||
color: #0088CC;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li .icons-tag {
|
||||
margin-left: 10px;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li.albumcateg {
|
||||
float: right;
|
||||
overflow: hidden;
|
||||
max-width: 125px;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#orbit_gallery .rgalbum .gallery_info li.view {
|
||||
overflow: hidden;
|
||||
max-width: 50px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#orbit_gallery .rgalbum .albumtag {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/* Gallery Body */
|
||||
.rgbody .gallery-info {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.rgbody .gallery-info h3 {
|
||||
margin: 5px 0 0;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
font-family: 'Playfair Display SC', sans-serif;
|
||||
}
|
||||
.rgbody .gallery-info .muted {
|
||||
font-family: 'Raleway', sans-serif;
|
||||
}
|
||||
|
||||
#imgholder {
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
list-style: none;
|
||||
}
|
||||
#imgholder .rgalbum {
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
width: 200px;
|
||||
background: #FFFFFF;
|
||||
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
|
||||
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
|
||||
box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
|
||||
-webkit-transition-property: left, right, top;
|
||||
-moz-transition-property: left, right, top;
|
||||
-ms-transition-property: left, right, top;
|
||||
-o-transition-property: left, right, top;
|
||||
transition-property: left, right, top;
|
||||
-o-box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
|
||||
}
|
||||
#imgholder .rgalbum a {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
width: 200px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
#imgholder .rgalbum a img {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
|
||||
/* File Upload */
|
||||
#fileupload {
|
||||
position: relative;
|
||||
display: none;
|
||||
clear: both;
|
||||
overflow: hidden;
|
||||
margin: 40px 0 15px;
|
||||
/*height: 300px;*/
|
||||
border: 1px solid #d4d4d4;
|
||||
border-radius: 4px;
|
||||
background-color: #FDFDFD;
|
||||
/*-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .15) inset;
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, .15) inset;*/
|
||||
}
|
||||
#fileupload form, #fileupload table {
|
||||
margin: 0;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar button {
|
||||
border: none;
|
||||
border-right: 1px solid #d4d4d4;
|
||||
background-color: transparent;
|
||||
padding: 10px 15px 10px;
|
||||
color: #777777;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar button:hover {
|
||||
color: #333333;
|
||||
text-decoration: none;
|
||||
background-color: #EDEDED;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar .fileinput-button {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar .fileinput-button input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
font-size: 23px;
|
||||
opacity: 0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
cursor: pointer;
|
||||
-webkit-transform: translate(-300px, 0) scale(4);
|
||||
-moz-transform: translate(-300px, 0) scale(4);
|
||||
-ms-transform: translate(-300px, 0) scale(4);
|
||||
-o-transform: translate(-300px, 0) scale(4);
|
||||
transform: translate(-300px, 0) scale(4);
|
||||
direction: ltr;
|
||||
}
|
||||
#fileupload .fileupload-buttonbar .navbar-inner {
|
||||
border-width: 0 0 1px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#fileupload .fileupload-progress .progress {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
margin-bottom: 0;
|
||||
height: 5px;
|
||||
border-radius: 0;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
#fileupload .fileupload-progress .progress-success.progress-striped .bar {
|
||||
background-color: #0088CC;
|
||||
}
|
||||
#fileupload .fileupload-progress .progress-extended {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 0;
|
||||
padding-right: 15px;
|
||||
color: #0088CC;
|
||||
text-align: right;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
letter-spacing: -0.1em;
|
||||
font-size: 20px;
|
||||
font-family: 'Varela Round', sans-serif;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
#fileupload #dropzone {
|
||||
margin: 15px 10px 10px;
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
font-size: 2em;
|
||||
font-family: 'Raleway';
|
||||
line-height: 1.2em;
|
||||
color: #e4e4e4;
|
||||
}
|
||||
#fileupload #dropzone div[data-icons] {
|
||||
font-size: 4em;
|
||||
height: 70px;
|
||||
padding-top: 30px;
|
||||
text-shadow: 0px -1px 0px #ececec;
|
||||
color: #f5f5f5;
|
||||
}
|
||||
#fileupload #dropzone.drop {
|
||||
padding: 28px;
|
||||
border: 2px dashed #0088CC;
|
||||
border-radius: 10px;
|
||||
color: #0088CC;
|
||||
}
|
||||
#fileupload #dropzone.drop div[data-icons] {
|
||||
text-shadow: 0px -1px 0px #0c5f80;
|
||||
color: #0088CC;
|
||||
}
|
||||
|
||||
#fileupload .fileupload-loading {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
background: url(../img/loading.gif) center no-repeat;
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1,277 @@
|
||||
#items .ui-tooltip {
|
||||
color: #FFFFFF;
|
||||
padding: 0px 5px;
|
||||
position: absolute;
|
||||
z-index: 9999;
|
||||
max-width: 300px;
|
||||
border-radius: 3px;
|
||||
background-color: #000;
|
||||
}
|
||||
#items .ui-tooltip:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: -3px;
|
||||
margin-left: -4px;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-style: solid;
|
||||
border-width: 4px 4px 0 4px;
|
||||
border-color: #000000 transparent transparent transparent;
|
||||
}
|
||||
#items .sortable {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0 10px;
|
||||
border: 1px solid #d4d4d4;
|
||||
background-color: rgb(236, 236, 236);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#items .sortable ol,
|
||||
#items .sortable ul {
|
||||
list-style: none;
|
||||
}
|
||||
#items .sortable .navbar {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#items .sortable > .navbar {
|
||||
margin: -1px -11px 10px;
|
||||
}
|
||||
#items .sortable .navbar .nav > li > a,
|
||||
#items .sortable .navbar .brand {
|
||||
padding: 10px;
|
||||
}
|
||||
#items .sortable .navbar .item-title {
|
||||
color: #777777;
|
||||
padding: 0 10px;
|
||||
position: relative;
|
||||
line-height: 3.5em;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
#items .sortable .navbar .item-title:hover {
|
||||
}
|
||||
#items .sortable .navbar .item-title a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
/*#items .sortable .navbar .active .item-title>a {
|
||||
max-width: 70px;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}*/
|
||||
#items .sortable .navbar .item-title .item-menu a {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
color: #333333;
|
||||
white-space: nowrap;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
#items .sortable .navbar .item-title .item-menu a:hover,
|
||||
#items .sortable .navbar .item-title .item-menu a:focus,
|
||||
#items .sortable .navbar .item-title .item-menu a.active {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
background-color: #0081c2;
|
||||
}
|
||||
#items .sortable .navbar .item-title .item-menu a.delete:hover,
|
||||
#items .sortable .navbar .item-title .item-menu a.delete:focus {
|
||||
background-color: #bd362f;
|
||||
}
|
||||
#items .sortable .navbar .item-title .item-menu:before {
|
||||
/*position: absolute;
|
||||
top: 50%;
|
||||
left: -5px;
|
||||
margin-top: -5px;
|
||||
display: inline-block;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-style: solid;
|
||||
border-width: 5px 5px 5px 0;
|
||||
border-color: transparent rgb(233, 233, 233) transparent transparent;
|
||||
content: '';*/
|
||||
}
|
||||
#items .sortable .navbar .item-title em {
|
||||
display: inline-block;
|
||||
padding: 0 5px;
|
||||
max-width: 300px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#items .sortable .navbar .item-info {
|
||||
margin-top: 12px;
|
||||
color: #DDDDDD;
|
||||
text-align: right;
|
||||
}
|
||||
#items .sortable ol {
|
||||
margin-left: 12px;
|
||||
}
|
||||
#items .sortable ol {
|
||||
margin: -59px 0 15px;
|
||||
padding: 59px 10px 0;
|
||||
border: 1px solid #d4d4d4;
|
||||
background-color: rgb(236, 236, 236);
|
||||
-webkit-box-shadow: 0 0 10px rgba(150, 150, 150, .3);
|
||||
-moz-box-shadow: 0 0 10px rgba(150, 150, 150, .3);
|
||||
box-shadow: 0 0 10px rgba(150, 150, 150, .3);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#items .sortable li {
|
||||
margin-left: 30px;
|
||||
margin-left: 0\9;
|
||||
position: relative;
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
transition: none;
|
||||
}
|
||||
#items .sortable li:after {
|
||||
top: 10px;
|
||||
z-index: 1;
|
||||
content: "";
|
||||
width: 10px;
|
||||
left: -20px;
|
||||
height: 10px;
|
||||
display: block;
|
||||
position: absolute;;
|
||||
border-width: 0 0 2px 2px;
|
||||
border-color: rgba(100, 100, 100, .5);
|
||||
border-style: solid;
|
||||
display: none\9; /* 用IE的去死 */
|
||||
}
|
||||
#items .sortable li:before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -20px;
|
||||
bottom: -15px;
|
||||
border-left: 2px solid rgb(226, 226, 226);
|
||||
box-shadow: 1px 1px 0px rgba(255, 255, 255, .4);
|
||||
display: none\9; /* 用IE的去死 */
|
||||
}
|
||||
#items .sortable li:last-child:before {
|
||||
bottom: auto;
|
||||
height: 20px;
|
||||
}
|
||||
#items .sortable li.collapsed > ol {
|
||||
display: none;
|
||||
}
|
||||
#items .sortable li.collapsed > .navbar {
|
||||
position: relative;
|
||||
margin-right: 8px;
|
||||
}
|
||||
#items .sortable li.collapsed > .navbar:before,
|
||||
#items .sortable li.collapsed > .navbar:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 0;
|
||||
background-color: rgb(235, 235, 235);
|
||||
border: 1px solid rgb(221, 221, 221);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
#items .sortable li.collapsed > .navbar:before {
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
z-index: 1;
|
||||
background-color: rgb(241, 241, 241);
|
||||
}
|
||||
#items .sortable li.disabled .navbar .navbar-inner {
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
|
||||
filter: alpha(opacity=40);
|
||||
opacity: .4;
|
||||
}
|
||||
#items .sortable li > .navbar .navbar-inner {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
#items .sortable .navbar .navbar-inner.active {
|
||||
border: 2px solid #3a87ad;
|
||||
}
|
||||
#items .sortable .navbar .navbar-inner .item-menu {
|
||||
display: none;
|
||||
padding: 0 10px;
|
||||
/*margin-left: 10px;*/
|
||||
line-height: 34px;
|
||||
position: relative;
|
||||
/*background-color: rgb(233, 233, 233);
|
||||
background-image: -moz-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238));
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(224, 224, 224)), to(rgb(238, 238, 238)));
|
||||
background-image: -webkit-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238));
|
||||
background-image: -o-linear-gradient(top, rgb(224, 224, 224), rgb(238, 238, 238));
|
||||
background-image: linear-gradient(to bottom, rgb(224, 224, 224), rgb(238, 238, 238));
|
||||
border-top: 1px solid rgb(213, 213, 213);
|
||||
border-bottom: 1px solid #FFFFFF;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;*/
|
||||
}
|
||||
#items .sortable .navbar .navbar-inner:hover .item-menu {
|
||||
display: inline-block!important;
|
||||
}
|
||||
#items .sortable li .navbar .brand {
|
||||
line-height: 14px;
|
||||
cursor: move;
|
||||
color: #DDDDDD;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
||||
}
|
||||
#items .sortable li .navbar .brand:hover {
|
||||
color: #CCCCCC;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
|
||||
}
|
||||
#items .sortable li .navbar .item-type {
|
||||
line-height: 14px;
|
||||
padding: 13px 0 12px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-left: -5px;
|
||||
font-size: 16px;
|
||||
font-weight: 200;
|
||||
}
|
||||
#items .sortable li .navbar .item-type.link {
|
||||
color: #51a351;
|
||||
}
|
||||
#items .sortable li .navbar .item-type.page {
|
||||
color: #2f96b4;
|
||||
}
|
||||
#items .sortable .placeholder {
|
||||
height: 40px;
|
||||
margin-bottom: 10px;
|
||||
border: 2px dashed #bce8f1;
|
||||
background-color: #d9edf7;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
#items .sortable .mjs-nestedSortable-error {
|
||||
background: #f2dede;
|
||||
border-color: #eed3d7;
|
||||
}
|
||||
|
||||
|
||||
/* IE go dead */
|
||||
:root #items .sortable li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
:root #items .sortable li:after,
|
||||
:root #items .sortable li:before {
|
||||
display: block\9;
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
@charset "UTF-8";
|
||||
/*
|
||||
* jQuery File Upload UI Plugin CSS 7.4
|
||||
* https://github.com/blueimp/jQuery-File-Upload
|
||||
*
|
||||
* Copyright 2010, Sebastian Tschan
|
||||
* https://blueimp.net
|
||||
*
|
||||
* Licensed under the MIT license:
|
||||
* http://www.opensource.org/licenses/MIT
|
||||
*/
|
||||
|
||||
.fileinput-button {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
margin-right: 4px;
|
||||
}
|
||||
.fileinput-button input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
transform: translate(-300px, 0) scale(4);
|
||||
font-size: 23px;
|
||||
direction: ltr;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fileupload-buttonbar .btn,
|
||||
.fileupload-buttonbar .toggle {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.files .progress {
|
||||
width: 200px;
|
||||
}
|
||||
.progress-animated .bar {
|
||||
background: url(../img/progressbar.gif) !important;
|
||||
filter: none;
|
||||
}
|
||||
.fileupload-loading {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
background: url(../img/loading.gif) center no-repeat;
|
||||
display: none;
|
||||
}
|
||||
.fileupload-processing .fileupload-loading {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Fix for IE 6: */
|
||||
* html .fileinput-button {
|
||||
line-height: 24px;
|
||||
margin: 1px -3px 0 0;
|
||||
}
|
||||
|
||||
/* Fix for IE 7: */
|
||||
* + html .fileinput-button {
|
||||
padding: 2px 15px;
|
||||
margin: 1px 0 0 0;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.fileupload-buttonbar .toggle,
|
||||
.files .toggle,
|
||||
.files .btn span {
|
||||
display: none;
|
||||
}
|
||||
.files .preview * {
|
||||
width: 40px;
|
||||
}
|
||||
.files .name * {
|
||||
width: 80px;
|
||||
display: inline-block;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.files .progress {
|
||||
width: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,322 @@
|
||||
.main-forms > h3 {
|
||||
margin: 5px 0 10px;
|
||||
color: #333;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
font-family: 'Playfair Display SC', sans-serif;
|
||||
}
|
||||
.main-forms fieldset {
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid #EDEDED;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.main-forms fieldset .input-area {
|
||||
padding: 20px 20px 0;
|
||||
}
|
||||
.main-forms fieldset .input-area:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.main-forms fieldset .input-area .nav-name {
|
||||
float: left;
|
||||
width: 100px;
|
||||
padding-top: 5px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
line-height: 20px;
|
||||
}
|
||||
.main-forms fieldset .input-area .control-label {
|
||||
width: 100px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls {
|
||||
margin-left: 120px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls hr {
|
||||
margin: 5px 0 10px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls h5 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .file-link {
|
||||
margin-right: 10px;
|
||||
display: inline-block;
|
||||
width: 178px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .input-prepend {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .exist .input-prepend,
|
||||
.main-forms fieldset .input-area .controls .add-target .input-prepend {
|
||||
margin-bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .exist .fileupload-new {
|
||||
display: block;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .exist .fileupload-new .input-prepend {
|
||||
display: inline-block;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .input-prepend a {
|
||||
text-decoration: none;
|
||||
color: #333333;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .input-prepend .tab-content > .active {
|
||||
display: inline-block;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls .add-btn {
|
||||
margin: 3px 0;
|
||||
}
|
||||
.main-forms fieldset .input-area .fileupload {
|
||||
margin-right: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.main-forms fieldset .input-area .datetimepick {
|
||||
margin-right: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.main-forms fieldset .input-area .language-area .input-content .mceLayout {
|
||||
width: 100%!important;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav,
|
||||
.main-forms fieldset .input-area .language-nav {
|
||||
margin: 0 0 20px;
|
||||
padding: 0 0 15px 120px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav li,
|
||||
.main-forms fieldset .input-area .language-nav li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.main-forms fieldset .input-area .module-nav li.active:before,
|
||||
.main-forms fieldset .input-area .module-nav li.active:after,
|
||||
.main-forms fieldset .input-area .language-nav li.active:before,
|
||||
.main-forms fieldset .input-area .language-nav li.active:after {
|
||||
display: block;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
position: absolute;
|
||||
bottom: -15px;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
content: "";
|
||||
border-style: solid;
|
||||
border-width: 0 6px 6px 6px;
|
||||
border-color: transparent transparent #EDEDED transparent;
|
||||
z-index: 5
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav li.active:after {
|
||||
display: none;
|
||||
}
|
||||
.main-forms fieldset .input-area .language-nav li.active:after {
|
||||
bottom: -16px;
|
||||
margin-left: -4px;
|
||||
border-width: 0 5px 5px 5px;
|
||||
border-color: transparent transparent #FFFFFF transparent;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav {
|
||||
margin-bottom: 0;
|
||||
border-bottom: none;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav li > span.label {
|
||||
padding: 10px;
|
||||
}
|
||||
.main-forms fieldset .input-area .language-area,
|
||||
.main-forms fieldset .input-area .module-area {
|
||||
overflow: hidden;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-area {
|
||||
padding-top: 20px;
|
||||
margin-bottom: 40px;
|
||||
background-color: #EDEDED;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.main-forms fieldset .form-actions {
|
||||
padding-left: 140px;
|
||||
margin: 0px;
|
||||
-webkit-border-radius: 0 0 4px 4px;
|
||||
-moz-border-radius: 0 0 4px 4px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.main-forms fieldset .input-area .nav-scroll {
|
||||
margin-left: 120px;
|
||||
width:800px;
|
||||
position:relative;
|
||||
z-index:1;
|
||||
overflow:hidden;
|
||||
}
|
||||
.main-forms fieldset .input-area .nav-scroll .scroller {
|
||||
width: 1000px;
|
||||
height:100%;
|
||||
float:left;
|
||||
padding:0;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] label {
|
||||
position: relative;
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="radio"],
|
||||
.main-forms fieldset .input-area .controls[data-toggle^="buttons-"] input[type="checkbox"] {
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
}
|
||||
.main-forms fieldset .input-area .question {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
|
||||
/* User Role Forms */
|
||||
#attributes-area.clickHere {
|
||||
min-height: 150px;
|
||||
position: relative;
|
||||
}
|
||||
#attributes-area.clickHere:before {
|
||||
font-family: 'entypo';
|
||||
content: '\e0be';
|
||||
position: absolute;
|
||||
font-size: 8em;
|
||||
display: block;
|
||||
bottom: 50px;
|
||||
left: 175px;
|
||||
color: #51a351;
|
||||
opacity: .4;
|
||||
filter: alpha(opacity=40);
|
||||
|
||||
|
||||
}
|
||||
#user-role-forms .input-append .tab-content {
|
||||
display: inline-block;
|
||||
}
|
||||
#user-role-forms .input-append .tab-content .active {
|
||||
display: inline-block;
|
||||
background-color: transparent;
|
||||
}
|
||||
#user-role-forms .input-append .active {
|
||||
border-color: #c5c5c5;
|
||||
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
#user-role-forms .input-append > .btn-group > .btn:first-child {
|
||||
margin-left: -1px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
-webkit-border-top-left-radius: 0px;
|
||||
border-top-left-radius: 0px;
|
||||
-moz-border-radius-bottomleft: 0px;
|
||||
-moz-border-radius-topleft: 0px;
|
||||
}
|
||||
#user-role-forms .attributes {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
#user-role-forms .attributes .tab-content {
|
||||
overflow: inherit;
|
||||
}
|
||||
#user-role-forms .attributes.disabled label,
|
||||
#user-role-forms .attributes.disabled h4 {
|
||||
color: #e6e6e6;
|
||||
}
|
||||
#user-role-forms .attributes-header {
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#user-role-forms .attributes-header .btn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
#user-role-forms .attributes-header h4 {
|
||||
font-family: 'Chivo';
|
||||
line-height: 26px;
|
||||
margin: 0;
|
||||
}
|
||||
#user-role-forms .field-type {
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 20px;
|
||||
padding: 10px;
|
||||
}
|
||||
#user-role-forms .field-type.fade {
|
||||
padding: 0px 10px;
|
||||
-webkit-transition: all 0.15s linear;
|
||||
-moz-transition: all 0.15s linear;
|
||||
-o-transition: all 0.15s linear;
|
||||
transition: all 0.15s linear;
|
||||
}
|
||||
#user-role-forms .field-type.in {
|
||||
padding: 20px 10px;
|
||||
-webkit-transition: all 0.15s linear;
|
||||
-moz-transition: all 0.15s linear;
|
||||
-o-transition: all 0.15s linear;
|
||||
transition: all 0.15s linear;
|
||||
}
|
||||
#user-role-forms .field-type .control-group {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group:last-child {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group .add-target .input-append {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group .add-target .input-append:first-child {
|
||||
margin-top: 0px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group .add-target .input-append input + input {
|
||||
border-radius: 0;
|
||||
margin-left: -1px;
|
||||
}
|
||||
#user-role-forms .field-type .control-group .add-target.single .input-append input.last {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.main-forms fieldset .input-area .nav-name {
|
||||
float: none;
|
||||
width: auto;
|
||||
padding-top: 0;
|
||||
text-align: left;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-area {
|
||||
padding: 20px;
|
||||
}
|
||||
.main-forms fieldset .input-area .module-nav,
|
||||
.main-forms fieldset .input-area .language-nav {
|
||||
padding: 0 0 15px 0px;
|
||||
}
|
||||
.main-forms fieldset .form-actions {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.main-forms fieldset .input-area .control-label {
|
||||
width: auto;
|
||||
}
|
||||
.main-forms fieldset .input-area .controls {
|
||||
margin-left: 0;
|
||||
}
|
||||
.main-forms fieldset .form-actions {
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,184 @@
|
||||
/* Main List */
|
||||
.main-list {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.main-list tbody {
|
||||
border: 1px solid #dddddd;
|
||||
}
|
||||
.main-list thead {
|
||||
border: 1px solid #454545;
|
||||
}
|
||||
.main-list thead th {
|
||||
vertical-align: middle;
|
||||
background-color: #454545;
|
||||
white-space: nowrap;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.main-list tbody tr.disable td {
|
||||
color: #C5C5C5;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
.main-list tbody tr.disable td .label-info {
|
||||
background-color: #999999;
|
||||
}
|
||||
.main-list tbody tr.active td:first-child {
|
||||
position: relative;
|
||||
}
|
||||
.main-list tbody tr.active td:first-child:before {
|
||||
content: "";
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
left: -21px;
|
||||
top: 50%;
|
||||
margin-top: -6px;
|
||||
position: absolute;
|
||||
border-style: solid;
|
||||
border-width: 6px 0 6px 6px;
|
||||
border-color: transparent transparent transparent #333333;
|
||||
}
|
||||
.main-list td {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.main-list td.preview img {
|
||||
width: 100%;
|
||||
}
|
||||
.main-list td .banner-link {
|
||||
width: 100px;
|
||||
max-width: 120px;
|
||||
display: inline-block;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
.main-list td .file-list {
|
||||
display: inline-block;
|
||||
margin: 0 0 -6px;
|
||||
}
|
||||
.main-list td .file-list:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.main-list td .file-type {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
float: left;
|
||||
display: inline-block;
|
||||
}
|
||||
.main-list td .file-type a {
|
||||
background-color: #A6A6A6;
|
||||
color: #FFFFFF;
|
||||
margin-right: 10px;
|
||||
padding: 2px 5px 2px 3px;
|
||||
border-radius: 3px;
|
||||
text-decoration: none;
|
||||
text-shadow: 0px -1px 0px rgba(100, 100, 100, .6);
|
||||
}
|
||||
.main-list td .file-type i,
|
||||
.main-forms fieldset .input-area .controls .file-type i {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-bottom: -1px;
|
||||
display: inline-block;
|
||||
}
|
||||
.main-list td .file-type[class^="type-"] i,
|
||||
.main-list td .file-type[class*=" type-"] i,
|
||||
.main-forms fieldset .input-area .controls .file-type[class*=" type-"] i,
|
||||
.main-forms fieldset .input-area .controls .file-type[class^="type-"] i {
|
||||
background-image: url(<%= asset_path 'file_type.png' %>);
|
||||
}
|
||||
.file-type.type-pdf i {background-position: 0px 0px;}
|
||||
.file-type.type-psd i {background-position: -16px 0px;}
|
||||
.file-type.type-ai i {background-position: -32px 0px;}
|
||||
.file-type.type-fla i {background-position: -48px 0px;}
|
||||
.file-type.type-in i {background-position: -64px 0px;}
|
||||
.file-type.type-acc i {background-position: 0px -16px;}
|
||||
.file-type.type-do i {background-position: -16px -16px;}
|
||||
.file-type.type-xl i {background-position: -32px -16px;}
|
||||
.file-type.type-pp i {background-position: -48px -16px;}
|
||||
.file-type.type-zip i {background-position: -64px -16px;}
|
||||
.file-type.type-txt i {background-position: 0px -32px;}
|
||||
.file-type.type-jp i {background-position: -16px -32px;}
|
||||
.file-type.type-gif i {background-position: -32px -32px;}
|
||||
.file-type.type-png i {background-position: -48px -32px;}
|
||||
.file-type.type-audio i {background-position: -64px -32px;}
|
||||
|
||||
.main-list td .quick-edit {
|
||||
height: 22px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.main-list td .quick-edit .nav {
|
||||
display: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.main-list tr:hover .quick-edit .nav {
|
||||
display: block;
|
||||
}
|
||||
.main-list td .quick-edit .nav > li > a {
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.main-list thead tr.sort-header th a {
|
||||
padding: 8px;
|
||||
margin: -8px;
|
||||
display: block;
|
||||
color: #FFFFFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
.main-list thead tr.sort-header th.active a {
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 4px solid #08c;
|
||||
}
|
||||
.main-list .footable-row-detail td {
|
||||
padding: 0;
|
||||
border-top: none;
|
||||
}
|
||||
.main-list .footable-row-detail td .footable-row-detail-inner {
|
||||
padding: 8px;
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
margin: 0 8px 8px;
|
||||
background-color: #ededed;
|
||||
}
|
||||
.main-list .footable-row-detail td .footable-row-detail-inner:after {
|
||||
display: block;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
left: 50%;
|
||||
margin-left: -3px;
|
||||
content: "";
|
||||
border-style: solid;
|
||||
border-width: 0 6px 6px 6px;
|
||||
border-color: transparent transparent #ededed transparent;
|
||||
}
|
||||
.main-list .footable-row-detail td .footable-row-detail-inner div {
|
||||
margin: 10px 0;
|
||||
}
|
||||
#preview .preview {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
/* For Retina */
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
|
||||
.main-list td .file-type[class^="type-"] i,
|
||||
.main-list td .file-type[class*=" type-"] i,
|
||||
.main-forms fieldset .input-area .controls .file-type[class*=" type-"] i,
|
||||
.main-forms fieldset .input-area .controls .file-type[class^="type-"] i {
|
||||
background-image: url(<%= asset_path 'file_type@2x.png' %>);
|
||||
background-size: 80px 48px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 480px) {
|
||||
.main-list td .quick-edit .nav {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,55 @@
|
||||
/** initial setup **/
|
||||
.nano {
|
||||
position : relative;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
overflow : hidden;
|
||||
}
|
||||
.nano .content {
|
||||
position : absolute;
|
||||
overflow : scroll;
|
||||
overflow-x : hidden;
|
||||
top : 0;
|
||||
right : 0;
|
||||
bottom : 0;
|
||||
left : 0;
|
||||
}
|
||||
.nano .content:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
.nano .content::-webkit-scrollbar {
|
||||
visibility: hidden;
|
||||
}
|
||||
.has-scrollbar .content::-webkit-scrollbar {
|
||||
visibility: visible;
|
||||
}
|
||||
.nano > .pane {
|
||||
/*background : rgba(0,0,0,.25);*/
|
||||
position : absolute;
|
||||
width : 10px;
|
||||
right : 0;
|
||||
top : 0;
|
||||
bottom : 0;
|
||||
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
|
||||
opacity : .01;
|
||||
-webkit-transition : .2s;
|
||||
-moz-transition : .2s;
|
||||
-o-transition : .2s;
|
||||
transition : .2s;
|
||||
-moz-border-radius : 5px;
|
||||
-webkit-border-radius : 5px;
|
||||
border-radius : 5px;
|
||||
}
|
||||
.nano > .pane > .slider {
|
||||
background: #444;
|
||||
background: rgba(0,0,0,.5);
|
||||
position : relative;
|
||||
margin : 0 1px;
|
||||
-moz-border-radius : 3px;
|
||||
-webkit-border-radius : 3px;
|
||||
border-radius : 3px;
|
||||
}
|
||||
.nano:hover > .pane, .pane.active, .pane.flashed {
|
||||
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
|
||||
opacity : 0.99;
|
||||
}
|
||||
@@ -0,0 +1,91 @@
|
||||
#pageslide {
|
||||
/* These styles MUST be included. Do not change. */
|
||||
display: none;
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
bottom: 0;
|
||||
z-index: 1000;
|
||||
overflow: auto;
|
||||
|
||||
/* Specify the width of your pageslide here */
|
||||
padding: 5px;
|
||||
|
||||
/* These styles are optional, and describe how the pageslide will look */
|
||||
background-color: #333;
|
||||
color: #FFF;
|
||||
-webkit-box-shadow: inset 0 0 5px 5px #222;
|
||||
-moz-box-shadow: inset 0 0 5px 5px #222;
|
||||
box-shadow: inset 0 0 5px 5px #222;
|
||||
}
|
||||
#pageslide .content {
|
||||
padding: 15px;
|
||||
}
|
||||
#items #pageslide #view-page .content,
|
||||
#items #pageslide #view-page .pane {
|
||||
padding: 0px;
|
||||
margin-top: 57px;
|
||||
}
|
||||
#pageslide #view-page .content {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
#pageslide #view-page .page-info {
|
||||
padding: 0 10px;
|
||||
border-bottom: 1px solid #222222;
|
||||
box-shadow: 0px 1px 0px #404040;
|
||||
line-height: 50px;
|
||||
}
|
||||
#pageslide #view-page .page-info a {
|
||||
color: #8f8f8f;
|
||||
font-size: 2em;
|
||||
text-decoration: none;
|
||||
}
|
||||
#pageslide #view-page .page-info a:hover {
|
||||
color: #efefef;
|
||||
}
|
||||
#pageslide #view-page .page-info h3 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
#pageslide form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#pageslide legend {
|
||||
color: #FFFFFF;
|
||||
border-bottom: 1px solid #949494;
|
||||
}
|
||||
#pageslide .radio.inline,
|
||||
#pageslide .checkbox.inline {
|
||||
white-space: nowrap;
|
||||
}
|
||||
#pageslide .radio.inline,
|
||||
#pageslide .checkbox.inline,
|
||||
#pageslide .radio.inline + #pageslide .radio.inline,
|
||||
#pageslide .checkbox.inline + #pageslide .checkbox.inline {
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
margin-right: 10px\9;
|
||||
}
|
||||
#pageslide .form-actions {
|
||||
background-color: transparent;
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 20px\9;
|
||||
padding: 19px 0 0;
|
||||
border-top-color: #828282;
|
||||
text-align: right;
|
||||
}
|
||||
#pageslide .preview {
|
||||
position: relative;
|
||||
height: 80px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#pageslide .preview img {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
#pageslide .banner_set {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
padding: 0 2px 0 5px;
|
||||
}
|
||||
@@ -0,0 +1,158 @@
|
||||
.tags .lead {
|
||||
padding: 20px 5px 0px;
|
||||
margin-bottom: 5px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.tags .lead .badge {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.tags .tags-groups {
|
||||
list-style: none;
|
||||
margin: 0 0 20px;
|
||||
padding: 0;
|
||||
}
|
||||
.tags .tags-groups:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
height: 0;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
}
|
||||
.tags .tags-groups.module-tags li.default a {
|
||||
margin-left: 5px;
|
||||
}
|
||||
.tags .tags-groups li {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
padding: 2px 10px;
|
||||
margin: 5px;
|
||||
background-color: #f89406;
|
||||
white-space: nowrap;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
-webkit-border-radius: 12px;
|
||||
-moz-border-radius: 12px;
|
||||
border-radius: 12px;
|
||||
-webkit-transition: all .2s linear;
|
||||
-moz-transition: all .2s linear;
|
||||
-o-transition: all .2s linear;
|
||||
transition: all .2s linear;
|
||||
}
|
||||
.tags .tags-groups li.mark {
|
||||
width: 0;
|
||||
height: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
filter: alpha(opacity=0);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.tags .tags-groups li.active {
|
||||
background-color: #3a87ad;
|
||||
}
|
||||
.tags .tags-groups li.active .amount {
|
||||
color: #8cb8be;
|
||||
}
|
||||
.tags .tags-groups li a {
|
||||
text-decoration: none;
|
||||
color: #ededed;
|
||||
}
|
||||
.tags .tags-groups li .amount {
|
||||
color: #fdcf3b;
|
||||
float: right;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.tags .tags-groups li .card {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
.tags .tags-groups li .card:after {
|
||||
font-family: FontAwesome;
|
||||
content: '\f111';
|
||||
color: #fdcf3b;
|
||||
font-size: 14px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.tags .tags-groups li .card.active:after {
|
||||
content: '\f058';
|
||||
font-size: 18px;
|
||||
left: -2px;
|
||||
top: 1px;
|
||||
}
|
||||
.tags .tags-groups li .card input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
z-index: 1;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||||
}
|
||||
|
||||
|
||||
/* Tags Merger */
|
||||
#tags-merger.modal {
|
||||
width: 960px;
|
||||
margin-left: -480px;
|
||||
}
|
||||
#tags-merger form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#tags-merger .tags .tags-groups li {
|
||||
cursor: pointer;
|
||||
}
|
||||
#tags-merger .tags .tags-groups li.def {
|
||||
background-color: #468847;
|
||||
}
|
||||
#tags-merger .modal-body .pull-left {
|
||||
margin: 0 5px;
|
||||
}
|
||||
#tags-merger .modal-body .help-block {
|
||||
text-align: left;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.tags .tags-groups li.default {
|
||||
background-color: #468847;
|
||||
}
|
||||
.tags .tags-groups li.default.active {
|
||||
background-color: #3a87ad;
|
||||
}
|
||||
.tags .tags-groups li.default .amount {
|
||||
color: #8cbe9a;
|
||||
}
|
||||
.tags .tags-groups li.default.active .amount {
|
||||
color: #8cb8be;
|
||||
}
|
||||
.tags .tags-groups li.default .card:after {
|
||||
color: #8cbe9a;
|
||||
}
|
||||
.tags .tags-groups li.active .card:after {
|
||||
color: #8cb8be;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
#pageslide #filter-default-tag {
|
||||
width: 199px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#pageslide .add-default-tags-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
/* Wrap Nav */
|
||||
|
||||
/* Top Nav */
|
||||
.topnav {
|
||||
margin-bottom: 10px;
|
||||
margin-top: -60px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
position: relative;
|
||||
z-index: 1000;
|
||||
/*position: fixed;*/
|
||||
/*top: 40px;*/
|
||||
/*left: 81px;*/
|
||||
/*right: 20px;*/
|
||||
padding: 10px 0px 0px;
|
||||
background-color: #F3F3F3;
|
||||
}
|
||||
.topnav form {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.topnav .btn-group {
|
||||
margin-top: 3px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.topnav .searchClear input {
|
||||
height: 16px;
|
||||
margin-top: 4px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* Bottom Nav */
|
||||
.bottomnav {
|
||||
padding: 10px 0 5px;
|
||||
left: 81px;
|
||||
right: 20px;
|
||||
bottom: 0px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
background-color: #F3F3F3;
|
||||
border-top: 1px solid #DDDDDD;
|
||||
}
|
||||
.bottomnav .action {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
.bottomnav .pagination {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Breadcrumb */
|
||||
.topnav .breadcrumb {
|
||||
background-color: transparent;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@@ -1,244 +0,0 @@
|
||||
/*list*/
|
||||
|
||||
.table th.select>span {
|
||||
border-bottom:2px solid #0088CC;
|
||||
display: block;
|
||||
margin: 0 -8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
#check_all {
|
||||
margin-top: -20px;
|
||||
}
|
||||
.main-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#filter .main-list, #filter + .main-list {
|
||||
table-layout: fixed;
|
||||
}
|
||||
.main-wrap>.main-list thead th {
|
||||
background-color: transparent;
|
||||
border-right: medium none;
|
||||
}
|
||||
.main-list thead th:last-child {
|
||||
border-right: none !important;
|
||||
}
|
||||
.main-list .span1 {
|
||||
min-width: 32px;
|
||||
}
|
||||
.main-list .span7 {
|
||||
min-width: 300px;
|
||||
}
|
||||
.main-list .nav-pills > li > a {
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
margin: 2px;
|
||||
padding:5px;
|
||||
}
|
||||
.main-list tbody .quick-edit {
|
||||
position:relative;
|
||||
height:20px;
|
||||
}
|
||||
.main-list tbody .quick-edit .nav {
|
||||
position: absolute;
|
||||
width: 440px;
|
||||
left: -8px;
|
||||
}
|
||||
.main-list tbody .quick-edit .nav .dropdown-menu {
|
||||
margin: 0;
|
||||
}
|
||||
.main-list tr:first-child td {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
}
|
||||
.main-list td {
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-right: 1px solid #FFFFFF;
|
||||
border-top: medium none;
|
||||
}
|
||||
.main-list td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
.main-list .nav {
|
||||
margin-top: 0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.main-list tr.with_action>td {
|
||||
-webkit-transition: all 0.1s linear;
|
||||
-moz-transition: all 0.1s linear;
|
||||
}
|
||||
.main-list tr.with_action:hover>td {
|
||||
color: #333333;
|
||||
border-right: 1px solid #E6E6E6;
|
||||
background-color: #E6E6E6;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
-moz-transition: all 0.2s linear;
|
||||
}
|
||||
.main-list tr.with_action:hover>td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
.main-list tr.with_action:hover .hide {
|
||||
display:block !important;
|
||||
}
|
||||
.main-list .label-group {
|
||||
position: relative;
|
||||
height: 40px;
|
||||
}
|
||||
.main-list .label-group .label {
|
||||
margin-bottom: 1px;
|
||||
display: inline-block;
|
||||
padding: 0 3px;
|
||||
}
|
||||
.main-list .label-td {
|
||||
height: 40px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.main-list .label-td:hover {
|
||||
background-color: #fff;
|
||||
height: auto;
|
||||
padding: 7px;
|
||||
left: -55px;
|
||||
top: -8px;
|
||||
border: 1px solid #333;
|
||||
border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
z-index: 5;
|
||||
width: 160px;
|
||||
min-height: 40px;
|
||||
}
|
||||
.qe-edit-div .table-condensed {
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
.table-label {
|
||||
background-color: #F2F2F2;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.table-label .main-list thead th {
|
||||
background-color: #FFFFFF;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
line-height: 20px;
|
||||
}
|
||||
.route-group .route {
|
||||
padding: 0;
|
||||
}
|
||||
.route-group .route .breadcrumb {
|
||||
border-width: 0!important;
|
||||
}
|
||||
.qe-block td {
|
||||
height:auto;
|
||||
padding: 0;
|
||||
/*background-color: #dedede;*/
|
||||
}
|
||||
.qe-block legend {
|
||||
padding-left: 8px;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.qe-block .control-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.qe-block .controls, .qe-block .control-label {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.qe-block .table td, .qe-block .table th {
|
||||
padding: 8px;
|
||||
}
|
||||
.qe-block .form-horizontal {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.qe-block .form-actions {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
legend {
|
||||
font-size: 15px;
|
||||
line-height: 30px;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.subnav {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
position: fixed;
|
||||
top: 30px;
|
||||
z-index: 50;
|
||||
}
|
||||
.subnav .filter > li:first-child > a, .subnav .filter > li:first-child > a:hover {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.dropdown-menu.tags {
|
||||
max-width: none;
|
||||
}
|
||||
.dropdown-menu.tags .tags-cloud {
|
||||
width: 300px;
|
||||
padding:10px;
|
||||
}
|
||||
.dropdown-menu.tags .tags-cloud .active {
|
||||
background-color: #0088CC;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.dropdown-menu.tags .tags-cloud a {
|
||||
display: inline-block;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.dropdown-menu.tags li:last-child a {
|
||||
display: block;
|
||||
text-align:center;
|
||||
}
|
||||
.sort-header th {
|
||||
padding: 0 8px;
|
||||
vertical-align: inherit;
|
||||
position: relative;
|
||||
position/**/: static;
|
||||
}
|
||||
.sort-header th a {
|
||||
display: block;
|
||||
padding: 10px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.sort-header th a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.list-remove {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding-top: 11px !important;
|
||||
left: 25px;
|
||||
font-size: 19px;
|
||||
color: #333;
|
||||
}
|
||||
.list-remove:hover {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.form-fixed {
|
||||
position: fixed;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
.form-fixed .btn {
|
||||
margin-top: 4px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.paginationFixed {
|
||||
}
|
||||
.paginationFixed .pagination {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.member-list td:last-child {
|
||||
position: relative;
|
||||
}
|
||||
.member-list td:last-child .gender {
|
||||
border-radius: 0;
|
||||
}
|
||||
@@ -1,237 +0,0 @@
|
||||
/*list*/
|
||||
|
||||
.table th.select>span {
|
||||
border-bottom:2px solid #0088CC;
|
||||
display: block;
|
||||
margin: 0 -8px -8px;
|
||||
padding: 0 8px 6px;
|
||||
}
|
||||
.main-list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.main-wrap>.main-list thead th {
|
||||
background-color: transparent;
|
||||
border-right: medium none;
|
||||
}
|
||||
.main-list thead th:last-child {
|
||||
border-right: none !important;
|
||||
}
|
||||
.main-list .span1 {
|
||||
min-width: 32px;
|
||||
}
|
||||
.main-list .span7 {
|
||||
min-width: 300px;
|
||||
}
|
||||
.main-list .nav-pills > li > a {
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
margin: 2px;
|
||||
padding:5px;
|
||||
}
|
||||
.main-list tbody .quick-edit {
|
||||
position:relative;
|
||||
height:20px;
|
||||
}
|
||||
.main-list tbody .quick-edit .nav {
|
||||
position: absolute;
|
||||
width: 350px;
|
||||
left: -8px;
|
||||
}
|
||||
.main-list tbody .quick-edit .nav .dropdown-menu {
|
||||
margin: 0;
|
||||
}
|
||||
.main-list tr:first-child td {
|
||||
border-top: 1px solid #DDDDDD;
|
||||
}
|
||||
.main-list td {
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-right: 1px solid #FFFFFF;
|
||||
border-top: medium none;
|
||||
}
|
||||
.main-list td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
.main-list .nav {
|
||||
margin-top: 0;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.main-list tr.with_action>td {
|
||||
-webkit-transition: all 0.1s linear;
|
||||
-moz-transition: all 0.1s linear;
|
||||
}
|
||||
.main-list tr.with_action:hover>td {
|
||||
color: #333333;
|
||||
border-right: 1px solid #E6E6E6;
|
||||
background-color: #E6E6E6;
|
||||
-webkit-transition: all 0.2s linear;
|
||||
-moz-transition: all 0.2s linear;
|
||||
}
|
||||
.main-list tr.with_action:hover>td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
.main-list tr.with_action:hover .hide {
|
||||
display:block !important;
|
||||
}
|
||||
.main-list .label-group {
|
||||
position: relative;
|
||||
height: 40px;
|
||||
}
|
||||
.main-list .label-group .label {
|
||||
margin-bottom: 1px;
|
||||
display: inline-block;
|
||||
padding: 0 3px;
|
||||
}
|
||||
.main-list .label-td {
|
||||
height: 40px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
.main-list .label-td:hover {
|
||||
background-color: #fff;
|
||||
height: auto;
|
||||
padding: 7px;
|
||||
left: -55px;
|
||||
top: -8px;
|
||||
border: 1px solid #333;
|
||||
border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
z-index: 5;
|
||||
width: 160px;
|
||||
min-height: 40px;
|
||||
}
|
||||
.qe-edit-div .table-condensed {
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
.table-label {
|
||||
background-color: #F2F2F2;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.table-label .main-list thead th {
|
||||
background-color: #FFFFFF;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
line-height: 20px;
|
||||
}
|
||||
.route-group .route {
|
||||
padding: 0;
|
||||
}
|
||||
.route-group .route .breadcrumb {
|
||||
border-width: 0!important;
|
||||
}
|
||||
.qe-block td {
|
||||
height:auto;
|
||||
padding: 0;
|
||||
/*background-color: #dedede;*/
|
||||
}
|
||||
.qe-block legend {
|
||||
padding-left: 8px;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.qe-block .control-group {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.qe-block .controls, .qe-block .control-label {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.qe-block .table td, .qe-block .table th {
|
||||
padding: 8px;
|
||||
}
|
||||
.qe-block .form-horizontal {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.qe-block .form-actions {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
legend {
|
||||
font-size: 15px;
|
||||
line-height: 30px;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.subnav {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
position: fixed;
|
||||
top: 30px;
|
||||
z-index: 50;
|
||||
}
|
||||
.subnav .filter > li:first-child > a, .subnav .filter > li:first-child > a:hover {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.dropdown-menu.tags {
|
||||
max-width: none;
|
||||
}
|
||||
.dropdown-menu.tags .tags-cloud {
|
||||
width: 300px;
|
||||
padding:10px;
|
||||
}
|
||||
.dropdown-menu.tags .tags-cloud .active {
|
||||
background-color: #0088CC;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.dropdown-menu.tags .tags-cloud a {
|
||||
display: inline-block;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
.dropdown-menu.tags li:last-child a {
|
||||
display: block;
|
||||
text-align:center;
|
||||
}
|
||||
.sort-header th {
|
||||
padding: 0 8px;
|
||||
vertical-align: inherit;
|
||||
position: relative;
|
||||
}
|
||||
.sort-header th a {
|
||||
display: block;
|
||||
padding: 10px 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.sort-header th a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.list-remove {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
padding-top: 11px !important;
|
||||
left: 25px;
|
||||
font-size: 19px;
|
||||
color: #333;
|
||||
}
|
||||
.list-remove:hover {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
}
|
||||
.form-fixed {
|
||||
position: fixed;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
bottom: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
.form-fixed .btn {
|
||||
margin-top: 4px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.paginationFixed {
|
||||
}
|
||||
.paginationFixed .pagination {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.member-list td:last-child {
|
||||
position: relative;
|
||||
}
|
||||
.member-list td:last-child .gender {
|
||||
border-radius: 0;
|
||||
}
|
||||
@@ -1,358 +0,0 @@
|
||||
.gender {
|
||||
position: absolute;
|
||||
border-radius: 0 0 5px 0;
|
||||
border-width: .5em;
|
||||
margin: 0;
|
||||
border-style: solid;
|
||||
z-index: 10;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
.gender.male {
|
||||
border-color: transparent #41B1D5 #41B1D5 transparent;
|
||||
}
|
||||
.gender.female {
|
||||
border-color: transparent #DB186E #DB186E transparent;
|
||||
}
|
||||
.user-info {
|
||||
background-color: #FFFFFF;
|
||||
padding: 30px 10px 0 20px;
|
||||
top: 31px;
|
||||
position: relative;
|
||||
border-right: 1px solid #b8b8b8;
|
||||
width: 330px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
-webkit-box-shadow: 5px 0px 10px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: 5px 0px 10px rgba(0,0,0,.15);
|
||||
box-shadow: 5px 0px 10px rgba(0,0,0,.15);
|
||||
}
|
||||
.user-info .gender {
|
||||
border-color: #41B1D5 transparent transparent #41B1D5;
|
||||
border-radius: 5px 0 0 0;
|
||||
bottom: auto;
|
||||
right: auto;
|
||||
}
|
||||
.user-info .brand {
|
||||
}
|
||||
.user-info .scrollbar {
|
||||
right: -9px;
|
||||
}
|
||||
.user-info .brand .user-avatar {
|
||||
margin-bottom: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.user-roles {
|
||||
clear: both;
|
||||
}
|
||||
.user-roles .roles .table tr:first-child td {
|
||||
border-top: none;
|
||||
}
|
||||
.user-roles .roles .table td:first-child {
|
||||
text-align: right;
|
||||
}
|
||||
.user-roles .label-line {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
.user-roles .label-line hr {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
border: none;
|
||||
margin: -2px 0 0;
|
||||
}
|
||||
.user-roles .label-line span {
|
||||
color: #343434;
|
||||
font-size: 1.2em;
|
||||
padding: 0 5px;
|
||||
background-color: #FFF;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
.user-roles .basic .label-line hr {
|
||||
background-color: #e0e0e0;
|
||||
}
|
||||
.user-roles .teacher .label-line hr {
|
||||
background-color: #186AB6;
|
||||
}
|
||||
.user-roles .student .label-line hr {
|
||||
background-color: #F38C08;
|
||||
}
|
||||
.user-roles .staff .label-line hr {
|
||||
background-color: #139E2F;
|
||||
}
|
||||
.user-avatar {
|
||||
overflow: hidden;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,.8);
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.user-avatar .reflective {
|
||||
background-image: url(img/reflective.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
position: absolute;
|
||||
}
|
||||
.user .user-avatar .reflective {
|
||||
background-image: url(img/reflective.png);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 -20px;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
opacity: 0;
|
||||
-moz-opacity: 0;
|
||||
filter:alpha(opacity=0);
|
||||
}
|
||||
.user:hover .user-avatar .reflective {
|
||||
background-position: 0 0;
|
||||
opacity: 1;
|
||||
-moz-opacity: 1;
|
||||
filter:alpha(opacity=10);
|
||||
}
|
||||
.user-name {
|
||||
font-size: 1.5em;
|
||||
color: #2d2d2d;
|
||||
margin: 0 0 3px;
|
||||
font-family: Helvetica, "微軟正黑體";
|
||||
}
|
||||
.user-mail {
|
||||
font-size: 1em;
|
||||
color: #A2A2A2;
|
||||
margin: 0 0 3px;
|
||||
}
|
||||
.user-data {
|
||||
padding: 60px 0 0;
|
||||
margin: 0 0 0 360px;
|
||||
}
|
||||
.user-data .form-fixed {
|
||||
}
|
||||
.user-data .subnav {
|
||||
top: 87px;
|
||||
z-index: 1;
|
||||
}
|
||||
.user-data #module-nav {
|
||||
margin-left: -20px;
|
||||
position: fixed;
|
||||
z-index: 1;
|
||||
background-color: #FFFFFF;
|
||||
top: 31px;
|
||||
padding: 10px 20px 0;
|
||||
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, .16);
|
||||
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, .16);
|
||||
box-shadow: 0px 0px 10px rgba(0, 0, 0, .16);
|
||||
}
|
||||
.user-data #module-nav ul {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.member-plugin-list {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.member-abstract, .member-large {
|
||||
padding: 15px;
|
||||
}
|
||||
.member-abstract ul, .member-large ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
.member-abstract>ul>li, .member-large>ul>li {
|
||||
margin: 5px;
|
||||
overflow: hidden;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 1px 3px rgba(0,0,0,.3);
|
||||
}
|
||||
.member-abstract .user *, .member-large .user * {
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
.member-abstract .user, .member-large .user {
|
||||
background-color: #EDEDED;
|
||||
padding: 10px;
|
||||
position: relative;
|
||||
border-radius: 0 0 5px 5px;
|
||||
width: 360px;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
.member-abstract .user:hover, .member-large .user:hover {
|
||||
background-color: #333333;
|
||||
}
|
||||
.member-abstract .user:hover .user-name, .member-large .user:hover .user-name {
|
||||
color: #DDD;
|
||||
}
|
||||
.member-abstract .user .user-meta {
|
||||
margin-left: 90px;
|
||||
}
|
||||
.member-abstract .user .user-title span {
|
||||
color: #5e5e5e;
|
||||
font-size: 1.3em;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.member-abstract .user:hover .user-title span {
|
||||
color: #AAA;
|
||||
}
|
||||
.member-abstract .user ul.user-itemborder {
|
||||
margin-top: 8px;
|
||||
border-top: 1px solid #D5D5D5;
|
||||
padding: 4px 0 0;
|
||||
}
|
||||
.member-abstract .user ul.user-itemborder li, .member-abstract .user ul.user-itemborder li span {
|
||||
color: #333;
|
||||
}
|
||||
.member-abstract .user:hover ul.user-itemborder {
|
||||
color: #EDEDED;
|
||||
border-top: 1px solid #666;
|
||||
}
|
||||
.member-abstract .user:hover ul.user-itemborder li, .member-abstract .user:hover ul.user-itemborder li span {
|
||||
color: #EDEDED;
|
||||
}
|
||||
.member-abstract .user ul.user-itemborder li {
|
||||
width: 33%;
|
||||
font-size: 1.1em;
|
||||
text-align: center;
|
||||
}
|
||||
.member-abstract .user ul.user-itemborder li span {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
padding-right: 5px;
|
||||
}
|
||||
.member-large .user {
|
||||
width: 80px;
|
||||
min-height: 125px;
|
||||
}
|
||||
.member-large .user-avatar {
|
||||
margin-right: 0;
|
||||
}
|
||||
.member-large .user-name {
|
||||
font-weight: bold;
|
||||
font-size: 1.1em;
|
||||
width: 80px;
|
||||
line-height: 18px;
|
||||
padding-top: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
.rolesTag {
|
||||
width: 100%;
|
||||
}
|
||||
.rolesTag td {
|
||||
height: 6px;
|
||||
background-color: #333;
|
||||
}
|
||||
.rolesTag td.teacher {
|
||||
background-color: #186AB6;
|
||||
}
|
||||
.rolesTag td.student {
|
||||
background-color: #F38C08;
|
||||
}
|
||||
.rolesTag td.staff {
|
||||
background-color: #139E2F;
|
||||
}
|
||||
|
||||
.modal.alert-error {
|
||||
color: #B94A48;
|
||||
background-color: #F2DEDE;
|
||||
border-color: #EED3D7;
|
||||
}
|
||||
.news_paragraph p {
|
||||
line-height: 20px;
|
||||
}
|
||||
.nav-tabs>li>.edit, .nav-tabs>li>.edit:hover {
|
||||
background-color: #333;
|
||||
color: #FFF;
|
||||
padding-right: 12px;
|
||||
}
|
||||
.nav-tabs li .icons-pencil {
|
||||
float: right;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.nav-tabs li a {
|
||||
/*padding-right: 32px;*/
|
||||
}
|
||||
|
||||
.user-role {
|
||||
padding: 0 20px 0 150px !important;
|
||||
margin: 20px 0 0;
|
||||
}
|
||||
.role-block .user-info {
|
||||
top: 23px;
|
||||
margin-left: -135px;
|
||||
width: 100px;
|
||||
border-right: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.role-block .map-block h4 .gender {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
left: -1px;
|
||||
right: auto;
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
.role-block .teacher h4 .gender {
|
||||
border-color: #186AB6 transparent transparent #186AB6;
|
||||
}
|
||||
.role-block .student h4 .gender {
|
||||
border-color: #F38C08 transparent transparent #F38C08;
|
||||
}
|
||||
.role-block .staff h4 .gender {
|
||||
border-color: #139E2F transparent transparent #139E2F;
|
||||
}
|
||||
.role-block .tab-content, .role-block .nav-pills {
|
||||
float: left;
|
||||
}
|
||||
.role-block .nav-pills {
|
||||
margin-bottom: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.role-block .nav-pills > li > a {
|
||||
margin-top: 0;
|
||||
}
|
||||
/*.role-block .control-group .inline {
|
||||
float:
|
||||
}*/
|
||||
.plural .input-append input, .plural .input-append select, .plural .input-append .uneditable-input, .unRadius input {
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.plural .input-append .removeInput {
|
||||
display: none;
|
||||
}
|
||||
.plural.editMore .input-append input, .plural.editMore .input-append select, .plural.editMore .input-append .uneditable-input {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.plural.editMore .input-append input, .plural.editMore .input-append select, .plural.editMore .input-append .uneditable-input {
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.plural.editMore .input-append .add-on, .plural.editMore .input-append .btn {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.input-append > .active {
|
||||
display: inline-block;
|
||||
}
|
||||
.input-append .active {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
.language-swich .tab-pane {
|
||||
/*margin-bottom: 5px;*/
|
||||
}
|
||||
@@ -1,17 +0,0 @@
|
||||
/*message*/
|
||||
|
||||
.error{
|
||||
color: #B94A48;
|
||||
}
|
||||
|
||||
.notice, .message{
|
||||
color:green;
|
||||
}
|
||||
|
||||
.warning{
|
||||
color:orange;
|
||||
}
|
||||
label#dyn_error {
|
||||
|
||||
margin-left: 50%;
|
||||
}
|
||||
@@ -1,10 +0,0 @@
|
||||
/*
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require mobile/jquery.mobile-1.2.0.css
|
||||
*= require mobile/add2home
|
||||
*= require mobile/orbit-mobile
|
||||
*= require icons
|
||||
*= require font-awesome
|
||||
*/
|
||||
@@ -1,158 +0,0 @@
|
||||
/**
|
||||
*
|
||||
* Main container
|
||||
*
|
||||
*/
|
||||
#addToHomeScreen {
|
||||
z-index:9999;
|
||||
-webkit-user-select:none;
|
||||
-webkit-box-sizing:border-box;
|
||||
width:240px;
|
||||
font-size:15px;
|
||||
padding:12px 14px;
|
||||
text-align:left;
|
||||
font-family:helvetica;
|
||||
background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
|
||||
border:1px solid #505050;
|
||||
-webkit-border-radius:8px;
|
||||
-webkit-background-clip:padding-box;
|
||||
color:#333;
|
||||
text-shadow:0 1px 0 rgba(255,255,255,0.75);
|
||||
line-height:130%;
|
||||
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
#addToHomeScreen.addToHomeIpad {
|
||||
width:268px;
|
||||
font-size:18px;
|
||||
padding:14px;
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* The 'wide' class is added when the popup contains the touch icon
|
||||
*
|
||||
*/
|
||||
#addToHomeScreen.addToHomeWide {
|
||||
width:296px;
|
||||
}
|
||||
|
||||
#addToHomeScreen.addToHomeIpad.addToHomeWide {
|
||||
width:320px;
|
||||
font-size:18px;
|
||||
padding:14px;
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* The balloon arrow
|
||||
*
|
||||
*/
|
||||
#addToHomeScreen .addToHomeArrow {
|
||||
position:absolute;
|
||||
background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
|
||||
border-width:0 1px 1px 0;
|
||||
border-style:solid;
|
||||
border-color:#505050;
|
||||
width:16px; height:16px;
|
||||
-webkit-transform:rotateZ(45deg);
|
||||
bottom:-9px; left:50%;
|
||||
margin-left:-8px;
|
||||
-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
|
||||
-webkit-border-bottom-right-radius:2px;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
* The balloon arrow for iPad
|
||||
*
|
||||
*/
|
||||
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
|
||||
-webkit-transform:rotateZ(-135deg);
|
||||
background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
|
||||
-webkit-box-shadow:inset -1px -1px 0 #fff;
|
||||
top:-9px; bottom:auto; left:50%;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
* Close button
|
||||
*
|
||||
*/
|
||||
#addToHomeScreen .addToHomeClose {
|
||||
-webkit-box-sizing:border-box;
|
||||
position:absolute;
|
||||
right:4px;
|
||||
top:4px;
|
||||
width:18px;
|
||||
height:18px; line-height:14px;
|
||||
text-align:center;
|
||||
text-indent:1px;
|
||||
-webkit-border-radius:9px;
|
||||
background:rgba(0,0,0,0.12);
|
||||
color:#707070;
|
||||
-webkit-box-shadow:0 1px 0 #fff;
|
||||
font-size:16px;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
* The '+' icon, displayed only on iOS < 4.2
|
||||
*
|
||||
*/
|
||||
#addToHomeScreen .addToHomePlus {
|
||||
font-weight:bold;
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
* The 'share' icon, displayed only on iOS >= 4.2
|
||||
*
|
||||
*/
|
||||
#addToHomeScreen .addToHomeShare {
|
||||
display:inline-block;
|
||||
width:18px;
|
||||
height:15px;
|
||||
background-repeat:no-repeat;
|
||||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
|
||||
background-size:18px 15px;
|
||||
text-indent:-9999em;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
* The touch icon (if available)
|
||||
*
|
||||
*/
|
||||
#addToHomeScreen .addToHomeTouchIcon {
|
||||
display:block;
|
||||
float:left;
|
||||
-webkit-border-radius:6px;
|
||||
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
|
||||
inset 0 0 2px rgba(255,255,255,0.9);
|
||||
background-repeat:no-repeat;
|
||||
width:57px; height:57px;
|
||||
-webkit-background-size:57px 57px;
|
||||
margin:0 12px 0 0;
|
||||
border:1px solid #333;
|
||||
-webkit-background-clip:padding-box;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
* The 'share' icon for retina display
|
||||
*
|
||||
*/
|
||||
@media all and (-webkit-min-device-pixel-ratio: 2) {
|
||||
#addToHomeScreen .addToHomeShare {
|
||||
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
|
||||
}
|
||||
}
|
||||
-303
@@ -1,303 +0,0 @@
|
||||
/* Font Awesome
|
||||
the iconic font designed for use with Twitter Bootstrap
|
||||
-------------------------------------------------------
|
||||
The full suite of pictographic icons, examples, and documentation
|
||||
can be found at: http://fortawesome.github.com/Font-Awesome/
|
||||
|
||||
License
|
||||
-------------------------------------------------------
|
||||
The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
|
||||
http://creativecommons.org/licenses/by/3.0/ A mention of
|
||||
'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
|
||||
source code is considered acceptable attribution (most common on the web).
|
||||
If human readable source code is not available to the end user, a mention in
|
||||
an 'About' or 'Credits' screen is considered acceptable (most common in desktop
|
||||
or mobile software).
|
||||
|
||||
Contact
|
||||
-------------------------------------------------------
|
||||
Email: dave@davegandy.com
|
||||
Twitter: http://twitter.com/fortaweso_me
|
||||
Work: http://lemonwi.se co-founder
|
||||
|
||||
*/
|
||||
@font-face {
|
||||
font-family: "FontAwesome";
|
||||
src: url('../fonts/fontawesome-webfont.eot');
|
||||
src: url('../fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Font Awesome styles
|
||||
------------------------------------------------------- */
|
||||
[class^="icon-"]:before, [class*=" icon-"]:before {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
a [class^="icon-"], a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
vertical-align: top;
|
||||
font-size: 1.3333333333333333em;
|
||||
}
|
||||
.btn [class^="icon-"], .btn [class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
line-height: .9em;
|
||||
}
|
||||
li [class^="icon-"], li [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
|
||||
/* 1.5 increased font size for icon-large * 1.25 width */
|
||||
|
||||
width: 1.875em;
|
||||
}
|
||||
li[class^="icon-"], li[class*=" icon-"] {
|
||||
margin-left: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
li[class^="icon-"]:before, li[class*=" icon-"]:before {
|
||||
text-indent: -2em;
|
||||
text-align: center;
|
||||
}
|
||||
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
|
||||
text-indent: -1.3333333333333333em;
|
||||
}
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
.icon-glass:before { content: "\f000"; }
|
||||
.icon-music:before { content: "\f001"; }
|
||||
.icon-search:before { content: "\f002"; }
|
||||
.icon-envelope:before { content: "\f003"; }
|
||||
.icon-heart:before { content: "\f004"; }
|
||||
.icon-star:before { content: "\f005"; }
|
||||
.icon-star-empty:before { content: "\f006"; }
|
||||
.icon-user:before { content: "\f007"; }
|
||||
.icon-film:before { content: "\f008"; }
|
||||
.icon-th-large:before { content: "\f009"; }
|
||||
.icon-th:before { content: "\f00a"; }
|
||||
.icon-th-list:before { content: "\f00b"; }
|
||||
.icon-ok:before { content: "\f00c"; }
|
||||
.icon-remove:before { content: "\f00d"; }
|
||||
.icon-zoom-in:before { content: "\f00e"; }
|
||||
|
||||
.icon-zoom-out:before { content: "\f010"; }
|
||||
.icon-off:before { content: "\f011"; }
|
||||
.icon-signal:before { content: "\f012"; }
|
||||
.icon-cog:before { content: "\f013"; }
|
||||
.icon-trash:before { content: "\f014"; }
|
||||
.icon-home:before { content: "\f015"; }
|
||||
.icon-file:before { content: "\f016"; }
|
||||
.icon-time:before { content: "\f017"; }
|
||||
.icon-road:before { content: "\f018"; }
|
||||
.icon-download-alt:before { content: "\f019"; }
|
||||
.icon-download:before { content: "\f01a"; }
|
||||
.icon-upload:before { content: "\f01b"; }
|
||||
.icon-inbox:before { content: "\f01c"; }
|
||||
.icon-play-circle:before { content: "\f01d"; }
|
||||
.icon-repeat:before { content: "\f01e"; }
|
||||
|
||||
/* \f020 doesn't work in Safari. all shifted one down */
|
||||
.icon-refresh:before { content: "\f021"; }
|
||||
.icon-list-alt:before { content: "\f022"; }
|
||||
.icon-lock:before { content: "\f023"; }
|
||||
.icon-flag:before { content: "\f024"; }
|
||||
.icon-headphones:before { content: "\f025"; }
|
||||
.icon-volume-off:before { content: "\f026"; }
|
||||
.icon-volume-down:before { content: "\f027"; }
|
||||
.icon-volume-up:before { content: "\f028"; }
|
||||
.icon-qrcode:before { content: "\f029"; }
|
||||
.icon-barcode:before { content: "\f02a"; }
|
||||
.icon-tag:before { content: "\f02b"; }
|
||||
.icon-tags:before { content: "\f02c"; }
|
||||
.icon-book:before { content: "\f02d"; }
|
||||
.icon-bookmark:before { content: "\f02e"; }
|
||||
.icon-print:before { content: "\f02f"; }
|
||||
|
||||
.icon-camera:before { content: "\f030"; }
|
||||
.icon-font:before { content: "\f031"; }
|
||||
.icon-bold:before { content: "\f032"; }
|
||||
.icon-italic:before { content: "\f033"; }
|
||||
.icon-text-height:before { content: "\f034"; }
|
||||
.icon-text-width:before { content: "\f035"; }
|
||||
.icon-align-left:before { content: "\f036"; }
|
||||
.icon-align-center:before { content: "\f037"; }
|
||||
.icon-align-right:before { content: "\f038"; }
|
||||
.icon-align-justify:before { content: "\f039"; }
|
||||
.icon-list:before { content: "\f03a"; }
|
||||
.icon-indent-left:before { content: "\f03b"; }
|
||||
.icon-indent-right:before { content: "\f03c"; }
|
||||
.icon-facetime-video:before { content: "\f03d"; }
|
||||
.icon-picture:before { content: "\f03e"; }
|
||||
|
||||
.icon-pencil:before { content: "\f040"; }
|
||||
.icon-map-marker:before { content: "\f041"; }
|
||||
.icon-adjust:before { content: "\f042"; }
|
||||
.icon-tint:before { content: "\f043"; }
|
||||
.icon-edit:before { content: "\f044"; }
|
||||
.icon-share:before { content: "\f045"; }
|
||||
.icon-check:before { content: "\f046"; }
|
||||
.icon-move:before { content: "\f047"; }
|
||||
.icon-step-backward:before { content: "\f048"; }
|
||||
.icon-fast-backward:before { content: "\f049"; }
|
||||
.icon-backward:before { content: "\f04a"; }
|
||||
.icon-play:before { content: "\f04b"; }
|
||||
.icon-pause:before { content: "\f04c"; }
|
||||
.icon-stop:before { content: "\f04d"; }
|
||||
.icon-forward:before { content: "\f04e"; }
|
||||
|
||||
.icon-fast-forward:before { content: "\f050"; }
|
||||
.icon-step-forward:before { content: "\f051"; }
|
||||
.icon-eject:before { content: "\f052"; }
|
||||
.icon-chevron-left:before { content: "\f053"; }
|
||||
.icon-chevron-right:before { content: "\f054"; }
|
||||
.icon-plus-sign:before { content: "\f055"; }
|
||||
.icon-minus-sign:before { content: "\f056"; }
|
||||
.icon-remove-sign:before { content: "\f057"; }
|
||||
.icon-ok-sign:before { content: "\f058"; }
|
||||
.icon-question-sign:before { content: "\f059"; }
|
||||
.icon-info-sign:before { content: "\f05a"; }
|
||||
.icon-screenshot:before { content: "\f05b"; }
|
||||
.icon-remove-circle:before { content: "\f05c"; }
|
||||
.icon-ok-circle:before { content: "\f05d"; }
|
||||
.icon-ban-circle:before { content: "\f05e"; }
|
||||
|
||||
.icon-arrow-left:before { content: "\f060"; }
|
||||
.icon-arrow-right:before { content: "\f061"; }
|
||||
.icon-arrow-up:before { content: "\f062"; }
|
||||
.icon-arrow-down:before { content: "\f063"; }
|
||||
.icon-share-alt:before { content: "\f064"; }
|
||||
.icon-resize-full:before { content: "\f065"; }
|
||||
.icon-resize-small:before { content: "\f066"; }
|
||||
.icon-plus:before { content: "\f067"; }
|
||||
.icon-minus:before { content: "\f068"; }
|
||||
.icon-asterisk:before { content: "\f069"; }
|
||||
.icon-exclamation-sign:before { content: "\f06a"; }
|
||||
.icon-gift:before { content: "\f06b"; }
|
||||
.icon-leaf:before { content: "\f06c"; }
|
||||
.icon-fire:before { content: "\f06d"; }
|
||||
.icon-eye-open:before { content: "\f06e"; }
|
||||
|
||||
.icon-eye-close:before { content: "\f070"; }
|
||||
.icon-warning-sign:before { content: "\f071"; }
|
||||
.icon-plane:before { content: "\f072"; }
|
||||
.icon-calendar:before { content: "\f073"; }
|
||||
.icon-random:before { content: "\f074"; }
|
||||
.icon-comment:before { content: "\f075"; }
|
||||
.icon-magnet:before { content: "\f076"; }
|
||||
.icon-chevron-up:before { content: "\f077"; }
|
||||
.icon-chevron-down:before { content: "\f078"; }
|
||||
.icon-retweet:before { content: "\f079"; }
|
||||
.icon-shopping-cart:before { content: "\f07a"; }
|
||||
.icon-folder-close:before { content: "\f07b"; }
|
||||
.icon-folder-open:before { content: "\f07c"; }
|
||||
.icon-resize-vertical:before { content: "\f07d"; }
|
||||
.icon-resize-horizontal:before { content: "\f07e"; }
|
||||
|
||||
.icon-bar-chart:before { content: "\f080"; }
|
||||
.icon-twitter-sign:before { content: "\f081"; }
|
||||
.icon-facebook-sign:before { content: "\f082"; }
|
||||
.icon-camera-retro:before { content: "\f083"; }
|
||||
.icon-key:before { content: "\f084"; }
|
||||
.icon-cogs:before { content: "\f085"; }
|
||||
.icon-comments:before { content: "\f086"; }
|
||||
.icon-thumbs-up:before { content: "\f087"; }
|
||||
.icon-thumbs-down:before { content: "\f088"; }
|
||||
.icon-star-half:before { content: "\f089"; }
|
||||
.icon-heart-empty:before { content: "\f08a"; }
|
||||
.icon-signout:before { content: "\f08b"; }
|
||||
.icon-linkedin-sign:before { content: "\f08c"; }
|
||||
.icon-pushpin:before { content: "\f08d"; }
|
||||
.icon-external-link:before { content: "\f08e"; }
|
||||
|
||||
.icon-signin:before { content: "\f090"; }
|
||||
.icon-trophy:before { content: "\f091"; }
|
||||
.icon-github-sign:before { content: "\f092"; }
|
||||
.icon-upload-alt:before { content: "\f093"; }
|
||||
.icon-lemon:before { content: "\f094"; }
|
||||
.icon-phone:before { content: "\f095"; }
|
||||
.icon-check-empty:before { content: "\f096"; }
|
||||
.icon-bookmark-empty:before { content: "\f097"; }
|
||||
.icon-phone-sign:before { content: "\f098"; }
|
||||
.icon-twitter:before { content: "\f099"; }
|
||||
.icon-facebook:before { content: "\f09a"; }
|
||||
.icon-github:before { content: "\f09b"; }
|
||||
.icon-unlock:before { content: "\f09c"; }
|
||||
.icon-credit-card:before { content: "\f09d"; }
|
||||
.icon-rss:before { content: "\f09e"; }
|
||||
|
||||
.icon-hdd:before { content: "\f0a0"; }
|
||||
.icon-bullhorn:before { content: "\f0a1"; }
|
||||
.icon-bell:before { content: "\f0a2"; }
|
||||
.icon-certificate:before { content: "\f0a3"; }
|
||||
.icon-hand-right:before { content: "\f0a4"; }
|
||||
.icon-hand-left:before { content: "\f0a5"; }
|
||||
.icon-hand-up:before { content: "\f0a6"; }
|
||||
.icon-hand-down:before { content: "\f0a7"; }
|
||||
.icon-circle-arrow-left:before { content: "\f0a8"; }
|
||||
.icon-circle-arrow-right:before { content: "\f0a9"; }
|
||||
.icon-circle-arrow-up:before { content: "\f0aa"; }
|
||||
.icon-circle-arrow-down:before { content: "\f0ab"; }
|
||||
.icon-globe:before { content: "\f0ac"; }
|
||||
.icon-wrench:before { content: "\f0ad"; }
|
||||
.icon-tasks:before { content: "\f0ae"; }
|
||||
|
||||
.icon-filter:before { content: "\f0b0"; }
|
||||
.icon-briefcase:before { content: "\f0b1"; }
|
||||
.icon-fullscreen:before { content: "\f0b2"; }
|
||||
|
||||
.icon-group:before { content: "\f0c0"; }
|
||||
.icon-link:before { content: "\f0c1"; }
|
||||
.icon-cloud:before { content: "\f0c2"; }
|
||||
.icon-beaker:before { content: "\f0c3"; }
|
||||
.icon-cut:before { content: "\f0c4"; }
|
||||
.icon-copy:before { content: "\f0c5"; }
|
||||
.icon-paper-clip:before { content: "\f0c6"; }
|
||||
.icon-save:before { content: "\f0c7"; }
|
||||
.icon-sign-blank:before { content: "\f0c8"; }
|
||||
.icon-reorder:before { content: "\f0c9"; }
|
||||
.icon-list-ul:before { content: "\f0ca"; }
|
||||
.icon-list-ol:before { content: "\f0cb"; }
|
||||
.icon-strikethrough:before { content: "\f0cc"; }
|
||||
.icon-underline:before { content: "\f0cd"; }
|
||||
.icon-table:before { content: "\f0ce"; }
|
||||
|
||||
.icon-magic:before { content: "\f0d0"; }
|
||||
.icon-truck:before { content: "\f0d1"; }
|
||||
.icon-pinterest:before { content: "\f0d2"; }
|
||||
.icon-pinterest-sign:before { content: "\f0d3"; }
|
||||
.icon-google-plus-sign:before { content: "\f0d4"; }
|
||||
.icon-google-plus:before { content: "\f0d5"; }
|
||||
.icon-money:before { content: "\f0d6"; }
|
||||
.icon-caret-down:before { content: "\f0d7"; }
|
||||
.icon-caret-up:before { content: "\f0d8"; }
|
||||
.icon-caret-left:before { content: "\f0d9"; }
|
||||
.icon-caret-right:before { content: "\f0da"; }
|
||||
.icon-columns:before { content: "\f0db"; }
|
||||
.icon-sort:before { content: "\f0dc"; }
|
||||
.icon-sort-down:before { content: "\f0dd"; }
|
||||
.icon-sort-up:before { content: "\f0de"; }
|
||||
|
||||
.icon-envelope-alt:before { content: "\f0e0"; }
|
||||
.icon-linkedin:before { content: "\f0e1"; }
|
||||
.icon-undo:before { content: "\f0e2"; }
|
||||
.icon-legal:before { content: "\f0e3"; }
|
||||
.icon-dashboard:before { content: "\f0e4"; }
|
||||
.icon-comment-alt:before { content: "\f0e5"; }
|
||||
.icon-comments-alt:before { content: "\f0e6"; }
|
||||
.icon-bolt:before { content: "\f0e7"; }
|
||||
.icon-sitemap:before { content: "\f0e8"; }
|
||||
.icon-umbrella:before { content: "\f0e9"; }
|
||||
.icon-paste:before { content: "\f0ea"; }
|
||||
|
||||
.icon-user-md:before { content: "\f200"; }
|
||||
@@ -1,519 +0,0 @@
|
||||
/* WARNING: Your are using ligatures for your icon font.
|
||||
Ligatures are not supported in IE 9 (and older).
|
||||
Use the Private Use Area encoding for best browser support.
|
||||
==================================================================== */
|
||||
@font-face {
|
||||
font-family: 'entypo';
|
||||
src:url(<%= asset_path 'entypo.eot' %>);
|
||||
src:url(<%= asset_path 'entypo.eot?#iefix' %>) format('embedded-opentype'),
|
||||
url(<%= asset_path 'entypo.svg#entypo' %>) format('svg'),
|
||||
url(<%= asset_path 'entypo.woff' %>) format('woff'),
|
||||
url(<%= asset_path 'entypo.ttf' %>) format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to use data attributes for inserting your icons */
|
||||
[data-icons]:before {
|
||||
font-family: 'entypo';
|
||||
content: attr(data-icon);
|
||||
speak: none;
|
||||
/* Enable Ligatures */
|
||||
-webkit-font-feature-settings:"liga","dlig";
|
||||
-moz-font-feature-settings:"liga=1, dlig=1";
|
||||
-moz-font-feature-settings:"liga","dlig";
|
||||
-ms-font-feature-settings:"liga","dlig";
|
||||
-o-font-feature-settings:"liga","dlig";
|
||||
font-feature-settings:"liga","dlig";
|
||||
text-rendering:optimizeLegibility;
|
||||
font-weight: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
/* Use the following CSS code if you want to have a class per icon */
|
||||
[class^="icons-"]:before, [class*=" icons-"]:before {
|
||||
font-size: 1.5em;
|
||||
font-family: 'entypo';
|
||||
font-style: normal;
|
||||
speak: none;
|
||||
/* Enable Ligatures */
|
||||
-webkit-font-feature-settings:"liga","dlig";
|
||||
-moz-font-feature-settings:"liga=1, dlig=1";
|
||||
-moz-font-feature-settings:"liga","dlig";
|
||||
-ms-font-feature-settings:"liga","dlig";
|
||||
-o-font-feature-settings:"liga","dlig";
|
||||
font-feature-settings:"liga","dlig";
|
||||
text-rendering:optimizeLegibility;
|
||||
font-weight: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
a [class^="icons-"], a [class*=" icons-"] {
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icons-large:before {
|
||||
vertical-align: top;
|
||||
font-size: 1.3333333333333333em;
|
||||
}
|
||||
.btn [class^="icons-"], .btn [class*=" icons-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
line-height: .9em;
|
||||
}
|
||||
li [class^="icons-"], li [class*=" icons-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
margin-right: 10px;
|
||||
}
|
||||
li .icons-large[class^="icons-"], li .icons-large[class*=" icons-"] {
|
||||
/* 1.5 increased font size for icons-large * 1.25 width */
|
||||
|
||||
width: 1.875em;
|
||||
}
|
||||
li[class^="icons-"], li[class*=" icons-"] {
|
||||
margin-left: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
li[class^="icons-"]:before, li[class*=" icons-"]:before {
|
||||
text-indent: -2em;
|
||||
text-align: center;
|
||||
}
|
||||
li[class^="icons-"].icons-large:before, li[class*=" icons-"].icons-large:before {
|
||||
text-indent: -1.3333333333333333em;
|
||||
}
|
||||
.icons-phone:before {
|
||||
content: "\70\68\6f\6e\65";
|
||||
}
|
||||
.icons-directions:before {
|
||||
content: "\64\69\72\65\63\74\69\6f\6e\73";
|
||||
}
|
||||
.icons-mail:before {
|
||||
content: "\6d\61\69\6c";
|
||||
}
|
||||
.icons-pencil:before {
|
||||
content: "\70\65\6e\63\69\6c";
|
||||
}
|
||||
.icons-paperclip:before {
|
||||
content: "\70\61\70\65\72\63\6c\69\70";
|
||||
}
|
||||
.icons-drawer:before {
|
||||
content: "\64\72\61\77\65\72";
|
||||
}
|
||||
.icons-member:before {
|
||||
content: "\6d\65\6d\62\65\72";
|
||||
}
|
||||
.icons-group:before {
|
||||
content: "\67\72\6f\75\70";
|
||||
}
|
||||
.icons-addmember:before {
|
||||
content: "\61\64\64\6d\65\6d\62\65\72";
|
||||
}
|
||||
.icons-location:before {
|
||||
content: "\6c\6f\63\61\74\69\6f\6e";
|
||||
}
|
||||
.icons-share:before {
|
||||
content: "\73\68\61\72\65";
|
||||
}
|
||||
.icons-heart-full:before {
|
||||
content: "\68\65\61\72\74\2d\66\75\6c\6c";
|
||||
}
|
||||
.icons-heart-bare:before {
|
||||
content: "\68\65\61\72\74\2d\62\61\72\65";
|
||||
}
|
||||
.icons-star-full:before {
|
||||
content: "\73\74\61\72\2d\66\75\6c\6c";
|
||||
}
|
||||
.icons-star-bare:before {
|
||||
content: "\73\74\61\72\2d\62\61\72\65";
|
||||
}
|
||||
.icons-discuss:before {
|
||||
content: "\64\69\73\63\75\73\73";
|
||||
}
|
||||
.icons-comment:before {
|
||||
content: "\63\6f\6d\6d\65\6e\74";
|
||||
}
|
||||
.icons-quote:before {
|
||||
content: "\71\75\6f\74\65";
|
||||
}
|
||||
.icons-house:before {
|
||||
content: "\68\6f\75\73\65";
|
||||
}
|
||||
.icons-search:before {
|
||||
content: "\73\65\61\72\63\68";
|
||||
}
|
||||
.icons-printer:before {
|
||||
content: "\70\72\69\6e\74\65\72";
|
||||
}
|
||||
.icons-bell:before {
|
||||
content: "\62\65\6c\6c";
|
||||
}
|
||||
.icons-link:before {
|
||||
content: "\6c\69\6e\6b";
|
||||
}
|
||||
.icons-flag:before {
|
||||
content: "\66\61\6c\67";
|
||||
}
|
||||
.icons-cog:before {
|
||||
content: "\63\6f\67";
|
||||
}
|
||||
.icons-tools:before {
|
||||
content: "\74\6f\6f\6c\73";
|
||||
}
|
||||
.icons-tag:before {
|
||||
content: "\74\61\67";
|
||||
}
|
||||
.icons-camera:before {
|
||||
content: "\63\61\6d\65\72\61";
|
||||
}
|
||||
.icons-megaphone:before {
|
||||
content: "\6d\65\67\61\70\68\6f\6e\65";
|
||||
}
|
||||
.icons-new:before {
|
||||
content: "\6e\65\77";
|
||||
}
|
||||
.icons-graduation:before {
|
||||
content: "\67\72\61\64\75\61\74\69\6f\6e";
|
||||
}
|
||||
.icons-books:before {
|
||||
content: "\62\6f\6f\6b\73";
|
||||
}
|
||||
.icons-page:before {
|
||||
content: "\70\61\67\65";
|
||||
}
|
||||
.icons-lifebuoy:before {
|
||||
content: "\6c\69\66\65\62\75\6f\79";
|
||||
}
|
||||
.icons-eye:before {
|
||||
content: "\65\79\65";
|
||||
}
|
||||
.icons-clock:before {
|
||||
content: "\63\6c\6f\63\6b";
|
||||
}
|
||||
.icons-calendar:before {
|
||||
content: "\63\61\6c\65\6e\64\61\72";
|
||||
}
|
||||
.icons-briefcase:before {
|
||||
content: "\62\72\69\65\66\63\61\73\65";
|
||||
}
|
||||
.icons-gauge:before {
|
||||
content: "\67\61\75\67\65";
|
||||
}
|
||||
.icons-language:before {
|
||||
content: "\6c\61\6e\67\75\61\67\65";
|
||||
}
|
||||
.icons-keys:before {
|
||||
content: "\6b\65\79\73";
|
||||
}
|
||||
.icons-earth:before {
|
||||
content: "\65\61\72\74\68";
|
||||
}
|
||||
.icons-keyboard:before {
|
||||
content: "\6b\65\79\62\6f\61\72\64";
|
||||
}
|
||||
.icons-browser:before {
|
||||
content: "\62\72\6f\77\73\65\72";
|
||||
}
|
||||
.icons-publish:before {
|
||||
content: "\70\75\62\6c\69\73\68";
|
||||
}
|
||||
.icons-code:before {
|
||||
content: "\63\6f\64\65";
|
||||
}
|
||||
.icons-light-bulb:before {
|
||||
content: "\6c\69\67\68\74\2d\62\75\6c\62";
|
||||
}
|
||||
.icons-database:before {
|
||||
content: "\64\61\74\61\62\61\73\65";
|
||||
}
|
||||
.icons-box:before {
|
||||
content: "\62\6f\78";
|
||||
}
|
||||
.icons-rss:before {
|
||||
content: "\72\73\73";
|
||||
}
|
||||
.icons-clipboard:before {
|
||||
content: "\63\6c\69\70\62\6f\61\72\64";
|
||||
}
|
||||
.icons-cart:before {
|
||||
content: "\63\61\72\74";
|
||||
}
|
||||
.icons-untitled:before {
|
||||
content: "\75\6e\74\69\74\6c\65\64";
|
||||
}
|
||||
.icons-statistics:before {
|
||||
content: "\73\74\61\74\69\73\74\69\63\73";
|
||||
}
|
||||
.icons-pie:before {
|
||||
content: "\70\69\65";
|
||||
}
|
||||
.icons-bars:before {
|
||||
content: "\62\61\72\73";
|
||||
}
|
||||
.icons-graph:before {
|
||||
content: "\67\72\61\70\68";
|
||||
}
|
||||
.icons-lock:before {
|
||||
content: "\6c\6f\63\6b";
|
||||
}
|
||||
.icons-unlock:before {
|
||||
content: "\75\6e\6c\6f\63\6b";
|
||||
}
|
||||
.icons-outlog:before {
|
||||
content: "\6f\75\74\6c\6f\67";
|
||||
}
|
||||
.icons-inlog:before {
|
||||
content: "\69\6e\6c\6f\67";
|
||||
}
|
||||
.icons-checkmark:before {
|
||||
content: "\63\68\65\63\6b\6d\61\72\6b";
|
||||
}
|
||||
.icons-aminus:before {
|
||||
content: "\61\6d\69\6e\75\73";
|
||||
}
|
||||
.icons-aplus:before {
|
||||
content: "\61\70\6c\75\73";
|
||||
}
|
||||
.icons-aclose:before {
|
||||
content: "\61\63\6c\6f\73\65";
|
||||
}
|
||||
.icons-bminus:before {
|
||||
content: "\62\6d\69\6e\75\73";
|
||||
}
|
||||
.icons-bplus:before {
|
||||
content: "\62\70\6c\75\73";
|
||||
}
|
||||
.icons-bclose:before {
|
||||
content: "\62\63\6c\6f\73\65";
|
||||
}
|
||||
.icons-cminus:before {
|
||||
content: "\63\6d\69\6e\75\73";
|
||||
}
|
||||
.icons-cplus:before {
|
||||
content: "\63\70\6c\75\73";
|
||||
}
|
||||
.icons-cross:before {
|
||||
content: "\63\72\6f\73\73";
|
||||
}
|
||||
.icons-blocked:before {
|
||||
content: "\62\6c\6f\63\6b\65\64";
|
||||
}
|
||||
.icons-information:before {
|
||||
content: "\69\6e\66\6f\72\6d\61\74\69\6f\6e";
|
||||
}
|
||||
.icons-binfo:before {
|
||||
content: "\62\69\6e\66\6f";
|
||||
}
|
||||
.icons-question:before {
|
||||
content: "\71\75\65\73\74\69\6f\6e";
|
||||
}
|
||||
.icons-help:before {
|
||||
content: "\68\65\6c\70";
|
||||
}
|
||||
.icons-warning:before {
|
||||
content: "\77\61\72\6e\69\6e\67";
|
||||
}
|
||||
.icons-shuffle:before {
|
||||
content: "\73\68\75\66\66\6c\65";
|
||||
}
|
||||
.icons-return:before {
|
||||
content: "\72\65\74\75\72\6e";
|
||||
}
|
||||
.icons-enter:before {
|
||||
content: "\65\6e\74\65\72";
|
||||
}
|
||||
.icons-exchange:before {
|
||||
content: "\65\78\63\68\61\6e\67\65";
|
||||
}
|
||||
.icons-loop:before {
|
||||
content: "\6c\6f\6f\70";
|
||||
}
|
||||
.icons-th-list:before {
|
||||
content: "\74\68\2d\6c\69\73\74";
|
||||
}
|
||||
.icons-th-large:before {
|
||||
content: "\74\68\2d\6c\61\72\67\65";
|
||||
}
|
||||
.icons-align-justify:before {
|
||||
content: "\61\6c\69\67\6e\2d\6a\75\73\74\69\66\79";
|
||||
}
|
||||
.icons-wtext:before {
|
||||
content: "\77\74\65\78\74";
|
||||
}
|
||||
.icons-btext:before {
|
||||
content: "\62\74\65\78\74";
|
||||
}
|
||||
.icons-pictures:before {
|
||||
content: "\70\69\63\74\75\72\65";
|
||||
}
|
||||
.icons-video:before {
|
||||
content: "\76\69\64\65\6f";
|
||||
}
|
||||
.icons-music:before {
|
||||
content: "\6d\6f\75\73\65";
|
||||
}
|
||||
.icons-folder:before {
|
||||
content: "\66\6f\6c\64\65\72";
|
||||
}
|
||||
.icons-archive:before {
|
||||
content: "\61\72\63\68\69\76\65";
|
||||
}
|
||||
.icons-trash:before {
|
||||
content: "\74\72\61\73\68";
|
||||
}
|
||||
.icons-upload:before {
|
||||
content: "\75\70\6c\6f\61\64";
|
||||
}
|
||||
.icons-download:before {
|
||||
content: "\64\6f\77\6e\6c\6f\61\64";
|
||||
}
|
||||
.icons-disk:before {
|
||||
content: "\64\69\73\6b";
|
||||
}
|
||||
.icons-bookmark:before {
|
||||
content: "\62\6f\6f\6b\6d\61\72\6b";
|
||||
}
|
||||
.icons-booma:before {
|
||||
content: "\62\6f\6f\6d\61";
|
||||
}
|
||||
.icons-resize-enlarge:before {
|
||||
content: "\72\65\73\69\7a\65\2d\65\6e\6c\61\72\67\65";
|
||||
}
|
||||
.icons-resize-shrink:before {
|
||||
content: "\72\65\73\69\7a\65\2d\73\68\72\69\6e\6b";
|
||||
}
|
||||
.icons-flow-tree:before {
|
||||
content: "\66\6c\6f\77\2d\74\72\65\65";
|
||||
}
|
||||
.icons-arrow-left-a:before {
|
||||
content: "\61\72\72\6f\77\2d\6c\65\66\74\2d\61";
|
||||
}
|
||||
.icons-arrow-bottom-a:before {
|
||||
content: "\61\72\72\6f\77\2d\62\6f\74\74\6f\6d\2d\61";
|
||||
}
|
||||
.icons-arrow-top-a:before {
|
||||
content: "\61\72\72\6f\77\2d\74\6f\70\2d\61";
|
||||
}
|
||||
.icons-arrow-right-a:before {
|
||||
content: "\61\72\72\6f\77\2d\72\69\67\68\74\2d\61";
|
||||
}
|
||||
.icons-arrow-left-b:before {
|
||||
content: "\61\72\72\6f\77\2d\6c\65\66\74\2d\62";
|
||||
}
|
||||
.icons-arrow-bottom-b:before {
|
||||
content: "\61\72\72\6f\77\2d\62\6f\74\74\6f\6d\2d\62";
|
||||
}
|
||||
.icons-arrow-top-b:before {
|
||||
content: "\61\72\72\6f\77\2d\74\6f\70\2d\62";
|
||||
}
|
||||
.icons-arrow-right-b:before {
|
||||
content: "\61\72\72\6f\77\2d\72\69\67\68\74\2d\62";
|
||||
}
|
||||
.icons-arrow-left-c:before {
|
||||
content: "\61\72\72\6f\77\2d\6c\65\66\74\2d\63";
|
||||
}
|
||||
.icons-arrow-bottom-c:before {
|
||||
content: "\61\72\72\6f\77\2d\62\6f\74\74\6f\6d\2d\63";
|
||||
}
|
||||
.icons-arrow-top-c:before {
|
||||
content: "\61\72\72\6f\77\2d\74\6f\70\2d\63";
|
||||
}
|
||||
.icons-arrow-right-c:before {
|
||||
content: "\61\72\72\6f\77\2d\72\69\67\68\74\2d\63";
|
||||
}
|
||||
.icons-arrow-left-d:before {
|
||||
content: "\61\72\72\6f\77\2d\6c\65\66\74\2d\64";
|
||||
}
|
||||
.icons-arrow-bottom-d:before {
|
||||
content: "\61\72\72\6f\77\2d\62\6f\74\74\6f\6d\2d\64";
|
||||
}
|
||||
.icons-arrow-top-d:before {
|
||||
content: "\61\72\72\6f\77\2d\74\6f\70\2d\64";
|
||||
}
|
||||
.icons-arrow-right-d:before {
|
||||
content: "\61\72\72\6f\77\2d\72\69\67\68\74\2d\64";
|
||||
}
|
||||
.icons-arrow-left-e:before {
|
||||
content: "\61\72\72\6f\77\2d\6c\65\66\74\2d\65";
|
||||
}
|
||||
.icons-arrow-bottom-e:before {
|
||||
content: "\61\72\72\6f\77\2d\62\6f\74\74\6f\6d\2d\65";
|
||||
}
|
||||
.icons-arrow-top-e:before {
|
||||
content: "\61\72\72\6f\77\2d\74\6f\70\2d\65";
|
||||
}
|
||||
.icons-arrow-right-e:before {
|
||||
content: "\61\72\72\6f\77\2d\72\69\67\68\74\2d\65";
|
||||
}
|
||||
.icons-arrow-left-f:before {
|
||||
content: "\61\72\72\6f\77\2d\6c\65\66\74\2d\66";
|
||||
}
|
||||
.icons-arrow-bottom-f:before {
|
||||
content: "\61\72\72\6f\77\2d\62\6f\74\74\6f\6d\2d\66";
|
||||
}
|
||||
.icons-arrow-top-f:before {
|
||||
content: "\61\72\72\6f\77\2d\74\6f\70\2d\66";
|
||||
}
|
||||
.icons-left-f:before {
|
||||
content: "\61\72\72\6f\77\2d\72\69\67\68\74\2d\66";
|
||||
}
|
||||
.icons-menu:before {
|
||||
content: "\6d\65\6e\75";
|
||||
}
|
||||
.icons-ellipsis:before {
|
||||
content: "\65\6c\6c\69\70\73\69\73";
|
||||
}
|
||||
.icons-dots:before {
|
||||
content: "\64\6f\74\73";
|
||||
}
|
||||
.icons-dot:before {
|
||||
content: "\64\6f\74";
|
||||
}
|
||||
.icons-like:before {
|
||||
content: "\6c\69\6b\65";
|
||||
}
|
||||
.icons-suck:before {
|
||||
content: "\73\75\63\6b";
|
||||
}
|
||||
.icons-export:before {
|
||||
content: "\65\78\70\6f\72\74";
|
||||
}
|
||||
.icons-vcard:before {
|
||||
content: "\76\63\61\72\64";
|
||||
}
|
||||
.icons-flow-cascade:before {
|
||||
content: "\21";
|
||||
}
|
||||
.icons-landscape:before {
|
||||
content: "\22";
|
||||
}
|
||||
.icons-brush:before {
|
||||
content: "\62\72\75\73\68";
|
||||
}
|
||||
.icons-palette:before {
|
||||
content: "\70\61\6c\65\74\74\65";
|
||||
}
|
||||
.icons-desktop:before {
|
||||
content: "\64\65\73\6b\74\6f\70";
|
||||
}
|
||||
.icons-plane:before {
|
||||
content: "\70\6c\61\6e\65";
|
||||
}
|
||||
.icons-booklet:before {
|
||||
content: "\62\6f\6f\6b\6c\65\74";
|
||||
}
|
||||
.icons-update:before {
|
||||
content: "\75\70\64\61\74\65";
|
||||
}
|
||||
.icons-reload:before {
|
||||
content: "\72\65\6c\6f\61\64";
|
||||
}
|
||||
.icons-unload:before {
|
||||
content: "\75\6e\6c\6f\61\64";
|
||||
}
|
||||
.icons-trophy:before {
|
||||
content: "\74\72\6f\70\68\79";
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -1,374 +0,0 @@
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
div[data-role="page"] {
|
||||
padding-bottom: 0!important;
|
||||
}
|
||||
.clear:after {
|
||||
clear: both;
|
||||
content: "";
|
||||
display: block;
|
||||
height: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.main-menu {
|
||||
display: block;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: -50px;
|
||||
display: block;
|
||||
z-index: 49;
|
||||
-webkit-transition: all 0.3s linear;
|
||||
-moz-transition: all 0.3s linear;
|
||||
-ms-transition: all 0.3s linear;
|
||||
-o-transition: all 0.3s linear;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
.main-menu.expanded {
|
||||
top: 50px;
|
||||
-webkit-transition: all 0.3s linear;
|
||||
-moz-transition: all 0.3s linear;
|
||||
-ms-transition: all 0.3s linear;
|
||||
-o-transition: all 0.3s linear;
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
.main-menu ul {
|
||||
background-color: #333;
|
||||
width: 210px;
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
-webkit-box-shadow: 0 3px 10px rgba(0,0,0,.8), inset 0 3px 15px rgba(0,0,0,.3);;
|
||||
-webkit-border-radius: 0 0 10px 10px;
|
||||
}
|
||||
.main-menu ul li {
|
||||
float: left;
|
||||
width: 58px;
|
||||
border-right: 1px solid #292929;
|
||||
border-left: 1px solid #3F3F3F;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.main-menu ul li:last-child {
|
||||
-webkit-border-radius: 0 0 10px 0;
|
||||
border-right-color: transparent;
|
||||
}
|
||||
.main-menu ul li:first-child {
|
||||
-webkit-border-radius: 0 0 0 10px;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
.main-menu ul li:hover {
|
||||
background-color: #b4111a;
|
||||
}
|
||||
.main-menu ul i {
|
||||
font-size: 1.4em;
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: 10px auto 0;
|
||||
}
|
||||
.main-menu ul span {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.main-menu ul li a:link, .main-menu ul li a:visited {
|
||||
font-size: .6em;
|
||||
color: #DFDFDF!important;
|
||||
text-shadow: 0 -1px 0px #000;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
.main-menu ul li a:hover, .main-menu ul li a:active {
|
||||
color: #DFDFDF!important;
|
||||
}
|
||||
.global {
|
||||
position: relative;
|
||||
background-color: #333;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
-webkit-box-shadow: -3px 0px 15px rgba(0,0,0,.5);
|
||||
padding-top: 50px;
|
||||
padding-bottom: 64px;
|
||||
/*margin-bottom: -64px;*/
|
||||
}
|
||||
.header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: #000;
|
||||
padding: 0;
|
||||
border: none;
|
||||
z-index: 50;
|
||||
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));*/
|
||||
background-image: -webkit-linear-gradient(top, #5282A6, #133757);
|
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8), inset 0 1px 0 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset;
|
||||
}
|
||||
.header h1.ui-title {
|
||||
margin: 8px 30%;
|
||||
position: relative;
|
||||
}
|
||||
.header i.openmenu {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 40px;
|
||||
left: 50%;
|
||||
margin-left: -15px;
|
||||
font-size: 20px;
|
||||
/*color: #727272;*/
|
||||
color: #7CA6C5;
|
||||
/*background-color: #252525;*/
|
||||
background-color: #144366;
|
||||
border-radius: 0 0 5px 5px;
|
||||
height: 15px;
|
||||
line-height: 16px;
|
||||
box-shadow: 1px 2px 2px rgba(0, 0, 0, .5);
|
||||
}
|
||||
.header .language .ui-btn-text {
|
||||
left: 0;
|
||||
}
|
||||
.header .language .ui-btn-text i {
|
||||
font-size: 1.1em;
|
||||
margin-top: .33em;
|
||||
}
|
||||
.header .language .ui-icon {
|
||||
background-image: none;
|
||||
}
|
||||
.header .ui-btn-up-a {
|
||||
border: 1px solid #133547;
|
||||
background-color: #0C4C64;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from( #0D6691 ), to( #0E3A4B ));
|
||||
background-image: -webkit-linear-gradient( #0D6691 , #0E3A4B );
|
||||
background-image: -moz-linear-gradient( #0D6691 , #0E3A4B );
|
||||
background-image: -ms-linear-gradient( #0D6691 , #0E3A4B );
|
||||
background-image: -o-linear-gradient( #0D6691 , #0E3A4B );
|
||||
background-image: linear-gradient( #0D6691 , #0E3A4B );
|
||||
}
|
||||
.header h1 img {
|
||||
height: 30px;
|
||||
width: auto;
|
||||
}
|
||||
.header.ui-header > .ui-btn {
|
||||
margin-top: 6px;
|
||||
}
|
||||
.content {
|
||||
position: relative;
|
||||
background-color: #FFF;
|
||||
min-height: 330px;
|
||||
background: url(<%= asset_path "mobile/newlist-bg.jpg" %>) repeat 0 0 transparent;
|
||||
}
|
||||
/*.content .list {
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
box-shadow: -5px 0px 15px rgba(0,0,0,.8)
|
||||
}*/
|
||||
.content .newlist {
|
||||
margin: 0 auto;
|
||||
padding: 10px;
|
||||
}
|
||||
.content .newitem {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 280px;
|
||||
min-height: 490px;
|
||||
max-height: 490px;
|
||||
background-color: #FFFFFF;
|
||||
padding: 10px;
|
||||
margin: 0 10px 10px 0;
|
||||
box-shadow: 0px 3px 5px rgba(0,0,0,.1);
|
||||
}
|
||||
#index .content .newpic {
|
||||
width: 280px;
|
||||
height: 200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#index .content .newstitle {
|
||||
font-size: 1.4em;
|
||||
margin: 1em 0;
|
||||
}
|
||||
#index .content .newsDate {
|
||||
font-size: 1em;
|
||||
color: #8D8D8D;
|
||||
}
|
||||
#index .content .newsummary {
|
||||
padding: 0 0 20px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#announcement_content .content .newpic {
|
||||
width: 320px;
|
||||
height: 220px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#announcement_content .content .newstitle {
|
||||
font-size: 1.4em;
|
||||
padding: 0 10px;
|
||||
margin: 1em 0;
|
||||
}
|
||||
#announcement_content .content .newsDate {
|
||||
padding: 0 10px;
|
||||
font-size: 1em;
|
||||
color: #8D8D8D;
|
||||
}
|
||||
#announcement_content .content .newsummary {
|
||||
padding: 0 10px 20px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#announcement_content .content {
|
||||
padding: 10px;
|
||||
}
|
||||
#map div[data-role="content"] {
|
||||
padding: 0;
|
||||
}
|
||||
#map .global {
|
||||
padding: 0;
|
||||
}
|
||||
#page_content .global {
|
||||
overflow-x: auto;
|
||||
-webkit-box-shadow: none;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
#page_content .content {
|
||||
background-image: none;
|
||||
padding: 10px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
#page_content .content .newsummary > * {
|
||||
width: 750px!important;
|
||||
}
|
||||
#page_content .content .newsummary > *:after {
|
||||
clear: both;
|
||||
height: 0;
|
||||
display: block;
|
||||
content: "";
|
||||
visibility: hidden;
|
||||
}
|
||||
div[id^="dialog"] .global {
|
||||
padding: 0;
|
||||
}
|
||||
div[id^="dialog"] .content {
|
||||
padding: 10px;
|
||||
height: auto!important;
|
||||
min-height: 70px;
|
||||
}
|
||||
/*.content .newitem:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.content .newitem:last-child {
|
||||
margin-right: 0;
|
||||
}*/
|
||||
.pagination {
|
||||
height: 36px;
|
||||
margin: 18px 0 0;
|
||||
padding-bottom: 18px;
|
||||
text-align: center;
|
||||
}
|
||||
.pagination ul {
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
margin: 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
.pagination li {
|
||||
display: inline;
|
||||
}
|
||||
.pagination li:first-child a {
|
||||
border-left-width: 1px;
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
.pagination li:last-child a {
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.pagination .active a {
|
||||
color: #999;
|
||||
cursor: default;
|
||||
}
|
||||
.pagination a:hover, .pagination .active a {
|
||||
background-color: #E8E8E8;
|
||||
}
|
||||
.pagination a {
|
||||
background-color: white;
|
||||
}
|
||||
.pagination a {
|
||||
float: left;
|
||||
padding: 0 10px;
|
||||
line-height: 30px;
|
||||
text-decoration: none;
|
||||
border: 1px solid #DDD;
|
||||
border-left-width: 0;
|
||||
font-size: .8em;
|
||||
}
|
||||
.footer {
|
||||
color: #999;
|
||||
/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));*/
|
||||
background-image: -webkit-linear-gradient(top, #5282A6, #133757);
|
||||
}
|
||||
.footer div[data-role="navbar"] i {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
@media(min-width:320px){
|
||||
}
|
||||
@media(min-width: 480px){
|
||||
.content .newitem {
|
||||
width: 440px;
|
||||
}
|
||||
}
|
||||
@media(min-width:600px) {
|
||||
.main-menu ul {
|
||||
width: 420px;
|
||||
}
|
||||
.main-menu ul li {
|
||||
width: 128px;
|
||||
}
|
||||
}
|
||||
@media(min-width:768px) {
|
||||
.main-menu ul {
|
||||
width: 480px;
|
||||
}
|
||||
.main-menu ul li {
|
||||
width: 148px;
|
||||
}
|
||||
.content .newitem {
|
||||
width: 280px;
|
||||
}
|
||||
}
|
||||
@media(min-width:800px) {
|
||||
.main-menu ul {
|
||||
width: 480px;
|
||||
}
|
||||
.main-menu ul li {
|
||||
width: 148px;
|
||||
}
|
||||
}
|
||||
@media(min-width:961px) {
|
||||
.main-menu ul {
|
||||
width: 480px;
|
||||
}
|
||||
.main-menu ul li {
|
||||
width: 148px;
|
||||
}
|
||||
}
|
||||
@media(min-width: 1024px) {
|
||||
.main-menu ul {
|
||||
width: 600px;
|
||||
}
|
||||
.main-menu ul li {
|
||||
width: 188px;
|
||||
}
|
||||
.content .newitem {
|
||||
width: 280px;
|
||||
}
|
||||
}
|
||||
@media(min-width:1280px) {
|
||||
}
|
||||
@@ -1,111 +0,0 @@
|
||||
/* list page */
|
||||
header {
|
||||
background-image: url(<%= asset_path "mheader_bg.jpg"%>);
|
||||
}
|
||||
#toolbar {
|
||||
background-image: url(<%= asset_path "mfilter_bg.jpg"%>);
|
||||
border: solid 1px #8b8b8b;
|
||||
box-shadow: inset 0 -1px 0 #9a9a9a;
|
||||
}
|
||||
#feature {
|
||||
border: solid 1px #ccc;
|
||||
padding: 3px;
|
||||
background-color: #fff;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#feature ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
height: 220px;
|
||||
}
|
||||
#feature .holder {
|
||||
width: 740px;
|
||||
height: 220px;
|
||||
overflow: hidden;
|
||||
}
|
||||
#feature-nav {
|
||||
float: right;
|
||||
}
|
||||
#feature-nav li {
|
||||
margin-top: 9px;
|
||||
position: relative;
|
||||
}
|
||||
#feature-nav li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
#feature-nav li a {
|
||||
display: block;
|
||||
}
|
||||
#feature-nav li a:hover:after, #feature-nav li.activeSlide a:after {
|
||||
content: '';
|
||||
display: block;
|
||||
border-top: 30px solid transparent;
|
||||
border-bottom: 30px solid transparent;
|
||||
border-right: 30px solid #fff;
|
||||
position: absolute;
|
||||
left: -30px;
|
||||
top: 4px;
|
||||
}
|
||||
#feature-nav li a:hover, #feature-nav li.activeSlide {
|
||||
outline: solid 9px #fff;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
box-shadow: 0 10px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
#item-list ul {
|
||||
margin: 0 -11px;
|
||||
}
|
||||
#item-list li {
|
||||
width: 312px;
|
||||
margin: 0 11px 35px 11px;
|
||||
}
|
||||
#item-list li a {
|
||||
border: solid 1px #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
#item-list .item-thumb {
|
||||
width: 144px;
|
||||
height: 144px;
|
||||
border: solid 3px #fff;
|
||||
float: left;
|
||||
}
|
||||
#item-list .item-info {
|
||||
width: 154px;
|
||||
height: 144px;
|
||||
padding: 3px;
|
||||
float: right;
|
||||
position: relative;
|
||||
}
|
||||
#item-list .item-name {
|
||||
color: #000;
|
||||
padding: 8px;
|
||||
display: inline-block;
|
||||
}
|
||||
#item-list .item-price {
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.fn .label {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
/* content page */
|
||||
#content {
|
||||
background: #fff url(<%= asset_path "mside_bg.png"%>) 0 0 repeat-y;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.user-list {
|
||||
background-color: #fff;
|
||||
}
|
||||
.user-list li:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
.user-list li {
|
||||
color: #333;
|
||||
border-top: solid 1px #f1f1f1;
|
||||
padding: 8px;
|
||||
padding-left: 20px;
|
||||
background: url(<%= asset_path "ar1.png"%>) 10px 14px no-repeat;
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
/*
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require reset
|
||||
*= require_self
|
||||
*= require message
|
||||
*= require bootstrap
|
||||
*= require style
|
||||
*= require font-awesome
|
||||
*= require orbit-bar
|
||||
*= require bootstrap-orbit
|
||||
*= require list
|
||||
*= require widget
|
||||
*= require scroll_style
|
||||
*= require icons
|
||||
*= require site-map
|
||||
*= require lib/bootstrap-datetimepicker
|
||||
*/
|
||||
Vendored
-375
@@ -1,375 +0,0 @@
|
||||
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
|
||||
|
||||
/* ==========================================================================
|
||||
HTML5 display definitions
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Corrects `block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
nav,
|
||||
section,
|
||||
summary {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Corrects `inline-block` display not defined in IE 8/9.
|
||||
*/
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Prevents modern browsers from displaying `audio` without controls.
|
||||
* Remove excess height in iOS 5 devices.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses styling for `hidden` attribute not present in IE 8/9.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* 1. Sets default font family to sans-serif.
|
||||
* 2. Prevents iOS text size adjust after orientation change, without disabling
|
||||
* user zoom.
|
||||
*/
|
||||
|
||||
html {
|
||||
font-family: sans-serif; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
* Removes default margin.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Links
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Addresses `outline` inconsistency between Chrome and other browsers.
|
||||
*/
|
||||
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
|
||||
/*
|
||||
* Improves readability when focused and also mouse hovered in all browsers.
|
||||
*/
|
||||
|
||||
a:active,
|
||||
a:hover {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Typography
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
|
||||
* Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: 1px dotted;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses styling not present in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses styling not present in IE 8/9.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Corrects font family set oddly in Safari 5 and Chrome.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
pre,
|
||||
samp {
|
||||
font-family: monospace, serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
/*
|
||||
* Improves readability of pre-formatted text in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
/*
|
||||
* Sets consistent quote types.
|
||||
*/
|
||||
|
||||
q {
|
||||
quotes: "\201C" "\201D" "\2018" "\2019";
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses inconsistent and variable font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/*
|
||||
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Removes border when inside `a` element in IE 8/9.
|
||||
*/
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Corrects overflow displayed oddly in IE 9.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Figures
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Addresses margin not present in IE 8/9 and Safari 5.
|
||||
*/
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Forms
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Define consistent border, margin, and padding.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #c0c0c0;
|
||||
margin: 0 2px;
|
||||
padding: 0.35em 0.625em 0.75em;
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Corrects color not being inherited in IE 8/9.
|
||||
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
|
||||
*/
|
||||
|
||||
legend {
|
||||
border: 0; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Corrects font family not being inherited in all browsers.
|
||||
* 2. Corrects font size not being inherited in all browsers.
|
||||
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 2 */
|
||||
margin: 0; /* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
*/
|
||||
|
||||
button,
|
||||
input {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
|
||||
* and `video` controls.
|
||||
* 2. Corrects inability to style clickable `input` types in iOS.
|
||||
* 3. Improves usability and consistency of cursor style between image-type
|
||||
* `input` and others.
|
||||
*/
|
||||
|
||||
button,
|
||||
html input[type="button"], /* 1 */
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
cursor: pointer; /* 3 */
|
||||
}
|
||||
|
||||
/*
|
||||
* Re-set default cursor for disabled elements.
|
||||
*/
|
||||
|
||||
button[disabled],
|
||||
input[disabled] {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Addresses box sizing set to `content-box` in IE 8/9.
|
||||
* 2. Removes excess padding in IE 8/9.
|
||||
*/
|
||||
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
|
||||
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
|
||||
input[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box; /* 2 */
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
/*
|
||||
* Removes inner padding and search cancel button in Safari 5 and Chrome
|
||||
* on OS X.
|
||||
*/
|
||||
|
||||
input[type="search"]::-webkit-search-cancel-button,
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* Removes inner padding and border in Firefox 4+.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* 1. Removes default vertical scrollbar in IE 8/9.
|
||||
* 2. Improves readability and alignment in all browsers.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto; /* 1 */
|
||||
vertical-align: top; /* 2 */
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Tables
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Remove most spacing between table cells.
|
||||
*/
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
@@ -1,234 +0,0 @@
|
||||
#orbit-bar {
|
||||
margin-bottom:0;
|
||||
position:fixed;
|
||||
width:100%;
|
||||
z-index:99;
|
||||
top:0;
|
||||
left:0;
|
||||
}
|
||||
#orbit-bar .navbar-inner {
|
||||
min-height:28px;
|
||||
height:28px;
|
||||
border:none;
|
||||
-moz-border-radius:0px;
|
||||
-webkit-border-radius:0px;
|
||||
border-radius:0px;
|
||||
padding-top:2px;
|
||||
padding-bottom:1px;
|
||||
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
|
||||
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
|
||||
box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
|
||||
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));
|
||||
background-image:-webkit-linear-gradient(top, #545b60, #191a1c);
|
||||
background-image:-moz-linear-gradient(top, #545b60, #191a1c);
|
||||
background-image:-ms-linear-gradient(top, #545b60, #191a1c);
|
||||
background-image:-o-linear-gradient(top, #545b60, #191a1c);
|
||||
background-image:linear-gradient(top, #545b60, #191a1c);
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#545b60', endColorstr='#191a1c', GradientType=0);
|
||||
}
|
||||
#orbit-bar .navbar-search {
|
||||
left:30px;
|
||||
margin:0;
|
||||
position:absolute;
|
||||
text-align:right;
|
||||
top:-1px;
|
||||
z-index:0;
|
||||
opacity:0;
|
||||
-moz-opacity:0;
|
||||
filter:alpha(opacity=0);
|
||||
}
|
||||
#orbit-bar .nav.pull-right {
|
||||
margin-right:-20px;
|
||||
}
|
||||
#orbit-bar .search-query {
|
||||
padding:7px 9px 5px;
|
||||
height:12px;
|
||||
margin-top:3px;
|
||||
border:none;
|
||||
line-height:14px;
|
||||
border-radius:3px;
|
||||
}
|
||||
#orbit-bar .search-query:focus {
|
||||
background-position:5px 2px;
|
||||
}
|
||||
#orbit-bar .container {
|
||||
width:100%;
|
||||
}
|
||||
#orbit-bar .orbit-logo .brand {
|
||||
background:url(<%= asset_path 'orbit-bar.png' %>) no-repeat -162px -5px;
|
||||
text-indent:-9999px;
|
||||
padding:5px 20px 4px;
|
||||
}
|
||||
#orbit-bar .orbit-logo .brand:hover {
|
||||
background-color:#009ddc;
|
||||
}
|
||||
#orbit-bar .orbit-logo.open .brand {
|
||||
background-color:#009ddc;
|
||||
}
|
||||
#orbit-bar .orbit-logo .dropdown-menu {
|
||||
left:-15px;
|
||||
}
|
||||
#orbit-bar .dropdown-menu>li [class^="icon"],
|
||||
#orbit-bar .dropdown-menu>li [class*=" icon"] {
|
||||
font-size: 1.5em;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#orbit-bar .nav>li {
|
||||
height:28px;
|
||||
}
|
||||
#orbit-bar .nav>li>a:hover {
|
||||
background-color:#009ddc;
|
||||
}
|
||||
#orbit-bar .nav>li>a {
|
||||
background-repeat:no-repeat;
|
||||
display:inline-block;
|
||||
width:17px;
|
||||
height:16px;
|
||||
padding:6px 6px 6px 5px;
|
||||
}
|
||||
#orbit-bar .nav>li>a[data-icon]:before {
|
||||
font-size:1.5em;
|
||||
color:#fff;
|
||||
line-height:16px;
|
||||
text-shadow:none;
|
||||
}
|
||||
#orbit-bar .nav>li.search {
|
||||
overflow:hidden;
|
||||
width:28px;
|
||||
position:relative;
|
||||
}
|
||||
#orbit-bar .nav>li>a.orbit-bar-home {
|
||||
background-position:-10px -10px;
|
||||
}
|
||||
#orbit-bar .nav>li>a.orbit-bar-desktop {
|
||||
background-position:-106px -9px;
|
||||
}
|
||||
#orbit-bar .nav>li>a.orbit-bar-member {
|
||||
background-position:-4px -37px;
|
||||
}
|
||||
#orbit-bar .nav>li>a.orbit-bar-member {
|
||||
background-position:-10px -43px;
|
||||
}
|
||||
#orbit-bar .nav>li>a.orbit-bar-language {
|
||||
background-position:-42px -42px;
|
||||
}
|
||||
#orbit-bar .nav>li>a.orbit-bar-search {
|
||||
background-position:-75px -10px;
|
||||
overflow:hidden;
|
||||
position:absolute;
|
||||
right:0;
|
||||
z-index:1;
|
||||
}
|
||||
#orbit-bar .nav>li.language.open>a.orbit-bar-language {
|
||||
background-color:#009ddc;
|
||||
}
|
||||
.language-menu .active {
|
||||
color:#ffffff;
|
||||
text-decoration:none;
|
||||
background-color:#0088cc;
|
||||
}
|
||||
#orbit-bar .nav>li>a.orbit-bar-account {
|
||||
background-image:none;
|
||||
height:22px;
|
||||
padding:3px;
|
||||
text-indent:inherit;
|
||||
min-width:110px;
|
||||
width:auto !important;
|
||||
text-align:left;
|
||||
color:#FFFFFF;
|
||||
text-shadow:none;
|
||||
background-color:rgba(0,0,0,0.5);
|
||||
}
|
||||
#orbit-bar .nav>li>a.orbit-bar-account:hover {
|
||||
background-color:#08C;
|
||||
}
|
||||
#orbit-bar .nav span.member-name {
|
||||
display:inline-block;
|
||||
line-height:22px;
|
||||
padding:0 10px;
|
||||
vertical-align:top;
|
||||
}
|
||||
#orbit-bar .nav img.member-img {
|
||||
display:inline-block;
|
||||
max-width:24px;
|
||||
margin-top:-2px;
|
||||
}
|
||||
#orbit-bar .clear {
|
||||
clear:none;
|
||||
}
|
||||
#orbit-bar .account-menu {
|
||||
right:5px;
|
||||
}
|
||||
#orbit-bar .bar-login .open,#orbit-bar .open .orbit-bar-account {
|
||||
background-color:#009DDC;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu {
|
||||
padding:0 0 10px;
|
||||
max-width:260px;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log {
|
||||
margin:10px 15px 0;
|
||||
list-style:none outside none;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .title {
|
||||
background:url(<%= asset_path 'sign-in-logo2.png' %>) no-repeat center center;
|
||||
height:70px;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log form {
|
||||
margin:0 0 8px;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log input {
|
||||
display:inline-block;
|
||||
margin:0;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .span2 {
|
||||
width:182px;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .forgot {
|
||||
margin-bottom:20px;
|
||||
padding:3px 0 0;
|
||||
float:right;
|
||||
display:inline-block;
|
||||
color:#0088CC;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .input-prepend {
|
||||
margin-top:20px;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .remember {
|
||||
margin-top:5px;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .forgot:hover {
|
||||
padding:3px 0 0;
|
||||
float:right;
|
||||
display:inline-block;
|
||||
color:#005580;
|
||||
text-decoration:underline;
|
||||
background-color:transparent;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .btn {
|
||||
width:220px;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .divider {
|
||||
position:relative;
|
||||
overflow:inherit;
|
||||
margin:20px 0;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .log .divider span {
|
||||
position:absolute;
|
||||
width:20px;
|
||||
height:20px;
|
||||
background-color:#FFF;
|
||||
color:#666;
|
||||
top:-9px;
|
||||
left:100px;
|
||||
font-size:1.4em;
|
||||
text-align:center;
|
||||
}
|
||||
#orbit-bar .bar-login .dropdown-menu .register {
|
||||
color:#FFFFFF;
|
||||
margin:0 15px;
|
||||
width:188px;
|
||||
}
|
||||
#orbit-bar .add-on i {
|
||||
font-size:12px;
|
||||
}
|
||||
@@ -1,68 +0,0 @@
|
||||
.t_scale{
|
||||
height:516px;
|
||||
bottom:0;
|
||||
}
|
||||
#timline_marker{
|
||||
width:100px;
|
||||
height:140px;
|
||||
opacity:0.4;
|
||||
cursor: move;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
border-radius:5px;
|
||||
}
|
||||
.t_scale{
|
||||
border-style:solid;
|
||||
border-width:2px;
|
||||
border-radius:5px;
|
||||
}
|
||||
#t_container{
|
||||
height:366px;
|
||||
}
|
||||
.scale_region{
|
||||
height:516px;
|
||||
border-style:solid;
|
||||
border-width:0 2px 0 2px;
|
||||
float: left;
|
||||
margin-right:1px;
|
||||
font-size:20px;
|
||||
padding:5px;
|
||||
}
|
||||
.scale_region span{
|
||||
display: block;
|
||||
}
|
||||
.month{
|
||||
|
||||
}
|
||||
.year{
|
||||
background-color: #c0bebe;
|
||||
width:30px;
|
||||
}
|
||||
.bubble{
|
||||
cursor: pointer;
|
||||
width:300px;
|
||||
height:30px;
|
||||
border-style:solid;
|
||||
border-width:5px;
|
||||
float: left;
|
||||
border-radius:5px;
|
||||
margin-top: 10px;
|
||||
margin-bottom:10px;
|
||||
font-size:15px;
|
||||
padding:5px;
|
||||
text-align:justify;
|
||||
display: none;
|
||||
}
|
||||
.month_heading{
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.bubble_list ul{
|
||||
width:350px;
|
||||
float:left;
|
||||
}
|
||||
.bubble_list ul li span.date{
|
||||
font-weight:bolder;
|
||||
float:right;
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,6 @@
|
||||
/*
|
||||
*= require basic/font-awesome
|
||||
*= require basic/icon
|
||||
*= require basic/orbit_bar
|
||||
*= require basic/global
|
||||
*/
|
||||
@@ -1,25 +0,0 @@
|
||||
/*reset*/
|
||||
|
||||
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
-webkit-text-size-adjust:none;
|
||||
}
|
||||
html, body{
|
||||
height: 100%;
|
||||
}
|
||||
/*自定*/
|
||||
input:focus, select:focus, textarea:focus {
|
||||
outline:none;
|
||||
-moz-outline-radius: 0;
|
||||
}
|
||||
.clear:after {
|
||||
content:".";
|
||||
clear:both;
|
||||
display:block;
|
||||
height:0;
|
||||
visibility:hidden;
|
||||
}
|
||||
a:link, a:hover, a:visited, a:active {
|
||||
outline: none; /* for Firefox */
|
||||
hlbr:expression(this.onFocus=this.blur()); /* for IE */
|
||||
}
|
||||
@@ -1,300 +0,0 @@
|
||||
/*
|
||||
*
|
||||
* Easy front-end framework
|
||||
*
|
||||
* Copyright (c) 2009 Alen Grakalic
|
||||
* http://easyframework.com/license.php
|
||||
*
|
||||
* supported by Templatica (http://templatica.com)
|
||||
* and Css Globe (http://cssglobe.com)
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
/*
|
||||
|
||||
for more info about the strucure of this file
|
||||
please read http://easyframework.com/documentation.php
|
||||
|
||||
*/
|
||||
|
||||
/* HTML elements */
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
font-weight:normal;
|
||||
margin:0;
|
||||
line-height:1em;
|
||||
}
|
||||
h1{font-size:2em;margin-bottom:.5em;}
|
||||
h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}
|
||||
h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
|
||||
h4{font-size:1.25em;margin-bottom:.6em;}
|
||||
h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
|
||||
|
||||
p, blockquote, ul, ol, dl, form, table, pre{line-height:inherit;margin:0 0 1.5em 0;}
|
||||
ul, ol, dl{padding:0;}
|
||||
ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
|
||||
li{margin:0 0 0 2em;display:list-item;list-style-position:outside;}
|
||||
blockquote, dd{padding:0 0 0 2em;}
|
||||
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
|
||||
pre{overflow:auto;}
|
||||
abbr, acronym{
|
||||
text-transform:uppercase;
|
||||
border-bottom:1px dotted #000;
|
||||
letter-spacing:1px;
|
||||
}
|
||||
abbr[title], acronym[title]{cursor:help;}
|
||||
small{font-size:.9em;}
|
||||
sup, sub{font-size:.8em;}
|
||||
em, cite, q{font-style:italic;}
|
||||
img{border:none;}
|
||||
hr{display:none;}
|
||||
table{width:100%;border-collapse:collapse;}
|
||||
th,caption{text-align:left;}
|
||||
form div{margin:.5em 0;clear:both;}
|
||||
label{display:block;}
|
||||
fieldset{margin:0;padding:0;border:none;}
|
||||
legend{font-weight:bold;}
|
||||
input[type="radio"],input[type="checkbox"], .radio, .checkbox{margin:0 .25em 0 0;}
|
||||
|
||||
/* // HTML elements */
|
||||
|
||||
/* common */
|
||||
|
||||
.left{float:left;margin-right:1em;}
|
||||
.right{float:right;margin-left:1em;}
|
||||
.center{text-align:center;}
|
||||
|
||||
.clear{clear:both;}
|
||||
.first{margin-left:0 !important;}
|
||||
.last{margin-right:0 !important;}
|
||||
.top{margin-top:0 !important;}
|
||||
.bottom{margin-bottom:0 !important;}
|
||||
.hidden, .print{display:none;}
|
||||
.graphic{
|
||||
margin:0;
|
||||
padding:0;
|
||||
display:block;
|
||||
overflow:hidden;
|
||||
text-indent:-8000px;
|
||||
}
|
||||
|
||||
/* // common */
|
||||
|
||||
/* base */
|
||||
|
||||
body, table, input, textarea, select, li, button{
|
||||
font:1em Helvetica, Arial, Sans-Serif;
|
||||
line-height:1.5em;
|
||||
color:#333;
|
||||
}
|
||||
body{
|
||||
font-size:13px;
|
||||
background:#fff;
|
||||
margin:0;
|
||||
padding:0;
|
||||
text-align:center;
|
||||
}
|
||||
a, a:visited{
|
||||
text-decoration:none;
|
||||
color:#06C;
|
||||
}
|
||||
a:hover{color:#999;}
|
||||
ins{text-decoration:none;color:#900;font-style:italic;}
|
||||
code{color:#555;}
|
||||
pre{
|
||||
margin-left:2em;
|
||||
padding-left:2em;
|
||||
border-left:1px solid #ccc;
|
||||
}
|
||||
blockquote{
|
||||
margin-left:2em;
|
||||
border-left:1px solid #ccc;
|
||||
font-style:italic;
|
||||
}
|
||||
dt{font-weight:bold;}
|
||||
th, td{padding:.5em 1em;line-height:1.5em;}
|
||||
th{background:#eee;}
|
||||
td{border-bottom:1px solid #eee;}
|
||||
caption{font-style:italic;color:#777;margin:.5em 0;}
|
||||
fieldset{
|
||||
border:1px solid #ccc;
|
||||
padding:1em 2em;
|
||||
margin:0 0 1.5em 0;
|
||||
}
|
||||
legend{padding:2px 5px;}
|
||||
form div.col{clear:none;}form div.first{clear:both;}
|
||||
form div{overflow:hidden;}
|
||||
|
||||
input[type="text"], input[type="password"], textarea, .field, .area, select{
|
||||
border:1px solid #aaa;
|
||||
padding:5px;
|
||||
background:#fff;
|
||||
width:200px;
|
||||
line-height:1em;
|
||||
margin:0;
|
||||
}
|
||||
select{width:212px;}
|
||||
textarea, .area{overflow:auto; height:150px; width:400px;}
|
||||
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, .focus{background:#f5f5f5;outline:none;}
|
||||
.submit{}
|
||||
button{
|
||||
border:none;
|
||||
background:#555;
|
||||
color:#fff;
|
||||
padding:0 2.5em;
|
||||
height:2em;
|
||||
line-height:2em;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.note, .success, .error{display:block;}
|
||||
.error{color:#900;}
|
||||
.success{color:#060;}
|
||||
.note{font-weight:bold;}
|
||||
.notvalid{border:1px solid #900 !important;}
|
||||
|
||||
.pullquote{
|
||||
width:20%;
|
||||
float:left;
|
||||
margin-right:2em;
|
||||
padding-right:2em;
|
||||
border-right:1px solid #ccc;
|
||||
text-align:right;
|
||||
font-size:1.1em;
|
||||
font-style:italic;
|
||||
color:#777;
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
.boxout{
|
||||
width:20%;
|
||||
float:right;
|
||||
margin-left:2em;
|
||||
padding:1em 2em;
|
||||
border:1px solid #ccc;
|
||||
margin-bottom:.5em;
|
||||
}
|
||||
#easy_tooltip{
|
||||
border:1px solid #e1e1e1;
|
||||
padding:2px 10px;
|
||||
background:#f5f5f5;
|
||||
}
|
||||
|
||||
/* base */
|
||||
|
||||
/* layout */
|
||||
|
||||
#container{
|
||||
margin:0 auto;
|
||||
width:920px;
|
||||
text-align:left;
|
||||
position:relative;
|
||||
}
|
||||
.inner{
|
||||
position:relative;
|
||||
}
|
||||
#header{
|
||||
position:relative;
|
||||
}
|
||||
#footer{
|
||||
position:relative;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
.content{
|
||||
clear:both;
|
||||
padding:1em 0;
|
||||
}
|
||||
.main, .secondary, .tertiary, .quaternary{
|
||||
float:left;
|
||||
display:inline;
|
||||
}
|
||||
.main{width:700px;}
|
||||
.secondary{width:200px;margin-left:20px;}
|
||||
.tertiary{}
|
||||
.quaternary{}
|
||||
|
||||
/* grid */
|
||||
|
||||
.cols{} /* main column container class */
|
||||
.col{
|
||||
float:left;
|
||||
display:inline;
|
||||
width:48%;margin-left:4%; /* 2 equal width columns layout - default */
|
||||
}
|
||||
.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
|
||||
.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
|
||||
|
||||
/* use following classes to build custom grid (add as many as you want) */
|
||||
|
||||
.col1, .col2, .col3{float:left;display:inline;}
|
||||
.col1{}
|
||||
.col2{}
|
||||
.col3{}
|
||||
|
||||
.indent1{}
|
||||
.indent2{}
|
||||
.indent3{}
|
||||
|
||||
/* grid */
|
||||
|
||||
/* // layout */
|
||||
|
||||
/* navigation */
|
||||
|
||||
#nav, #nav ul, #nav li{
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
#nav li{
|
||||
float:left;
|
||||
display:inline;
|
||||
position:relative;
|
||||
line-height:32px;
|
||||
height:32px;
|
||||
margin-right:2em;
|
||||
}
|
||||
|
||||
#nav ul{
|
||||
position:absolute;
|
||||
left:0;
|
||||
top:32px;
|
||||
padding:5px 10px;
|
||||
width:200px;
|
||||
background:#fff;
|
||||
display:none;
|
||||
z-index:1000;
|
||||
}
|
||||
#nav ul li{
|
||||
float:none;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* //navigation */
|
||||
|
||||
/* header */
|
||||
|
||||
#header h1{
|
||||
line-height:50px;
|
||||
height:50px;
|
||||
margin:0;
|
||||
}
|
||||
#header h1 a{
|
||||
}
|
||||
|
||||
/* // header */
|
||||
|
||||
/* clearfix */
|
||||
|
||||
.inner:after, .content:after, .cols:after, .fixed:after{
|
||||
content:".";
|
||||
display:block;
|
||||
height:0;
|
||||
clear:both;
|
||||
visibility:hidden;
|
||||
}
|
||||
.inner, .content, .cols, .fixed{display:block;min-height:1%;}
|
||||
* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}
|
||||
|
||||
/* // clearfix */
|
||||
@@ -1,150 +0,0 @@
|
||||
/*
|
||||
*
|
||||
* Easy front-end framework
|
||||
*
|
||||
* Copyright (c) 2009 Alen Grakalic
|
||||
* http://easyframework.com/license.php
|
||||
*
|
||||
* supported by Templatica (http://templatica.com)
|
||||
* and Css Globe (http://cssglobe.com)
|
||||
*
|
||||
*/
|
||||
|
||||
/* HTML elements */
|
||||
|
||||
h1, h2, h3, h4, h5, h6{
|
||||
font-weight:normal;
|
||||
margin:0;
|
||||
line-height:1em;
|
||||
}
|
||||
h1{font-size:2em;margin-bottom:.5em;}
|
||||
h2{font-size:1.75em;margin-bottom:.5142em;padding-top:.2em;}
|
||||
h3{font-size:1.5em;margin-bottom:.7em;padding-top:.3em;}
|
||||
h4{font-size:1.25em;margin-bottom:.6em;}
|
||||
h5,h6{font-size:1em;margin-bottom:.5em;font-weight:bold;}
|
||||
|
||||
p, blockquote, ul, ol, dl, form, table{line-height:inherit;margin:0 0 1.5em 0;}
|
||||
ul, ol, dl{padding:0;}
|
||||
ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
|
||||
li{margin:0;display:list-item;list-style-position:inside;}
|
||||
blockquote, dd, li{padding:0 0 0 2em;}
|
||||
pre, code, samp, kbd, var{font:100% mono-space,monospace;}
|
||||
pre{overflow:auto;}
|
||||
abbr, acronym{
|
||||
text-transform:uppercase;
|
||||
border:none;
|
||||
letter-spacing:1px;
|
||||
}
|
||||
small{font-size:90%;}
|
||||
sup, sub{font-size:85%;}
|
||||
em, cite, q{font-style:italic;}
|
||||
img{border:none;}
|
||||
table{width:100%;border-collapse:collapse;}
|
||||
th,caption{text-align:left;}
|
||||
form{display:none;}
|
||||
|
||||
/* // HTML elements */
|
||||
|
||||
/* common */
|
||||
|
||||
.left{float:left;margin-right:1em;}
|
||||
.right{float:right;margin-left:1em;}
|
||||
.center{text-align:center;}
|
||||
|
||||
.clear{clear:both;}
|
||||
.first{margin-left:0 !important;}
|
||||
.last{margin-right:0 !important;}
|
||||
.top{margin-top:0 !important;}
|
||||
.bottom{margin-bottom:0 !important;}
|
||||
.hidden, .graphic{display:none;}
|
||||
|
||||
/* // common */
|
||||
|
||||
/* base */
|
||||
|
||||
body, table, input, textarea, select, li, button{
|
||||
font:100% Helvetica, Arial, Sans-Serif;
|
||||
line-height:180%;
|
||||
color:#000;
|
||||
}
|
||||
body{
|
||||
font-size:13px;
|
||||
background:#fff;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
a{
|
||||
text-decoration:none;
|
||||
color:#555;
|
||||
}
|
||||
ins{text-decoration:none;color:#900;font-style:italic;}
|
||||
code{color:#555;}
|
||||
pre{
|
||||
margin-left:2em;
|
||||
padding-left:2em;
|
||||
border-left:1px solid #ccc;
|
||||
}
|
||||
blockquote{
|
||||
margin-left:2em;
|
||||
border-left:1px solid #ccc;
|
||||
font-style:italic;
|
||||
}
|
||||
dt{font-weight:bold;}
|
||||
th, td{padding:8px;}
|
||||
th{background:#eee;}
|
||||
td{border-bottom:1px solid #eee;}
|
||||
caption{font-style:italic;color:#777;margin:.5em 0;}
|
||||
|
||||
.excerpt{font-size:120%;font-style:italic;}
|
||||
.note{font-weight:bold;}
|
||||
|
||||
/* base */
|
||||
|
||||
/* misc */
|
||||
|
||||
#container{}
|
||||
.inner{}
|
||||
#header{
|
||||
margin-bottom:1em;
|
||||
border-bottom:1px solid #ccc;
|
||||
padding-bottom:1em;
|
||||
}
|
||||
.content{}
|
||||
.main, .secondary, .tertiary, .quaternary{}
|
||||
.main{}
|
||||
.secondary{}
|
||||
.tertiary{}
|
||||
.quaternary{}
|
||||
#footer{
|
||||
margin-top:1em;
|
||||
border-top:1px solid #ccc;
|
||||
padding-top:1em;
|
||||
position:relative;
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#nav, .nav{display:none;}
|
||||
|
||||
#header h1{
|
||||
line-height:50px;
|
||||
height:50px;
|
||||
margin:0;
|
||||
}
|
||||
#header h1 a{
|
||||
}
|
||||
|
||||
/* // misc */
|
||||
|
||||
/* clearfix */
|
||||
|
||||
.inner:after, .content:after, .cols:after, .fixed:after{
|
||||
content:".";
|
||||
display:block;
|
||||
height:0;
|
||||
clear:both;
|
||||
visibility:hidden;
|
||||
}
|
||||
.inner, .content, .cols, .fixed{display:block;min-height:1%;}
|
||||
* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}
|
||||
|
||||
/* // clearfix */
|
||||
@@ -1,386 +0,0 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
|
||||
|
||||
body {
|
||||
font-family: Lato, 微軟正黑體, 新細明體, sans-serif;
|
||||
font-size: 80%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.wrapper {
|
||||
width: 980px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
#main-menu ul, #item-list ul, .item-extra-info, .user-list, .option-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
header {
|
||||
/*background-color: #e0e0e0;
|
||||
background-position: center 60px;
|
||||
background-repeat: no-repeat;
|
||||
height: 200px;*/
|
||||
}
|
||||
#orbit-logo {
|
||||
margin: 0;
|
||||
height: 62px;
|
||||
}
|
||||
#orbit-logo a {
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
height: 32px;
|
||||
overflow: hidden;
|
||||
text-indent: -9999px;
|
||||
background: url(<%= asset_path "logo.png"%>) 0 0 no-repeat;
|
||||
margin-top: 14px;
|
||||
}
|
||||
#orbit-logo span {
|
||||
font-size: 10px;
|
||||
color: #cdcdcd;
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: -4px 0 0 16px;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
#main-menu {
|
||||
background: url(<%= asset_path "topnav_bg.png"%>) 0 0 repeat-x;
|
||||
}
|
||||
#main-menu ul {
|
||||
float: right;
|
||||
}
|
||||
#main-menu li {
|
||||
float: left;
|
||||
margin-left: 24px;
|
||||
line-height: 62px;
|
||||
}
|
||||
#main-menu li a {
|
||||
display: inline-block;
|
||||
line-height: normal;
|
||||
color: #b2b2b2;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
}
|
||||
#main-menu li a:hover, #main-menu li a.active {
|
||||
color: #fff;
|
||||
}
|
||||
#main-menu .demo a {
|
||||
background-color: #c51c09;
|
||||
color: #fff;
|
||||
border: solid 2px #ea311d;
|
||||
border-radius: 5px;
|
||||
padding: 4px 8px;
|
||||
font-weight: normal;
|
||||
}
|
||||
#page-title {
|
||||
margin: 0;
|
||||
padding: 36px 0 0 16px;
|
||||
font-size: 3em;
|
||||
text-shadow: 0 2px 0 #fff;
|
||||
}
|
||||
#page-title .sub {
|
||||
font-weight: 300;
|
||||
color: #b2b2b2;
|
||||
}
|
||||
#search-form {
|
||||
float: right;
|
||||
margin: 50px 16px 0 0;
|
||||
}
|
||||
#search-form input {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 7px 12px;
|
||||
outline: 0;
|
||||
border: 0;
|
||||
width: 230px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
color: #333;
|
||||
font-family: inherit;
|
||||
box-shadow: inset 0 1px 0 #999, inset 0 -1px 0 #eee;
|
||||
border-radius: 15px;
|
||||
background-color: #cecece;
|
||||
}
|
||||
#toolbar {
|
||||
margin: 35px 0;
|
||||
height: 50px;
|
||||
background-color: #fff;
|
||||
background-repeat: repeat-x;
|
||||
border: solid 1px #e0e0e0;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #c9c9c9;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
.ui {
|
||||
background: #F2F2F2 url(<%= asset_path "ui_bg.png" %>) left center repeat-x;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
border: solid 1px #e0e0e0;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.controller, .btn {
|
||||
padding: 0 8px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
color: #333;
|
||||
}
|
||||
.controller:hover, .btn:hover {
|
||||
background: none;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
.fn {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 14px;
|
||||
margin: 10px 0 10px 16px;
|
||||
}
|
||||
.fn .label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
line-height: 28px;
|
||||
color: #999;
|
||||
margin-right: 8px;
|
||||
font-size: 1em;
|
||||
font-weight: normal;
|
||||
text-shadow: none;
|
||||
background: none;
|
||||
}
|
||||
.option-default {
|
||||
font-weight: bold;
|
||||
}
|
||||
.option-list {
|
||||
/*display: none;*/
|
||||
position: absolute;
|
||||
top: 28px;
|
||||
left: -1px;
|
||||
background-color: #fff;
|
||||
border: solid 1px #e0e0e0;
|
||||
width: 180px;
|
||||
}
|
||||
.option-list li {
|
||||
border-top: solid 1px #eee;
|
||||
}
|
||||
.option-list li:first-child {
|
||||
border-top: 0;
|
||||
}
|
||||
.option-list a {
|
||||
color: #666;
|
||||
text-decoration: none;
|
||||
}
|
||||
.option-list a:hover {
|
||||
color: #333;
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
.drop-menu {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
.drop-menu:after {
|
||||
display: table;
|
||||
width: 100%;
|
||||
content: '';
|
||||
}
|
||||
.drop-menu .arrow {
|
||||
display: inline-block;
|
||||
background: url(<%= asset_path "dropdown_ad.png"%>) 0 0 no-repeat;
|
||||
width: 16px;
|
||||
height: 18px;
|
||||
vertical-align: top;
|
||||
margin: 5px 0 0 8px;
|
||||
}
|
||||
.drop-menu:hover {
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
.drop-menu:hover .controller {
|
||||
border-bottom: solid 1px #fff;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
.drop-menu:hover .option-list {
|
||||
display: block;
|
||||
border-radius: 0 4px 4px 4px;
|
||||
}
|
||||
.drop-menu .option-list {
|
||||
display: none;
|
||||
}
|
||||
.drop-menu .option-list li a {
|
||||
display: block;
|
||||
line-height: normal;
|
||||
padding: 8px;
|
||||
}
|
||||
.drop-menu .option-default {
|
||||
display: inline-block;
|
||||
}
|
||||
.select {
|
||||
display: inline-block;
|
||||
}
|
||||
.select .option-list {
|
||||
position: static;
|
||||
display: inline-block;
|
||||
border: 0;
|
||||
width: auto;
|
||||
background-color: transparent;
|
||||
}
|
||||
.select .option-list li {
|
||||
display: inline-block;
|
||||
border-top: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
.select .option-list li a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#item-list ul {}
|
||||
#item-list li {
|
||||
float: left;
|
||||
}
|
||||
#item-list li a {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
#item-list li a:hover {}
|
||||
.item-thumb {
|
||||
display: block;
|
||||
background: #ccc url(<%= asset_path "thumb_default.png"%>) center center no-repeat;
|
||||
}
|
||||
#item-list .item-info {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
#item-list .item-name {
|
||||
font-size: 1.25em;
|
||||
font-weight: normal;
|
||||
}
|
||||
#item-list .item-price {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #c51c09;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
color: #fff;
|
||||
padding: 0 8px;
|
||||
}
|
||||
|
||||
/* content page */
|
||||
#content h3 {
|
||||
font-size: 1.5em;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
#content .side, #content .main {
|
||||
padding: 0 20px;
|
||||
}
|
||||
#content .side {
|
||||
float: left;
|
||||
}
|
||||
#content .main {
|
||||
float: right;
|
||||
width: 676px;
|
||||
}
|
||||
#item-info .item-thumb {
|
||||
width: 210px;
|
||||
height: 210px;
|
||||
border: solid 5px #fff;
|
||||
}
|
||||
#item-info .item-name {
|
||||
font-size: 2.16em;
|
||||
text-shadow: 0 2px 0 #fff;
|
||||
}
|
||||
#item-info .item-extra-info {
|
||||
margin: 20px 0;
|
||||
}
|
||||
#item-info .item-extra-info li {
|
||||
border-top: solid 1px #E0E0E0;
|
||||
padding-top: 12px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
#item-info .item-extra-info li:first-child {
|
||||
border-top: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#item-info .item-extra-info .title {
|
||||
color: #666;
|
||||
display: inline-block;
|
||||
/*width: 70px;*/
|
||||
margin-right: 12px;
|
||||
}
|
||||
#item-info .item-extra-info .count {
|
||||
font-size: 1.5em;
|
||||
color: #000;
|
||||
}
|
||||
#screen-shot {
|
||||
padding: 5px;
|
||||
background-color: #fff;
|
||||
}
|
||||
#screen-shot .holder {
|
||||
overflow: hidden;
|
||||
height: 450px;
|
||||
}
|
||||
#screen-shot .preview {
|
||||
width: 670px;
|
||||
height: 450px;
|
||||
}
|
||||
#scr-nav {
|
||||
text-align: center;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
#scr-nav a {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 0 6px;
|
||||
overflow: hidden;
|
||||
text-indent: -999px;
|
||||
background-color: #aaa;
|
||||
border-radius: 6px;
|
||||
box-shadow: inset 0 1px 0 rgba(0,0,0,0.4);
|
||||
}
|
||||
#scr-nav a.activeSlide, #scr-nav a:hover {
|
||||
background-color: #e7230d;
|
||||
}
|
||||
#download {
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: capitalize;
|
||||
font-size: 1.5em;
|
||||
color: #fff;
|
||||
line-height: 2.2em;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
|
||||
border-radius: 5px;
|
||||
box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);
|
||||
background: #dd200b;
|
||||
background: -moz-linear-gradient(top, #dd200b 0%, #c51c09 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd200b), color-stop(100%,#c51c09));
|
||||
background: -webkit-linear-gradient(top, #dd200b 0%,#c51c09 100%);
|
||||
background: -o-linear-gradient(top, #dd200b 0%,#c51c09 100%);
|
||||
background: -ms-linear-gradient(top, #dd200b 0%,#c51c09 100%);
|
||||
background: linear-gradient(to bottom, #dd200b 0%,#c51c09 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd200b', endColorstr='#c51c09',GradientType=0 );
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
padding: 16px 0;
|
||||
margin-top: 35px;
|
||||
}
|
||||
footer p {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -1,61 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
.my_scroll {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.my_scroll .viewport {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
.my_scroll .overview {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.my_scroll .thumb .end, .my_scroll .thumb {
|
||||
background-color: #000000;
|
||||
}
|
||||
.my_scroll .scrollbar {
|
||||
position: absolute;
|
||||
float: right;
|
||||
width: 8px;
|
||||
top: 0px;
|
||||
right: 2px;
|
||||
z-index: 1;
|
||||
}
|
||||
.my_scroll .track {
|
||||
/*background-color: #CFCFCF;*/
|
||||
height: 100%;
|
||||
width:7px;
|
||||
position: relative;
|
||||
padding: 0 1px;
|
||||
border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
opacity: 0.3;
|
||||
}
|
||||
.my_scroll .thumb {
|
||||
height: 20px;
|
||||
width:7px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
border-radius: 7px;
|
||||
-webkit-border-radius: 7px;
|
||||
-moz-border-radius: 7px;
|
||||
}
|
||||
.my_scroll .thumb .end {
|
||||
display:none;
|
||||
overflow: hidden;
|
||||
height: 5px;
|
||||
width: 13px;
|
||||
}
|
||||
.my_scroll .disable {
|
||||
display: none;
|
||||
}
|
||||
@@ -1,191 +0,0 @@
|
||||
/*sidebar*/
|
||||
|
||||
.nav-list {
|
||||
padding: 0px 0px 100px 5px;
|
||||
}
|
||||
.nav-list li {
|
||||
position: relative;
|
||||
}
|
||||
.nav-list ol {
|
||||
margin-left: 20px;
|
||||
}
|
||||
.nav-list ol li {
|
||||
padding: 5px 0;
|
||||
list-style: none;
|
||||
}
|
||||
.nav-list ol li a {
|
||||
font-size: 13px;
|
||||
padding: 3px 0px;
|
||||
display: block;
|
||||
}
|
||||
.nav-list>li>ol {
|
||||
margin-left: 0;
|
||||
}
|
||||
.nav-list>li>.with_action {
|
||||
padding-left: 0;
|
||||
}
|
||||
.nav-list>li>.with_action>.quick-edit {
|
||||
margin: 0 0 0 3px !important;
|
||||
}
|
||||
.nav-list>li>.with_action>i {
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
#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: 16px;
|
||||
font-weight: normal;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
margin: 0;
|
||||
padding-left: 10px;
|
||||
text-shadow: 0 -1px 0 #000000;
|
||||
}
|
||||
#back_sidebar .list {
|
||||
background:url(<%= asset_path "line.png" %>) repeat-x left bottom;
|
||||
color:#fff;
|
||||
font-size:12px;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
#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;
|
||||
list-style:none;
|
||||
}
|
||||
#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 .list li ul{
|
||||
padding:0 0 0 15px;
|
||||
}
|
||||
#back_sidebar .list li ul ul{
|
||||
padding:0;
|
||||
}
|
||||
#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;
|
||||
}
|
||||
#sidebar .infos .list .set_3 {
|
||||
background-position:left bottom;
|
||||
border-top:1px solid #406cc3;
|
||||
border-bottom:1px solid #242628;
|
||||
}
|
||||
#sidebar .infos .list .set_3 a span {
|
||||
background-position:left bottom;
|
||||
color:#eeeeee;
|
||||
}
|
||||
#sidebar .translations_setup {
|
||||
margin-top: 42px;
|
||||
}
|
||||
|
||||
|
||||
#main-sidebar{
|
||||
left:0;
|
||||
}
|
||||
#main-sidebar .list{
|
||||
}
|
||||
#main-sidebar li{
|
||||
position:relative;
|
||||
}
|
||||
#main-sidebar li a{
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
display: block;
|
||||
padding: 10px 0 10px 10px;
|
||||
}
|
||||
#main-sidebar ul ul li a{
|
||||
padding: 10px 0 10px 20px;
|
||||
}*/
|
||||
.with_action:hover .hide {
|
||||
display: block;
|
||||
}
|
||||
#main-sidebar .quick-edit {
|
||||
background: none repeat scroll 0 0 #FFFFFF;
|
||||
border: 1px solid #DDDDDD;
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
margin: 0 0 0 20px;
|
||||
padding: 0;
|
||||
z-index:1;
|
||||
position: absolute;
|
||||
left: -3px;
|
||||
width: 70px;
|
||||
}
|
||||
#main-sidebar .quick-edit a {
|
||||
display: block;
|
||||
line-height: 22px;
|
||||
border-bottom: medium none;
|
||||
font-size:12px;
|
||||
margin: 0;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
#main-sidebar .quick-edit a:first-child {
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
}
|
||||
#main-sidebar .quick-edit a:last-child {
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
}
|
||||
#main-sidebar .quick-edit a:hover {
|
||||
background-color: #DDDDDD;
|
||||
}
|
||||
ol.nav>li>.icons-moves {
|
||||
display: none;
|
||||
}
|
||||
.sortable i {
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 6px;
|
||||
margin-right: 0;
|
||||
opacity: 0.3;
|
||||
filter: alpha(opacity=30);
|
||||
}
|
||||
.sortable i:hover {
|
||||
cursor:move;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
}
|
||||
.with_action {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.placeholder {
|
||||
background-color: rgba(0,136,204,.6);
|
||||
border-radius: 3px;
|
||||
}
|
||||
.ui-nestedSortable-error {
|
||||
background: rgba(255,206,206,.6);
|
||||
color: #8a1f11;
|
||||
}
|
||||
@@ -1,140 +0,0 @@
|
||||
|
||||
.site-map {
|
||||
padding: 15px;
|
||||
}
|
||||
.site-map .map-block {
|
||||
min-width: 250px;
|
||||
min-height: 20px;
|
||||
border: 1px solid #dedede;
|
||||
background-color: #E6E6E6;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.site-map .map-block > ul {
|
||||
margin: 0px;
|
||||
list-style: none;
|
||||
width: 220px \9;
|
||||
}
|
||||
.site-map .map-block li.clear {
|
||||
background-color: #F7F7F7;
|
||||
padding: 5px 15px;
|
||||
border-top: 1px solid #FFF;
|
||||
border-bottom: 1px solid #dedede;
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
.site-map .map-block li span {
|
||||
width: 170px;
|
||||
display: block;
|
||||
}
|
||||
.site-map .map-block li:last-child {
|
||||
border-radius: 0 0 4px 4px;
|
||||
border-bottom: none;
|
||||
}
|
||||
.site-map .map-block li:hover a {;
|
||||
text-decoration: none;
|
||||
}
|
||||
.site-map .map-block li.disabled {
|
||||
color: #C9C9C9;
|
||||
}
|
||||
.site-map .map-block li.disabled .onoff {
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0 0 5px rgba(0,0,0,.2) inset;
|
||||
background-color: #9C9C9C;
|
||||
color: #CACACA;
|
||||
}
|
||||
.site-map .map-block h4 {
|
||||
line-height: 18px;
|
||||
min-height: 20px;
|
||||
margin: 0;
|
||||
padding: 5px 15px;
|
||||
border-radius: 4px 4px 0 0;
|
||||
box-shadow: 0px 1px 2px #A8A8A8;
|
||||
position: relative;
|
||||
background-image: -moz-linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-image: -ms-linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FCFCFC), to(#DFDFDF));
|
||||
background-image: -webkit-linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-image: -o-linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-image: linear-gradient(top, #FCFCFC, #DFDFDF);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#DFDFDF', GradientType=0);
|
||||
}
|
||||
.site-map .map-block h4 span {
|
||||
width: 170px;
|
||||
display: block;
|
||||
}
|
||||
.site-map .map-block h4 .onoff {
|
||||
}
|
||||
.site-map .disabled h4 {
|
||||
color: #CACACA;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.site-map .disabled h4 .onoff ,.onoff.disabled {
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0 0 5px rgba(0,0,0,.2) inset;
|
||||
background-color: #9C9C9C;
|
||||
color: #CACACA;
|
||||
}
|
||||
.onoff {
|
||||
display: block;
|
||||
background-color: #5EB92B;
|
||||
font-size: 9px;
|
||||
padding: 0px 10px;
|
||||
border-radius: 11px;
|
||||
line-height: 20px;
|
||||
height: 19px;
|
||||
color: #FFF;
|
||||
width: 40px;
|
||||
border: none;
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5), 0 0 5px rgba(13, 75, 23, 0.5) inset;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
/* for mamber role */
|
||||
.role-block .form-horizontal {
|
||||
padding: 20px 10px 10px;
|
||||
background-color: #FFF;
|
||||
margin-bottom: 0;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.role-block [class*="type"] {
|
||||
background-color: #F1F1F1;
|
||||
padding: 20px 0 10px;
|
||||
border-radius: 5px;
|
||||
margin: -25px 0 40px;
|
||||
/*box-shadow: 0px 1px 3px rgba(100,100,100,.4)*/
|
||||
}
|
||||
.role-block .form-horizontal .control-label {
|
||||
width: 100px;
|
||||
}
|
||||
.role-block .form-horizontal .controls {
|
||||
margin-left: 120px;
|
||||
}
|
||||
.role-block .form-horizontal .controls .input-append {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.role-block .form-horizontal legend .onoff {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.role-block .form-horizontal legend .btn-danger {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.role-block .form-horizontal legend>.clear {
|
||||
margin-right: 150px;
|
||||
min-width: 350px;
|
||||
}
|
||||
.role-block .map-block {
|
||||
min-width: 440px;
|
||||
}
|
||||
.role-block .map-block .form-actions {
|
||||
margin: 0;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
.role-block .map-block legend {
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
}
|
||||
.role-block .map-block legend .nav {
|
||||
font-size: 12px;
|
||||
}
|
||||
@@ -1,5 +0,0 @@
|
||||
/*site_assets*/
|
||||
|
||||
.assets_setup{
|
||||
padding:42px 0 0 0;
|
||||
}
|
||||
@@ -1,28 +0,0 @@
|
||||
/*site_designs*/
|
||||
|
||||
.designs_setup{
|
||||
padding:42px 0 0 0;
|
||||
}
|
||||
.main2{
|
||||
padding:70px 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
#sidebar .list li a span {
|
||||
background:none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1{
|
||||
color:#fff;
|
||||
margin:0 0 20px;
|
||||
}
|
||||
form p{
|
||||
margin:0 0 10px;
|
||||
}
|
||||
form label{
|
||||
color: #FFFFFF;
|
||||
display: block;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
/*
|
||||
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||
*= require reset
|
||||
*= require_self
|
||||
*= require message
|
||||
*= require bootstrap
|
||||
*= require style
|
||||
*= require font-awesome
|
||||
*= require orbit-bar
|
||||
*= require bootstrap-orbit
|
||||
*= require scroll_style
|
||||
*= require site_items
|
||||
*= require sidebar
|
||||
*= require icons
|
||||
*/
|
||||
@@ -1,483 +0,0 @@
|
||||
/*site_items*/
|
||||
|
||||
html, body{
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html{
|
||||
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
body{
|
||||
color: #000000;
|
||||
font-family: Helvetica, '微軟正黑體';
|
||||
}
|
||||
#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:-moz-linear-gradient( center top -90deg, #787e82 0%, #61676c 5%, #292c2d 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#61676c', endColorstr='#292c2d');
|
||||
-moz-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);
|
||||
border-top: 1px solid #474a4c;
|
||||
border-bottom: 1px solid #1d2020;
|
||||
height: 41px;
|
||||
width: 100%;
|
||||
behavior: url(<%= asset_path "PIE.htc" %>);
|
||||
}
|
||||
.hmenu{
|
||||
float: right;
|
||||
height: 41px;
|
||||
}
|
||||
#back_orbit{
|
||||
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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70787d', endColorstr='#3b4043');
|
||||
-webkit-border-radius: 0px 0px 5px 5px;
|
||||
-moz-border-radius: 0px 0px 5px 5px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
-moz-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);
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
height: 43px;
|
||||
margin-left: 10px;
|
||||
width: 41px;
|
||||
behavior: url(<%= asset_path "PIE.htc" %>);
|
||||
}
|
||||
#back_orbit span{
|
||||
text-indent: -9999px;
|
||||
background: url(<%= asset_path "bar_orbit.png" %>) no-repeat scroll 0 0 transparent;
|
||||
display: block;
|
||||
height: 43px;
|
||||
width: 100%;
|
||||
}
|
||||
#back_orbit:hover{
|
||||
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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e4e4e4');
|
||||
-webkit-border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
#back_orbit:hover span{
|
||||
background-position: 0 -44px;
|
||||
}
|
||||
#back_orbit:hover #orblist{
|
||||
display:block;
|
||||
}
|
||||
#orblist{
|
||||
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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#FFFFFF');
|
||||
-webkit-border-radius: 0px 3px 3px 3px;
|
||||
-moz-border-radius: 0px 3px 3px 3px;
|
||||
border-radius: 0px 3px 3px 3px;
|
||||
-webkit-box-shadow: 0 3px 3px #000000;
|
||||
-moz-box-shadow: 0 3px 3px #000000;
|
||||
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{
|
||||
-moz-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;
|
||||
border-right:1px solid #41474c;
|
||||
border-left:1px solid #41474c;
|
||||
float:right;
|
||||
width:41px;
|
||||
height:41px;
|
||||
}
|
||||
#log_out:hover{
|
||||
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% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01afde', endColorstr='#007ec6');
|
||||
}
|
||||
#log_out a{
|
||||
background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right 0 transparent;
|
||||
display: block;
|
||||
height: 41px;
|
||||
text-indent: -9999px;
|
||||
width: 41px;
|
||||
}
|
||||
#log_out a:hover{
|
||||
background: url(<%= asset_path "service_btn.png" %>) no-repeat scroll right bottom transparent !important;
|
||||
}
|
||||
.lang{
|
||||
color: #FFFFFF;
|
||||
float: right;
|
||||
font-size: 15px;
|
||||
line-height: 40px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.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;
|
||||
display:none;
|
||||
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%;
|
||||
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 {
|
||||
}
|
||||
@@ -1,90 +0,0 @@
|
||||
.social-share-button-baidu {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") 0px 0px no-repeat;
|
||||
}
|
||||
.social-share-button-delicious {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -16px 0px no-repeat;
|
||||
}
|
||||
.social-share-button-douban {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") 0px -16px no-repeat;
|
||||
}
|
||||
.social-share-button-email {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -16px -16px no-repeat;
|
||||
}
|
||||
.social-share-button-facebook {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -32px 0px no-repeat;
|
||||
}
|
||||
.social-share-button-flickr {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -32px -16px no-repeat;
|
||||
}
|
||||
.social-share-button-google {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") 0px -32px no-repeat;
|
||||
}
|
||||
.social-share-button-google_plus {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -16px -32px no-repeat;
|
||||
}
|
||||
.social-share-button-kaixin001 {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -32px -32px no-repeat;
|
||||
}
|
||||
.social-share-button-qq {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -48px 0px no-repeat;
|
||||
}
|
||||
.social-share-button-renren {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -48px -16px no-repeat;
|
||||
}
|
||||
.social-share-button-tqq {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -48px -32px no-repeat;
|
||||
}
|
||||
.social-share-button-twitter {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") 0px -48px no-repeat;
|
||||
}
|
||||
.social-share-button-weibo {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -16px -48px no-repeat;
|
||||
}
|
||||
.social-share-button-rss {
|
||||
display:inline-block;
|
||||
width:16px;
|
||||
height:16px;
|
||||
background:url("/assets/social-share-button.png") -32px -48px no-repeat;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
/*
|
||||
*= require basic
|
||||
*= require lib/items
|
||||
*= require lib/pageslide
|
||||
*/
|
||||
@@ -1,715 +0,0 @@
|
||||
/*style*/
|
||||
|
||||
@font-face{
|
||||
font-family: 'WebSymbolsRegular';
|
||||
src: url(<%= asset_path 'websymbols-regular-webfont.eot' %>);
|
||||
src: url(<%= asset_path 'websymbols-regular-webfont.eot?#iefix' %>) format('embedded-opentype'),
|
||||
url(<%= asset_path 'websymbols-regular-webfont.woff' %>) format('woff'),
|
||||
url(<%= asset_path 'websymbols-regular-webfont.ttf' %>) format('truetype'),
|
||||
url(<%= asset_path 'websymbols-regular-webfont.svg#WebSymbolsRegular' %>) format('svg');
|
||||
}
|
||||
.login-logo {
|
||||
text-indent: -9999px;
|
||||
background: url(<%= asset_path 'sign-in-logo.png' %>) no-repeat center 40px;
|
||||
padding-top: 40px;
|
||||
height: 160px;
|
||||
margin: 0;
|
||||
}
|
||||
#main-sidebar {
|
||||
background: url(<%= asset_path 'background.jpg' %>) repeat left top;
|
||||
width: 155px;
|
||||
/*padding-right: 4px;*/
|
||||
/*border-right: 1px solid rgba(0,0,0,.2);*/
|
||||
position:fixed;
|
||||
top: 31px;
|
||||
z-index: 88;
|
||||
box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
||||
-webkit-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
||||
-moz-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
||||
}
|
||||
#main-sidebar .viewport, #main-sidebar .scrollbar {
|
||||
top: 49px;
|
||||
}
|
||||
#main-sidebar #position {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
background-image: -moz-linear-gradient(top, #08C, #006091);
|
||||
background-image: -ms-linear-gradient(top, #08C, #006091);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#006091));
|
||||
background-image: -webkit-linear-gradient(top, #08C, #006091);
|
||||
background-image: -o-linear-gradient(top, #08C, #006091);
|
||||
background-image: linear-gradient(top, #08C, #006091);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08C', endColorstr='#006091', GradientType=0);
|
||||
}
|
||||
#main-sidebar #position span {
|
||||
color: #FFF;
|
||||
}
|
||||
#main-sidebar #position>a [class^="icon"] {
|
||||
color: #FFF;
|
||||
font-size: 1.5em;
|
||||
line-height: 2em;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#main-sidebar #position a {
|
||||
display: block;
|
||||
padding-left: 11px;
|
||||
height: 36px;
|
||||
}
|
||||
#main-sidebar #position #collapse-menu {
|
||||
height: 16px;
|
||||
line-height: 13px;
|
||||
-moz-box-shadow:inset 0px 1px 0px 0px #bababa;
|
||||
-webkit-box-shadow:inset 0px 1px 0px 0px #bababa;
|
||||
box-shadow:inset 0px 1px 0px 0px #bababa;
|
||||
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #969696), color-stop(1, #4f4f4f) );
|
||||
background:-moz-linear-gradient( center top, #969696 5%, #4f4f4f 100% );
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#4f4f4f');
|
||||
background-color:#969696;
|
||||
color:#414141;
|
||||
text-shadow: 0 1px 0px rgba(255, 255, 255, .3);
|
||||
font-size: 8px;
|
||||
text-decoration:none;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
cursor:pointer;
|
||||
}
|
||||
#main-sidebar #position #collapse-menu:hover {
|
||||
color: #CFCFCF;
|
||||
text-shadow: 0 -1px 0px rgba(36, 36, 36, 0.65);
|
||||
}
|
||||
#main-sidebar #position #collapse-menu [class^="icon"] {
|
||||
display: inline;
|
||||
line-height: 3px;
|
||||
}
|
||||
#main-sidebar #position a:hover {
|
||||
text-decoration: none;
|
||||
opacity: 1;
|
||||
-moz-opacity: 1;
|
||||
filter:alpha(opacity=10);
|
||||
}
|
||||
#main-sidebar .nav > li {
|
||||
margin: 1px 0;
|
||||
}
|
||||
#main-sidebar .nav > li > a [class^="icon"] {
|
||||
float: left;
|
||||
color: #333;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
#main-sidebar .nav > li.active > a [class^="icon"] {
|
||||
opacity: 1;
|
||||
-moz-opacity: 1;
|
||||
filter:alpha(opacity=10);
|
||||
}
|
||||
#main-sidebar .overview > .nav > li > a {
|
||||
padding: 3px 13px;
|
||||
line-height: 30px;
|
||||
min-height: 30px;
|
||||
background-color: #e2e2e2;
|
||||
margin-left: -17px;
|
||||
border-top: 1px solid #DBDBDB;
|
||||
border-bottom: 1px solid #BDBDBD;
|
||||
box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .18), 0px -1px 0px rgba(0, 0, 0, .1);
|
||||
-webkit-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .18), 0px -1px 0px rgba(0, 0, 0, .1);
|
||||
-moz-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .18), 0px -1px 0px rgba(0, 0, 0, .1);
|
||||
}
|
||||
#main-sidebar .overview > .nav > li > a:after {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
content: "";
|
||||
visibility: hidden;
|
||||
}
|
||||
#main-sidebar .overview > .nav > li.active > a {
|
||||
background-color: white;
|
||||
box-shadow: none;
|
||||
color: #000000;
|
||||
text-shadow: none;
|
||||
}
|
||||
#main-sidebar .overview > .nav > li:hover > a {
|
||||
background-color: #08C;
|
||||
color: #FFFFFF;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
||||
box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
||||
-webkit-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
||||
-moz-box-shadow: inset -5px 0px 15px rgba(0, 0, 0, .15);
|
||||
}
|
||||
#main-sidebar .overview > .nav > li:hover > a [class^="icon"] {
|
||||
color: #fff;
|
||||
}
|
||||
#main-sidebar .nav > li > .nav {
|
||||
margin-left: -15px;
|
||||
margin-bottom: 5px;
|
||||
width: 155px;
|
||||
padding: 0;
|
||||
background-color: #3A3A3A;
|
||||
/*border-radius: 0px 0px 8px 0px;
|
||||
-webkit-border-radius: 0px 0px 8px 0px;
|
||||
-moz-border-radius: 0px 0px 8px 0px;*/
|
||||
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
|
||||
display: none;
|
||||
}
|
||||
#main-sidebar .nav > li.active > .nav {
|
||||
display: block;
|
||||
}
|
||||
#main-sidebar .nav > li > .nav > li {
|
||||
position: relative;
|
||||
}
|
||||
#main-sidebar .nav > li > .nav > li [class^="icon"] {
|
||||
position: absolute;
|
||||
color: #FFF;
|
||||
top: 4px;
|
||||
right: 0;
|
||||
display: none;
|
||||
}
|
||||
#main-sidebar .nav > li > .nav > li > a {
|
||||
margin: 0;
|
||||
padding-left: 19px;
|
||||
color: #FFFFFF;
|
||||
text-shadow: none;
|
||||
border-bottom: 1px solid #353535;
|
||||
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
#main-sidebar .nav > li > .nav > li:last-child > a {
|
||||
border-bottom: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
#main-sidebar .nav > li > .nav > li.active > a {
|
||||
background-color: #3A3A3A;
|
||||
color: #fff;
|
||||
}
|
||||
#main-sidebar .nav > li > .nav > li > a:hover,
|
||||
#main-sidebar .nav > li > .nav > li.active > a:hover {
|
||||
background-color: #6B6B6B;
|
||||
}
|
||||
#main-sidebar .nav > li > .nav > li.active > a [class^="icon"],
|
||||
#main-sidebar .nav > li > .nav > li > a:hover [class^="icon"] {
|
||||
display: block;
|
||||
}
|
||||
#main-wrap {
|
||||
background-color: #FFF;
|
||||
margin-left: 155px;
|
||||
padding-top: 32px;
|
||||
padding-bottom: 60px;
|
||||
position: relative;
|
||||
}
|
||||
#main-wrap .subnav {
|
||||
height: auto;
|
||||
min-height: 36px;
|
||||
}
|
||||
#main-wrap .subnav .breadcrumb {
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #DBDBDB;
|
||||
border-radius: 0;
|
||||
}
|
||||
#main-wrap .pagination {
|
||||
margin: 18px 0 0;
|
||||
text-align: center;
|
||||
}
|
||||
.main-list .route-group td {
|
||||
border: none;
|
||||
}
|
||||
#main-wrap .route-group .breadcrumb {
|
||||
background-image: none;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-width: 0 0 1px 0;
|
||||
box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
margin-bottom: 0px;
|
||||
padding: 7px 8px 5px;
|
||||
}
|
||||
#main-wrap .breadcrumb li {
|
||||
color: #999;
|
||||
}
|
||||
.form-actions .btn {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#sub-wiget {
|
||||
clear: right;
|
||||
float: right;
|
||||
padding-right: 10px;
|
||||
padding-top: 8px;
|
||||
position: relative;
|
||||
margin-bottom: 13px;
|
||||
width: 304px;
|
||||
}
|
||||
.main-wiget .widget-box {
|
||||
margin: 5px 0;
|
||||
width: 100%;
|
||||
}
|
||||
#poststuff .form-actions {
|
||||
background-color: transparent;
|
||||
text-align: right;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
margin-bottom: -50px;
|
||||
clear: both;
|
||||
}
|
||||
#poststuff form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
#post-body {
|
||||
float: left;
|
||||
clear: left;
|
||||
width: 100%;
|
||||
margin-right: -340px;
|
||||
}
|
||||
#post-body .title input[type=text] {
|
||||
}
|
||||
#post-body .btn-group {
|
||||
margin-left: 5px;
|
||||
}
|
||||
#post-body .well {
|
||||
margin: 0;
|
||||
border-radius: 0px;
|
||||
-moz-border-radius: 0px;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
border-top: none;
|
||||
}
|
||||
#post-body .editor {
|
||||
}
|
||||
#post-body-content {
|
||||
padding: 8px 6px;
|
||||
}
|
||||
#post-body-content .middle {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.filter .accordion-group {
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.filter .accordion-heading > a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.filter .accordion-heading {
|
||||
border-bottom: none;
|
||||
border-top: none;
|
||||
border-left: 1px solid rgba(0,0,0,0.07);
|
||||
border-right: none;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
margin-bottom: -1px;
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.filter li:last-child .accordion-heading {
|
||||
border-right: 1px solid rgba(0,0,0,0.07);
|
||||
}
|
||||
.accordion-group .accordion-toggle .caret {
|
||||
border-top-color: #0088CC;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.filter .active {
|
||||
background-color: #0088CC;
|
||||
}
|
||||
.filter .active a {
|
||||
color: #FFF;
|
||||
}
|
||||
.filter form {
|
||||
margin: 5px 10px;
|
||||
}
|
||||
.filters {
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background-color: #F0F0F0;
|
||||
-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.06);
|
||||
-moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.06);
|
||||
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
.filters > div.in {
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.filters .btn {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.filters .accordion-inner {
|
||||
border-top: none;
|
||||
padding: 9px 15px 4px;
|
||||
position: relative;
|
||||
}
|
||||
.filters .filter-clear {
|
||||
padding: 5px 10px 0;
|
||||
border-top: 1px solid rgba(0,0,0,0.1);
|
||||
text-align: right;
|
||||
-webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
|
||||
-moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
|
||||
box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
.search-results {
|
||||
width: 840px;
|
||||
margin: -250px 0 0 -420px;
|
||||
}
|
||||
#tags {
|
||||
}
|
||||
#tags .tag {
|
||||
line-height: 32px;
|
||||
padding: 0 10px;
|
||||
background-color: #FFFFFF;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
border-top: medium none;
|
||||
}
|
||||
#tags .tag form, #tags .tag form input {
|
||||
margin:0;
|
||||
}
|
||||
#tags .tagitem {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
#tags .action {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
.sign-in {
|
||||
width: 360px;
|
||||
margin: 0 auto 70px;
|
||||
background-color: #FFF;
|
||||
-moz-border-radius: 0 0 5px 5px;
|
||||
-webkit-border-radius: 0 0 5px 5px;
|
||||
border-radius: 0 0 5px 5px;
|
||||
-moz-box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38);
|
||||
-webkit-box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38);
|
||||
box-shadow: 0 2px 2px rgba(143, 143, 143, 0.38);
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-style: none solid solid solid;
|
||||
border-color: transparent #c6c6c6 #c6c6c6 #c6c6c6;
|
||||
}
|
||||
#signin-header {
|
||||
width: 340px;
|
||||
margin: 30px auto 0;
|
||||
line-height: 25px;
|
||||
padding: 5px 10px;
|
||||
border-width: 1px 1px 0px 1px;
|
||||
border-style: solid solid none solid;
|
||||
border-color: #c6c6c6 #c6c6c6 transparent #c6c6c6;
|
||||
background-color: #006dcc;
|
||||
background-image: -moz-linear-gradient(top, #dadada, #c0c0c0);
|
||||
background-image: -ms-linear-gradient(top, #dadada, #c0c0c0);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dadada), to(#c0c0c0));
|
||||
background-image: -webkit-linear-gradient(top, #dadada, #c0c0c0);
|
||||
background-image: -o-linear-gradient(top, #dadada, #c0c0c0);
|
||||
background-image: linear-gradient(top, #dadada, #c0c0c0);
|
||||
-moz-border-radius: 5px 5px 0px 0px ;
|
||||
-webkit-border-radius: 5px 5px 0px 0px;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
-moz-box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3);
|
||||
-webkit-box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3);
|
||||
box-shadow: 0 1px 0px rgba(20, 20, 20, 0.3);
|
||||
}
|
||||
#signin-header h3 {
|
||||
color: #848484;
|
||||
text-shadow: 0 1px 0 #e9e9e9;
|
||||
margin: 0;
|
||||
}
|
||||
#sign-footer {
|
||||
width: 100%;
|
||||
position:fixed;
|
||||
bottom: 0;
|
||||
height: 40px;
|
||||
background-color: #dadada;
|
||||
color: #7a7a7a;
|
||||
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
|
||||
-webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
#sign-footer p {
|
||||
line-height: 40px;
|
||||
padding: 0 10px;
|
||||
text-align: right;
|
||||
}
|
||||
.sign-in .control-group label {
|
||||
text-align: left;
|
||||
width: auto;
|
||||
}
|
||||
.sign-in .forgot {
|
||||
padding-top: 5px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
.sign-in .content {
|
||||
padding: 10px;
|
||||
}
|
||||
.sign-in .form-actions {
|
||||
padding: 17px 10px 18px;
|
||||
margin: 0;
|
||||
-moz-border-radius: 0px 0px 5px 5px;
|
||||
-webkit-border-radius: 0px 0px 5px 5px;
|
||||
border-radius: 0px 0px 5px 5px;
|
||||
}
|
||||
.sign-in form {
|
||||
margin: 0;
|
||||
}
|
||||
.sign-in .control-group .help-inline {
|
||||
display:none;
|
||||
}
|
||||
.sign-in .error .help-inline {
|
||||
display:inline-block;
|
||||
}
|
||||
.web-symbol:before {
|
||||
font-family: 'entypo';
|
||||
content: "\e0ce";
|
||||
}
|
||||
.active .web-symbol:before {
|
||||
content: "\e0cf";
|
||||
}
|
||||
.img-peview {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.popover .arrow {
|
||||
border-bottom-color: #333;
|
||||
border-width: 0 10px 10px;
|
||||
display: none;
|
||||
}
|
||||
.popover img {
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
.popover-inner {
|
||||
width: auto;
|
||||
}
|
||||
.popover-title {
|
||||
display: none;
|
||||
padding: 5px;
|
||||
}
|
||||
.popover-content {
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.view-mode {
|
||||
margin: 6px 10px 0 0;
|
||||
}
|
||||
.view-mode .btn {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.view-mode i {
|
||||
font-size: 1.2em;
|
||||
line-height: 17px !important;
|
||||
}
|
||||
#module-nav {
|
||||
padding: 5px 0;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
-webkit-box-shadow: inset 0px -4px 10px rgba(0, 0, 0, .1);
|
||||
-moz-box-shadow: inset 0px -4px 10px rgba(0, 0, 0, .1);
|
||||
box-shadow: inset 0px -4px 10px rgba(0, 0, 0, .1);
|
||||
}
|
||||
#module-nav .module-nav-view {
|
||||
overflow: hidden;
|
||||
}
|
||||
#module-nav ul {
|
||||
margin-bottom: 0px;
|
||||
height: 35px;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
#module-nav ul li {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
float: none;
|
||||
}
|
||||
#module-nav [class^="arrow_"] {
|
||||
font-size: 18px;
|
||||
margin-top: 8px;
|
||||
color: #acacac;
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
#module-nav [class^="arrow_"]:hover {
|
||||
color: #333333;
|
||||
cursor:pointer;
|
||||
}
|
||||
/*Folded*/
|
||||
.folded #main-sidebar {
|
||||
width: 40px;
|
||||
/*border-right: 1px solid rgba(0,0,0,.2);*/
|
||||
}
|
||||
.folded #main-wrap {
|
||||
margin-left:40px;
|
||||
}
|
||||
.folded #main-sidebar .nav {
|
||||
padding-right: 0;
|
||||
padding-left: 12px;
|
||||
width: 28px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
/*.folded #main-sidebar .nav > li > a [class^="icon"] {
|
||||
margin-left: 1px;
|
||||
}*/
|
||||
/*.folded #main-sidebar .viewport {
|
||||
width: 39px;
|
||||
background-color: rgba(100,100,100,.3)
|
||||
}*/
|
||||
.folded #main-sidebar .viewport {
|
||||
/*width: 198px;*/
|
||||
overflow: visible;
|
||||
/*background-color: rgba(100,100,100,.3)*/
|
||||
}
|
||||
.folded #main-sidebar .overview > .nav-list > li {
|
||||
position: relative;
|
||||
}
|
||||
.folded #main-sidebar .overview > .nav-list > li > a {
|
||||
width: 17px;
|
||||
margin-left: -15px;
|
||||
}
|
||||
.folded #main-sidebar .overview > .nav-list > li:hover > a {
|
||||
width: 172px;
|
||||
position: relative;
|
||||
}
|
||||
.folded #main-sidebar .overview > .nav-list > li > a > span, .folded #main-sidebar #position span {
|
||||
display: none;
|
||||
}
|
||||
.folded #main-sidebar .overview > .nav-list > li:hover > a > span {
|
||||
display: inline-block;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.folded #main-sidebar .overview > .nav-list > li > .nav-list > li > a {
|
||||
padding: 3px 15px;
|
||||
}
|
||||
.folded #main-sidebar .overview > .nav-list > li > .nav-list {
|
||||
display: none;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.folded #main-sidebar .overview > .nav-list > li:hover > .nav-list {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 37px;
|
||||
left: 43px;
|
||||
}
|
||||
.folded #main-sidebar .scrollbar {
|
||||
right: 32px;
|
||||
}
|
||||
.folded #main-sidebar .nav > li > .nav > li:last-child > a {
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
/*icons*/
|
||||
.the-icons i:after {
|
||||
content: attr(class);
|
||||
display: block;
|
||||
font-style: normal;
|
||||
margin-left: 20px;
|
||||
width: 140px;
|
||||
}
|
||||
.the-icons i {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
[class^="text-"] {
|
||||
font-size: 1.2em !important;
|
||||
}
|
||||
.text-blue {
|
||||
color: #0088CC !important;
|
||||
}
|
||||
.text-red {
|
||||
color: #CC3300 !important;
|
||||
}
|
||||
.text-yellow {
|
||||
color: #ffcc00 !important;
|
||||
}
|
||||
.text-orange {
|
||||
color: #f7941d !important;
|
||||
}
|
||||
.text-purple {
|
||||
color: #a864a8 !important;
|
||||
}
|
||||
.text-palm {
|
||||
color: #a67c52 !important;
|
||||
}
|
||||
.text-green {
|
||||
color: #39b54a !important;
|
||||
}
|
||||
#banner_tab li a {
|
||||
padding-right: 32px;
|
||||
}
|
||||
#banner_tab li [class^="icon"] {
|
||||
float: right;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.adbanner-setup {
|
||||
margin-right: 10px;
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
.adbanner-list {
|
||||
border-top: 1px solid #AAA;
|
||||
margin-right: 10px;
|
||||
padding-top: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.adbanner-list ul {
|
||||
margin: 0px;
|
||||
}
|
||||
.adbanner-list ul li {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.adbanner-action {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.textarea-height-s {
|
||||
resize: none;
|
||||
max-height: 150px;
|
||||
}
|
||||
.textarea-height-m {
|
||||
resize: none;
|
||||
max-height: 250px;
|
||||
}
|
||||
.textarea-height-l {
|
||||
resize: none;
|
||||
max-height: 350px;
|
||||
}
|
||||
.textarea-height-xl {
|
||||
resize: none;
|
||||
max-height: 500px;
|
||||
}
|
||||
#banner [id^="slideshow-"] {
|
||||
z-index: 2 !important;
|
||||
}
|
||||
|
||||
#back_main .editable {
|
||||
position: relative;
|
||||
}
|
||||
#back_main .editable:after {
|
||||
content: '';
|
||||
clear: both;
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
#back_main .edit_link a {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-indent: -9999px;
|
||||
background: url(<%= asset_path 'editicon.png' %>) no-repeat center center rgba(255,255,255,.8);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 1);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 1);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 1);
|
||||
}
|
||||
|
||||
#category_id, #module_app_id {
|
||||
width: auto;
|
||||
}
|
||||
File diff suppressed because it is too large.
Load diff
@@ -1,110 +0,0 @@
|
||||
/* list page */
|
||||
header {
|
||||
background-image: url(<%= asset_path "theader_bg.jpg"%>);
|
||||
}
|
||||
#toolbar {
|
||||
background-image: url(<%= asset_path "tfilter_bg.jpg"%>);
|
||||
}
|
||||
#item-list li {
|
||||
width: 25%;
|
||||
}
|
||||
#item-list li a {
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
background: url(<%= asset_path "tlist_tap.png"%>) center top no-repeat;
|
||||
padding-top: 16px;
|
||||
margin: 0 auto 35px auto;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
|
||||
}
|
||||
#item-list li a:hover .item-info {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
#item-list .item-thumb {
|
||||
width: 210px;
|
||||
height: 210px;
|
||||
border: solid 5px #fff;
|
||||
}
|
||||
#item-list .item-info {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 5px;
|
||||
width: 190px;
|
||||
height: 60px;
|
||||
padding: 10px;
|
||||
background-color: #000;
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-moz-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
#item-list .item-name {
|
||||
color: #fff;
|
||||
}
|
||||
#item-list .item-price {
|
||||
right: 10px;
|
||||
bottom: 0;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
.color-tag {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.6);
|
||||
}
|
||||
.btn .color-tag {
|
||||
margin: 2px -6px;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.red {
|
||||
background-color: #ef202a;
|
||||
}
|
||||
.yellow {
|
||||
background-color: #feba29;
|
||||
}
|
||||
.green {
|
||||
background-color: #2ca53b;
|
||||
}
|
||||
.blue {
|
||||
background-color: #019cef;
|
||||
}
|
||||
.purple{
|
||||
background-color: #d402e7;
|
||||
}
|
||||
.white {
|
||||
background-color: #fff;
|
||||
}
|
||||
.gray {
|
||||
background-color: #969696;
|
||||
}
|
||||
.black {
|
||||
background-color: #222;
|
||||
}
|
||||
#color-filter .btn:hover {
|
||||
background-color: #aaa;
|
||||
border-color: #9a9a9a;
|
||||
background-image: linear-gradient(bottom, rgb(204,204,204) 0%, rgb(172,172,172) 100%);
|
||||
background-image: -o-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(172,172,172) 100%);
|
||||
background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(172,172,172) 100%);
|
||||
background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(172,172,172) 100%);
|
||||
background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(172,172,172) 100%);
|
||||
}
|
||||
#color-filter .btn:hover .color-tag {
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,0.6), inset 0 -1px 0 rgba(255,255,255,0.6);
|
||||
}
|
||||
#color-filter .option-default:hover {
|
||||
background-color: #f6f6f6;
|
||||
background-image: none;
|
||||
border-color: #e0e0e0;
|
||||
}
|
||||
|
||||
/* content page */
|
||||
#item-info .item-thumb, #screen-shot {
|
||||
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
|
||||
}
|
||||
@@ -1,4 +0,0 @@
|
||||
body {
|
||||
font-family: Arial, Helvetica, sans-serif !important;
|
||||
font-size: 13px !important;
|
||||
}
|
||||
@@ -1,122 +0,0 @@
|
||||
/* Example tokeninput style #2: Facebook style */
|
||||
ul.token-input-list-facebook {
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
width: 400px;
|
||||
border: 1px solid #8496ba;
|
||||
cursor: text;
|
||||
font-size: 12px;
|
||||
font-family: Verdana, sans-serif;
|
||||
min-height: 1px;
|
||||
z-index: 999;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
list-style-type: none;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
ul.token-input-list-facebook li input {
|
||||
border: 0;
|
||||
width: 100px;
|
||||
padding: 3px 8px;
|
||||
background-color: white;
|
||||
margin: 2px 0;
|
||||
-webkit-appearance: caret;
|
||||
}
|
||||
|
||||
li.token-input-token-facebook {
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 15px;
|
||||
margin: 3px;
|
||||
padding: 1px 3px;
|
||||
background-color: #eff2f7;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
border: 1px solid #ccd5e4;
|
||||
font-size: 11px;
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
float: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
li.token-input-token-facebook p {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li.token-input-token-facebook span {
|
||||
color: #a6b3cf;
|
||||
margin-left: 5px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
li.token-input-selected-token-facebook {
|
||||
background-color: #5670a6;
|
||||
border: 1px solid #3b5998;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
li.token-input-input-token-facebook {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-facebook {
|
||||
position: absolute;
|
||||
width: 400px;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
cursor: default;
|
||||
font-size: 11px;
|
||||
font-family: Verdana, sans-serif;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-facebook p {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-facebook ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-facebook ul li {
|
||||
background-color: #fff;
|
||||
padding: 3px;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-facebook ul li em {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
|
||||
background-color: #3b5998;
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1,204 +0,0 @@
|
||||
/* Example tokeninput style #2: Mac Style */
|
||||
fieldset.token-input-mac {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
margin: 5px 0;
|
||||
background: #fff;
|
||||
width: 400px;
|
||||
border: 1px solid #A4BDEC;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
}
|
||||
|
||||
fieldset.token-input-mac.token-input-dropdown-mac {
|
||||
border-radius: 10px 10px 0 0;
|
||||
-moz-border-radius: 10px 10px 0 0;
|
||||
-webkit-border-radius: 10px 10px 0 0;
|
||||
box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
|
||||
-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
|
||||
}
|
||||
|
||||
ul.token-input-list-mac {
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
cursor: text;
|
||||
font-size: 12px;
|
||||
font-family: Verdana, sans-serif;
|
||||
min-height: 1px;
|
||||
z-index: 999;
|
||||
margin: 0;
|
||||
padding: 3px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
ul.token-input-list-mac.error {
|
||||
border: 1px solid #C52020;
|
||||
}
|
||||
|
||||
ul.token-input-list-mac li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
li.token-input-token-mac p {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li.token-input-token-mac span {
|
||||
color: #a6b3cf;
|
||||
margin-left: 5px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* TOKENS */
|
||||
|
||||
li.token-input-token-mac {
|
||||
font-family: "Lucida Grande", Arial, sans-serif;
|
||||
font-size: 9pt;
|
||||
line-height: 12pt;
|
||||
overflow: hidden;
|
||||
height: 16px;
|
||||
margin: 3px;
|
||||
padding: 0 10px;
|
||||
background: none;
|
||||
background-color: #dee7f8;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
border: 1px solid #a4bdec;
|
||||
border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
li.token-input-highlighted-token-mac {
|
||||
background-color: #bbcef1;
|
||||
border: 1px solid #598bec;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
li.token-input-selected-token-mac {
|
||||
background-color: #598bec;
|
||||
border: 1px solid transparent;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
li.token-input-highlighted-token-mac span.token-input-delete-token-mac {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
li.token-input-selected-token-mac span.token-input-delete-token-mac {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
li.token-input-input-token-mac {
|
||||
border: none;
|
||||
background: transparent;
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li.token-input-input-token-mac input {
|
||||
border: 0;
|
||||
width: 100px;
|
||||
padding: 3px;
|
||||
background-color: transparent;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac {
|
||||
position: absolute;
|
||||
border: 1px solid #A4BDEC;
|
||||
border-top: none;
|
||||
left: -1px;
|
||||
right: -1px;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
font-size: 10pt;
|
||||
font-family: "Lucida Grande", Arial, sans-serif;
|
||||
padding: 5px;
|
||||
border-radius: 0 0 10px 10px;
|
||||
-moz-border-radius: 0 0 10px 10px;
|
||||
-webkit-border-radius: 0 0 10px 10px;
|
||||
box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
|
||||
-moz-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
|
||||
-webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.25);
|
||||
clip:rect(0px, 1000px, 1000px, -10px);
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac p {
|
||||
font-size: 8pt;
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
font-style: italic;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac h3.token-input-dropdown-category-mac {
|
||||
font-family: "Lucida Grande", Arial, sans-serif;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
padding: 0 5px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac ul li {
|
||||
list-style-type: none;
|
||||
cursor: pointer;
|
||||
background: none;
|
||||
background-color: #fff;
|
||||
margin: 0;
|
||||
padding: 0 0 0 25px;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac.odd {
|
||||
background-color: #ECF4F9;
|
||||
border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac ul li.token-input-dropdown-item-mac span.token-input-dropdown-item-description-mac {
|
||||
float: right;
|
||||
font-size: 8pt;
|
||||
font-style: italic;
|
||||
padding: 0 10px 0 0;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac ul li strong {
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
font-style: none;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac,
|
||||
div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac.odd {
|
||||
background-color: #598bec;
|
||||
color: #fff;
|
||||
border-radius: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
-webkit-border-radius: 15px;
|
||||
}
|
||||
|
||||
div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac span.token-input-dropdown-item-description-mac,
|
||||
div.token-input-dropdown-mac ul li.token-input-selected-dropdown-item-mac.odd span.token-input-dropdown-item-description-mac {
|
||||
color: #fff;
|
||||
}
|
||||
@@ -1,127 +0,0 @@
|
||||
/* Example tokeninput style #1: Token vertical list*/
|
||||
ul.token-input-list {
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
width: 400px;
|
||||
border: 1px solid #999;
|
||||
cursor: text;
|
||||
font-size: 12px;
|
||||
font-family: Verdana, sans-serif;
|
||||
z-index: 999;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
list-style-type: none;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
ul.token-input-list li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul.token-input-list li input {
|
||||
border: 0;
|
||||
width: 350px;
|
||||
padding: 3px 8px;
|
||||
background-color: white;
|
||||
-webkit-appearance: caret;
|
||||
}
|
||||
|
||||
ul.token-input-disabled,
|
||||
ul.token-input-disabled li input {
|
||||
background-color: #E8E8E8;
|
||||
}
|
||||
|
||||
ul.token-input-disabled li.token-input-token {
|
||||
background-color: #D9E3CA;
|
||||
color: #7D7D7D
|
||||
}
|
||||
|
||||
ul.token-input-disabled li.token-input-token span {
|
||||
color: #CFCFCF;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
li.token-input-token {
|
||||
overflow: hidden;
|
||||
height: auto !important;
|
||||
height: 1%;
|
||||
margin: 3px;
|
||||
padding: 3px 5px;
|
||||
background-color: #d0efa0;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
display: block;
|
||||
}
|
||||
|
||||
li.token-input-token p {
|
||||
float: left;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li.token-input-token span {
|
||||
float: right;
|
||||
color: #777;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
li.token-input-selected-token {
|
||||
background-color: #08844e;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
li.token-input-selected-token span {
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
div.token-input-dropdown {
|
||||
position: absolute;
|
||||
width: 400px;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
border-left: 1px solid #ccc;
|
||||
border-right: 1px solid #ccc;
|
||||
border-bottom: 1px solid #ccc;
|
||||
cursor: default;
|
||||
font-size: 12px;
|
||||
font-family: Verdana, sans-serif;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
div.token-input-dropdown p {
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
div.token-input-dropdown ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.token-input-dropdown ul li {
|
||||
background-color: #fff;
|
||||
padding: 3px;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
div.token-input-dropdown ul li.token-input-dropdown-item {
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
div.token-input-dropdown ul li.token-input-dropdown-item2 {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
div.token-input-dropdown ul li em {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
|
||||
background-color: #d0efa0;
|
||||
}
|
||||
@@ -1,152 +0,0 @@
|
||||
.widget-size-300 {
|
||||
width:298px;
|
||||
}
|
||||
.widget-box {
|
||||
background-color: #FFF;
|
||||
min-width: 300px;
|
||||
margin: 0 0 5px 5px;
|
||||
position:relative;
|
||||
}
|
||||
.widget-box .widget-title {
|
||||
margin: 0;
|
||||
font-size: 1.5em;
|
||||
line-height: 1.5em;
|
||||
color: #FFF;
|
||||
padding-left: 5px;
|
||||
border-radius: 5px 5px 0 0;
|
||||
-moz-border-radius: 5px 5px 0 0;
|
||||
-webkit-border-radius: 5px 5px 0 0;
|
||||
background-image: -moz-linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||
background-image: -ms-linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B7B7B7), to(#9d9d9d));
|
||||
background-image: -webkit-linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||
background-image: -o-linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||
background-image: linear-gradient(top, #B7B7B7, #9d9d9d);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B7B7B7', endColorstr='#9d9d9d', GradientType=0);
|
||||
}
|
||||
.widget-box .widget-title [class^="icon"] {
|
||||
margin: 3px 5px 0 2px;
|
||||
}
|
||||
.widget-box .widget-content {
|
||||
padding: 10px;
|
||||
border-width: 0 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #CCCCCC;
|
||||
border-radius: 0 0 5px 5px;
|
||||
-moz-border-radius: 0 0 5px 5px;
|
||||
-webkit-border-radius: 0 0 5px 5px;
|
||||
}
|
||||
.widget-box .form-horizontal .control-group > label {
|
||||
width: 50px;
|
||||
}
|
||||
.widget-box .form-horizontal .controls {
|
||||
margin-left: 60px;
|
||||
}
|
||||
.widget-action {
|
||||
position:absolute;
|
||||
right:1px;
|
||||
top:4px;
|
||||
}
|
||||
.action {
|
||||
float: left;
|
||||
display:inline-block;
|
||||
margin-right: 5px;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
color: #FFF;
|
||||
}
|
||||
.action:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
cursor: pointer;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
.select-role {
|
||||
display:none;
|
||||
overflow:hidden;
|
||||
}
|
||||
.file-upload {
|
||||
position:relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.file-upload .file-name {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
border-style: solid;
|
||||
border-width: 1px 1px 1px 0;
|
||||
border-color: #CCC;
|
||||
display: inline-block;
|
||||
padding: 4px 10px;
|
||||
height: 20px;
|
||||
line-height: 18px;
|
||||
-webkit-border-radius: 0 3px 3px 0;
|
||||
-moz-border-radius: 0 3px 3px 0;
|
||||
border-radius: 0 3px 3px 0;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
width: 175px;
|
||||
}
|
||||
.file-upload .upload {
|
||||
margin:0;
|
||||
padding:0;
|
||||
position:absolute;
|
||||
top: 0;
|
||||
left:0;
|
||||
opacity:.0;
|
||||
font-size: 60px;
|
||||
left: -595px/9;
|
||||
filter: alpha(opacity=0);
|
||||
outline: none;
|
||||
}
|
||||
.file-upload .upload:focus {
|
||||
position:absolute;
|
||||
}
|
||||
.upload-picture {
|
||||
margin-bottom: 5px;
|
||||
text-align: center;
|
||||
width: 276px;
|
||||
overflow: hidden;
|
||||
height: 90px;
|
||||
}
|
||||
.upload-picture img {
|
||||
left: 0;
|
||||
margin-top: -15%;
|
||||
width: 100%;
|
||||
}
|
||||
.widget-box .widgetInfo {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 255px;
|
||||
margin : 0px 0 5px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.file-upload .input-medium {
|
||||
border-radius: 3px 3px 3px 3px !important;
|
||||
width: 263px;
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
}
|
||||
#widget-link table {
|
||||
margin-bottom:0
|
||||
}
|
||||
/*Date*/
|
||||
.showDate {
|
||||
border-style: solid;
|
||||
border-width: 1px 0 1px 1px;
|
||||
border-color: #CCC;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding: 4px 10px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
-webkit-border-radius: 3px 0 0 3px;
|
||||
-moz-border-radius: 3px 0 0 3px;
|
||||
border-radius: 3px 0 0 3px;
|
||||
text-align: center;
|
||||
}
|
||||
.calendarInput {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
left: 11px;
|
||||
}
|
||||
Reference in new issue
Block a user