Merge branch 'various_bugs' into nccu_master
Conflicts: Gemfile.lock app/assets/javascripts/ajax_form.js.erb app/assets/stylesheets/style.css.erb app/controllers/application_controller.rb app/controllers/sessions_controller.rb app/helpers/admin/web_link_helper.rb app/views/admin/attributes/_attribute_field.html.erb app/views/admin/designs/_form.html.erb app/views/admin/pages/_form.html.erb app/views/admin/sites/_side_bar.html.erb app/views/layouts/_orbit_bar.html.erb app/views/layouts/_side_bar.html.erb config/locales/en.yml config/locales/zh_tw.yml config/mongoid.yml vendor/built_in_modules/announcement/app/controllers/panel/announcement/back_end/bulletins_controller.rb vendor/built_in_modules/announcement/app/controllers/panel/announcement/front_end/bulletins_controller.rb vendor/built_in_modules/announcement/app/views/panel/announcement/back_end/bulletins/_bulletin.html.erb vendor/built_in_modules/announcement/app/views/panel/announcement/back_end/bulletins/_filter.html.erb vendor/built_in_modules/announcement/app/views/panel/announcement/back_end/bulletins/index.html.erb vendor/built_in_modules/announcement/app/views/panel/announcement/widget/bulletins/_index.html.erb vendor/built_in_modules/news/app/views/panel/news/back_end/news_bulletins/_filter.html.erb vendor/built_in_modules/news/app/views/panel/news/back_end/news_bulletins/_filter_status.html.erb vendor/built_in_modules/news/app/views/panel/news/back_end/news_bulletins/_news_bulletin.html.erb vendor/built_in_modules/news/app/views/panel/news/back_end/news_bulletins/index.html.erb vendor/built_in_modules/web_resource/app/views/panel/web_resource/back_end/web_links/index.html.erb
This commit is contained in:
chris committed
commit
65ac6980c4
2087 files changed
+80434
-3692
No files matched your search
@@ -1,34 +1,35 @@
|
||||
#banner_nav {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
bottom: 0;
|
||||
margin-right: 5px;
|
||||
right: 0;
|
||||
}
|
||||
#banner_nav>li {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
|
||||
}
|
||||
#banner_nav>li>a {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity = 50);
|
||||
margin: 0 4px 10px;
|
||||
text-indent: -9999px;
|
||||
box-shadow: 0 0 5px rgba(0,0,0,.7);
|
||||
}
|
||||
#banner_nav>li>a:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity = 100);
|
||||
}
|
||||
#banner_nav>li.activeSlide>a {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity = 100);
|
||||
}
|
||||
#banner_nav {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
bottom: 0;
|
||||
margin-right: 5px;
|
||||
right: 0;
|
||||
}
|
||||
#banner_nav>li {
|
||||
float: left;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
|
||||
}
|
||||
#banner_nav>li>a {
|
||||
display:block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
background-color: #FFFFFF;
|
||||
opacity: .5;
|
||||
filter: alpha(opacity = 50);
|
||||
margin: 0 4px 10px;
|
||||
text-indent: -9999px;
|
||||
box-shadow: 0 0 5px rgba(0,0,0,.7);
|
||||
}
|
||||
#banner_nav>li>a:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity = 100);
|
||||
}
|
||||
#banner_nav>li.activeSlide>a {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity = 100);
|
||||
}
|
||||
+9
-19
@@ -44,24 +44,14 @@ h1, h2, h3, h4, h5, h6 {
|
||||
.subnav {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
background-color: #eeeeee; /* Old browsers */
|
||||
background-repeat: repeat-x; /* Repeat the gradient */
|
||||
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
|
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
|
||||
background-image: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* IE10+ */
|
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Opera 11.10+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0 ); /* IE6-9 */
|
||||
background-image: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* W3C */
|
||||
border: 1px solid #e5e5e5;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
/*border-top: 1px solid #e5e5e5;*/
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.subnav .nav {
|
||||
.subnav .filter {
|
||||
margin-bottom: 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.subnav .nav > li > a {
|
||||
.subnav .filter > li > a {
|
||||
margin: 0;
|
||||
padding-top: 11px;
|
||||
padding-bottom: 11px;
|
||||
@@ -71,7 +61,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
|
||||
.subnav .filter > .active > a, .subnav .filter > .active > a:hover {
|
||||
padding-left: 13px;
|
||||
color: #777;
|
||||
background-color: #e9e9e9;
|
||||
@@ -81,17 +71,17 @@ h1, h2, h3, h4, h5, h6 {
|
||||
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
|
||||
box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
|
||||
}
|
||||
.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
|
||||
.subnav .filter > .active > a .caret, .subnav .filter > .active > a:hover .caret {
|
||||
border-top-color: #777;
|
||||
}
|
||||
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
|
||||
.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 .nav > li:last-child > a {
|
||||
.subnav .filter > li:last-child > a {
|
||||
border-right: 0;
|
||||
}
|
||||
.subnav .dropdown-menu {
|
||||
|
||||
+438
@@ -0,0 +1,438 @@
|
||||
/*!
|
||||
* 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;
|
||||
}
|
||||
|
||||
Vendored
+5774
File diff suppressed because it is too large.
Load diff
+4
-4
@@ -3039,7 +3039,7 @@ button.btn.small, input[type="submit"].btn.small {
|
||||
}
|
||||
.navbar-search .search-query {
|
||||
padding: 4px 9px;
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
@@ -3222,8 +3222,8 @@ button.btn.small, input[type="submit"].btn.small {
|
||||
color: #333333;
|
||||
}
|
||||
.pagination {
|
||||
height: 36px;
|
||||
margin: 18px 0;
|
||||
height: 36px;
|
||||
margin: 18px 0;
|
||||
}
|
||||
.pagination ul {
|
||||
display: inline-block;
|
||||
@@ -3274,7 +3274,7 @@ button.btn.small, input[type="submit"].btn.small {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.pagination a:hover, .pagination .active a {
|
||||
background-color: #e8e8e8;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.pagination .active a {
|
||||
color: #999999;
|
||||
@@ -0,0 +1,14 @@
|
||||
/*
|
||||
*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 style
|
||||
*= require bootstrap
|
||||
*= require bootstrap-orbit
|
||||
*= require jquery.miniColors
|
||||
*= require font-awesome
|
||||
*= require desktopmain
|
||||
*= require desktopmedia
|
||||
*= require orbitTimeline
|
||||
*= require orbit-bar
|
||||
*/
|
||||
@@ -0,0 +1,757 @@
|
||||
/* 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: 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: Cuprum, Arial, "Sans Serif";
|
||||
font-size: 12px;
|
||||
background-color: #000;
|
||||
}
|
||||
a, a:hover { text-decoration: none; color: #666; }
|
||||
a:focus { outline: none; }
|
||||
/* desktop layout */
|
||||
#container {
|
||||
margin: 48px 0 0 156px;
|
||||
}
|
||||
#header {
|
||||
padding: 0 0 12px 0;
|
||||
min-width: 800px;
|
||||
}
|
||||
#side {
|
||||
width: 60px;
|
||||
height: 516px;
|
||||
position: absolute;
|
||||
margin-right: 96px;
|
||||
top: 120px;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
#holder {
|
||||
/*overflow: hidden;
|
||||
overflow-x: auto;*/
|
||||
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 {
|
||||
|
||||
}
|
||||
.docklist li {
|
||||
position: relative;
|
||||
}
|
||||
.dock_child {
|
||||
display: none;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
top: 0;
|
||||
}
|
||||
.docklist > li:hover .dock_child { display: block; }
|
||||
.dock_item { float: left; }
|
||||
.fn_des.admtxt {
|
||||
line-height: 60px;
|
||||
padding: 0 6px;
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
min-width: 48px;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ini_input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
.ini_input:focus { outline: 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;
|
||||
}
|
||||
#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: 21px; }
|
||||
|
||||
|
||||
.appname {
|
||||
font-size: 15px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
overflow: hidden;
|
||||
cursor: default;
|
||||
z-index: 3;
|
||||
}
|
||||
.w1.h1 .appname { text-align: center; }
|
||||
.w2.h2 .appname { font-size: 21px; }
|
||||
.appicon {
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
#sections .appicon {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
margin-right: 6px;
|
||||
}
|
||||
.appholder {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.holder_f .appholder {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.holder_f .appname { display: none; }
|
||||
.dtitle {
|
||||
font-size: 30px;
|
||||
line-height: 60px;
|
||||
float: left;
|
||||
margin: 0 12px 0 0;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
/*.section_slc { width: 252px; }*/
|
||||
|
||||
.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; }
|
||||
.tile {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* panel */
|
||||
#panel_l { background-color: #f0f0f0; float: left; }
|
||||
#panel_r { margin-left: 252px; position: relative;}
|
||||
|
||||
/* simple dropdown menu */
|
||||
.sdm { position: relative; }
|
||||
.sdm_t {
|
||||
cursor: default;
|
||||
transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-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;
|
||||
}
|
||||
.sdm_o li { border-top: solid 1px #f2f2f2; }
|
||||
.sdm_o li:first-child { border: none; }
|
||||
.sdm_o a { display: block; }
|
||||
.sdm_o .admtxt { display: block; line-height: 36px; }
|
||||
|
||||
/* 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 #ddd; }
|
||||
.s_menu li:first-child { border: none; }
|
||||
.s_menu 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; }
|
||||
|
||||
/* header drop menu */
|
||||
.sdm_mdr .sdm_o { top: 36px; }
|
||||
|
||||
/* 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; }
|
||||
.toolbar .sdm_o { top: 36px; background-color: #f0f0f0; }
|
||||
.toolbar button {
|
||||
border: none;
|
||||
outline: none;
|
||||
padding: 0 16px;
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: 15px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
/* 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; height: 150px; 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;}
|
||||
.stock_wallpaper { }
|
||||
.stock_wallpaper .ssl_item { margin-bottom: 6px; }
|
||||
.stock_wallpaper img { }
|
||||
|
||||
.s_title { font-size: 15px; line-height: 60px; text-align: left; }
|
||||
.s_subtitle {
|
||||
font-size: 13px;
|
||||
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;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* theme color opacity */
|
||||
.op10 { opacity: 1; }
|
||||
.op09 { opacity: 0.9; }
|
||||
.op08 { opacity: 0.8; }
|
||||
.op07 { opacity: 0.7; }
|
||||
.op06 { opacity: 0.6; }
|
||||
.op05 { opacity: 0.5; }
|
||||
.op04 { opacity: 0.4; }
|
||||
.op03 { opacity: 0.3; }
|
||||
.op02 { opacity: 0.2; }
|
||||
.op01 { opacity: 0.1; }
|
||||
.op00 { opacity: 0; }
|
||||
|
||||
/* box set */
|
||||
.w1 { width: 96px; }
|
||||
.w2 { width: 228px; }
|
||||
.w4 { width: 488px; }
|
||||
.wh1 { width: 30px; }
|
||||
.wh2 { width: 36px; }
|
||||
.wh3 { width: 60px; }
|
||||
.w100 { width: 100%; }
|
||||
.pw { width: 540px; }
|
||||
|
||||
.h1 { height: 96px; }
|
||||
.h2 { height: 228px; }
|
||||
.h4 { height: 488px; }
|
||||
.hh1 { height: 30px; }
|
||||
.hh2 { height: 36px; }
|
||||
.hh3 { height: 60px; }
|
||||
.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;
|
||||
/*display:inline-block;*/
|
||||
}
|
||||
.group{
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
/*max-width: 800px;*/
|
||||
/*max-height:540px;*/
|
||||
}
|
||||
.group_search{
|
||||
float: left;
|
||||
margin-right: 36px;
|
||||
|
||||
}
|
||||
.search_result{
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
max-width: 340px;
|
||||
}
|
||||
.g_sep { width: 11px; border-left: solid 1px #fff; }
|
||||
|
||||
|
||||
.clear { clear: both; }
|
||||
|
||||
/* 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%; }
|
||||
.tinycanvas .scrollbar { position: absolute; z-index: 9; }
|
||||
.tinycanvas .scrollbar.sb_h { left: 0; bottom: 0; height: 6px; }
|
||||
.tinycanvas .scrollbar.sb_v { right: 0; top: 0; width: 6px; }
|
||||
.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.disable{ display: none; }
|
||||
|
||||
/* Orbit 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; }
|
||||
.note_type img { display: block; }
|
||||
.note_message {
|
||||
color: #333;
|
||||
margin: 10px 0 0 48px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* Orbit Dialogue */
|
||||
#orbitdiag {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
#orbitdiag .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;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
margin: 0 6px;
|
||||
}
|
||||
.diag_btn:hover { outline: solid 2px #fff; }
|
||||
|
||||
/* tinygrid */
|
||||
.s_grid_con { width: 410px; }
|
||||
.s_grid_row { overflow: hidden; margin-bottom: 12px; }
|
||||
.s_grid_row .s_grid:first-child { margin-left: 0; }
|
||||
.s_grid {
|
||||
float: left;
|
||||
margin: 0 0 0 10px;
|
||||
}
|
||||
.s_grid_con .s_grid_1 { width: 60px; }
|
||||
.s_grid_con .s_grid_2 { width: 130px; }
|
||||
.s_grid_con .s_grid_3 { width: 200px; }
|
||||
.s_grid_con .s_grid_4 { width: 270px; }
|
||||
.s_grid_con .s_grid_5 { width: 340px; }
|
||||
.s_grid_con .s_grid_6 { width: 410px; }
|
||||
|
||||
/* simple slider */
|
||||
/*.s_slider { display: inline-block; float: none; vertical-align: middle; }
|
||||
.s_slider > .s_grid { display: inline-block; float: none; vertical-align: middle; }
|
||||
.s_slider_holder {
|
||||
position: absolute;
|
||||
}
|
||||
.s_slider_c {
|
||||
position: relative;
|
||||
height: 6px;
|
||||
background-color: #ddd;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.s_slider_c .ui-slider-handle {
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 16px;
|
||||
margin: -5px 0 0 0;
|
||||
background-color: #333;
|
||||
}
|
||||
.s_slider_c .ui-slider-range {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
background-color: red;
|
||||
display: block;
|
||||
}*/
|
||||
|
||||
/* simple form */
|
||||
|
||||
.s_form { font-size: 15px; }
|
||||
.s_form li { overflow: hidden; padding: 6px; margin-bottom: 12px; position: relative; }
|
||||
.s_form .s_grid_row { padding: 3px; margin-bottom: 6px; }
|
||||
.s_form label {
|
||||
font-size: 13px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 100px;
|
||||
margin-right: 24px;
|
||||
color: #777;
|
||||
}
|
||||
.s_form input[type=text], .s_form input[type=password], .s_form textarea{
|
||||
outline: solid 3px #f6f6f6;
|
||||
border: solid 1px #eee;
|
||||
font-size: 18px;
|
||||
font-family: Arial !important;
|
||||
margin: 0;
|
||||
padding: 6px;
|
||||
transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
}
|
||||
.s_form select { font-family: Arial !important; padding: 6px; height: auto; }
|
||||
.s_form input[type=file] { margin: 0px; vertical-align: baseline; }
|
||||
.s_form input[type=text]:focus, .s_form input[type=password]:focus, .s_form textarea:focus {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
}
|
||||
.s_form textarea { resize: none; }
|
||||
.check_box_g {
|
||||
padding: 4px 8px;
|
||||
outline: solid 1px #eee;
|
||||
}
|
||||
.check_box_g > label {
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
padding: 4px 0;
|
||||
}
|
||||
.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 li label { padding-left: 4px; font-family: Arial; }
|
||||
.s_form .input_append {
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
right: 5px;
|
||||
top: 4px;
|
||||
display: block;
|
||||
background-color: #fff;
|
||||
}
|
||||
.s_form.s_grid_con { width: 416px; }
|
||||
.s_form .s_grid_row { width: 410px; }
|
||||
.s_form .s_grid_row .s_grid:first-child { margin-left: 0; }
|
||||
.s_form input[type=text].s_grid, .s_form input[type=passowrd].s_grid, .s_form textarea.s_grid, .s_form label.s_grid { float: none; display: inline-block; margin-left: 10px; }
|
||||
.s_form input[type=text].s_grid_1, .s_form input[type=passowrd].s_grid_1, .s_form textarea.s_grid_1 { width: 46px; }
|
||||
.s_form input[type=text].s_grid_2, .s_form input[type=passowrd].s_grid_2, .s_form textarea.s_grid_2 { width: 116px; }
|
||||
.s_form input[type=text].s_grid_3, .s_form input[type=passowrd].s_grid_3, .s_form textarea.s_grid_3 { width: 186px; }
|
||||
.s_form input[type=text].s_grid_4, .s_form input[type=passowrd].s_grid_4, .s_form textarea.s_grid_4 { width: 256px; }
|
||||
.s_form input[type=text].s_grid_5, .s_form input[type=passowrd].s_grid_5, .s_form textarea.s_grid_5 { width: 326px; }
|
||||
.s_form input[type=text].s_grid_6, .s_form input[type=passowrd].s_grid_6, .s_form textarea.s_grid_6 { width: 396px; }
|
||||
.s_form select.s_grid_1 { width: 60px; }
|
||||
.s_form select.s_grid_2 { width: 130px; }
|
||||
.s_form select.s_grid_3 { width: 200px; }
|
||||
.s_form select.s_grid_4 { width: 270px; }
|
||||
.s_form select.s_grid_5 { width: 340px; }
|
||||
.s_form select.s_grid_6 { width: 410px; }
|
||||
|
||||
|
||||
|
||||
#group_wrapper {}
|
||||
.grp { height:528px; }
|
||||
.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 { padding: 2px; overflow: hidden; }
|
||||
.list_t_title {
|
||||
font-size: 15px;
|
||||
font-family: Arial;
|
||||
margin-bottom: 10px;
|
||||
color: #333;
|
||||
}
|
||||
.list_t_des {
|
||||
font-size: 13px;
|
||||
line-height: 1.5em;
|
||||
color: #999;
|
||||
font-family: Arial, sans-serif;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Connection Page */
|
||||
#connection_setting { height: 492px; }
|
||||
#connection_setting .s_form {
|
||||
float: left;
|
||||
margin: 0 12px 0 0;
|
||||
padding-left: 24px;
|
||||
height: 100%;
|
||||
border-left: solid 1px #ddd;
|
||||
}
|
||||
#connection_setting .s_form:first-child { padding-left: 0; border: none; }
|
||||
#connection_setting .s_form label { line-height: 30px; }
|
||||
#connection_setting .s_form .c_icon, #connection_setting .s_form .c_name {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#connection_setting .s_form .c_name { padding: 0 12px; font-size: 18px; }
|
||||
#connection_setting .s_form input[type=text], #connection_setting .s_form input[type=password] { width: 202px; }
|
||||
#connection_setting .setting_btn { margin-left: 12px; }
|
||||
#connection_setting .setting_btn.disable { background-color: #ddd; cursor: default; }
|
||||
#connection_setting .c_status {
|
||||
float: right;
|
||||
padding: 6px;
|
||||
font-size: 9px;
|
||||
background-color: #eee;
|
||||
color: #ccc;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
-webkit-text-size-adjust: none;
|
||||
transition: background-color 0.5s ease;
|
||||
-moz-transition: background-color 0.5s ease;
|
||||
-webkit-transition: background-color 0.5s ease;
|
||||
}
|
||||
#connection_setting .c_status_on { background-color: #51A351; color: #fff; }
|
||||
#connection_setting .c_info {
|
||||
font-size: 18px;
|
||||
font-family: Arial;
|
||||
padding: 7px 6px;
|
||||
background-color: #fcfcfc;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* Journal Papers */
|
||||
#paper_list, #paper_add { height: 456px; }
|
||||
#paper_list .g_col {
|
||||
width: 410px;
|
||||
height: 456px;
|
||||
margin-left: 12px;
|
||||
padding-left: 12px;
|
||||
border-left: solid 1px #eee;
|
||||
}
|
||||
#paper_list .g_col:first-child { margin-left: 0; padding-left: 10px; border: none; }
|
||||
#paper_list .list_t .list_t_item { padding-left: 30px; height: 86px; }
|
||||
#paper_list .list_item_action {
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
margin-left: -30px;
|
||||
}
|
||||
.list_item_action a {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin: 1px 1px 6px 1px;
|
||||
}
|
||||
.list_item_action .icon-star-empty { color: #999; font-size: 20px; }
|
||||
.list_item_action .icon-star { color: #faa732; font-size: 20px; }
|
||||
.list_item_action .icon-check-empty { color: #999; font-size: 20px; }
|
||||
.list_item_action .icon-check { color: #333; font-size: 20px; }
|
||||
|
||||
/* Journal Paper Add */
|
||||
#paper_add .s_grid_con {
|
||||
float: left;
|
||||
height: 456px;
|
||||
margin-left: 12px;
|
||||
padding-left: 12px;
|
||||
border-left: solid 1px #eee;
|
||||
}
|
||||
#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; }
|
||||
|
||||
/* 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: 9;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
/* Timeline */
|
||||
#orbit #holder > .admbg {
|
||||
background-color: #efefef;
|
||||
}
|
||||
|
||||
/*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;
|
||||
}
|
||||
.desktop_toolpopup h3 {
|
||||
}
|
||||
.desktop_toolpopup h2 {
|
||||
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
@media only screen and (min-width: 1240px){
|
||||
|
||||
#panel_r.pw { width: 800px; }
|
||||
|
||||
}
|
||||
@media only screen and (min-width: 1900px){
|
||||
|
||||
#panel_r.pw { width: 1400px; }
|
||||
|
||||
}
|
||||
@@ -0,0 +1,303 @@
|
||||
/* 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(<%= asset_path 'fontawesome-webfont.eot' %>);
|
||||
src: url(<%= asset_path 'fontawesome-webfont.eot?#iefix' %>) format('eot'), url(<%= asset_path 'fontawesome-webfont.woff' %>) format('woff'), url(<%= asset_path 'fontawesome-webfont.ttf' %>) format('truetype'), url(<%= asset_path '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,11 +1,15 @@
|
||||
/*isotope*/
|
||||
|
||||
#isotope {
|
||||
margin-top: 2px;
|
||||
}
|
||||
.isotope-item {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.isotope-hidden.isotope-item {
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/**** Isotope CSS3 transitions ****/
|
||||
|
||||
.isotope,
|
||||
@@ -39,104 +43,4 @@
|
||||
-moz-transition-duration: 0s;
|
||||
-o-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
}
|
||||
.w-a {
|
||||
width: 398px;
|
||||
}
|
||||
.w-b {
|
||||
width: 812px;
|
||||
}
|
||||
.h-a {
|
||||
height: 315px;
|
||||
}
|
||||
.h-b {
|
||||
height: 703px;
|
||||
}
|
||||
.item {
|
||||
margin: 5px 0 15px 15px;
|
||||
}
|
||||
.item h3 {
|
||||
margin: 20px 0 5px;
|
||||
}
|
||||
.item h3 [class^="icons-"] {
|
||||
margin: 1px 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);
|
||||
}
|
||||
.item .detail .totle {
|
||||
font-size: 50px;
|
||||
padding:10px 5px 30px 0;
|
||||
margin: 0;
|
||||
text-align: right;
|
||||
border-bottom:1px solid #d9d9d9;
|
||||
}
|
||||
.item .detail .totle span {
|
||||
display: block;
|
||||
font-size:18px;
|
||||
color: #333;
|
||||
padding-left: 5px;
|
||||
text-align:left;
|
||||
margin-bottom: -7px;
|
||||
}
|
||||
.item .detail .table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.item .detail .table th, .item .detail .table td {
|
||||
border-top: none;
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
}
|
||||
.item .detail .table tr th {
|
||||
background-color: #F2F2F2;
|
||||
border-bottom: 1px solid #AAAAAA;
|
||||
}
|
||||
.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;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.item .h-a .my_scroll .viewport {
|
||||
height: 210px;
|
||||
}
|
||||
.item .h-b .my_scroll .viewport {
|
||||
height: 594px;
|
||||
}
|
||||
.item .isotope-hidden.isotope-item {
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
.item .my_scroll {
|
||||
position: relative;
|
||||
}
|
||||
.item .my_scroll .scrollbar {
|
||||
right: 3px;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
}
|
||||
.item .my_scroll .track {
|
||||
background-color: transparent;
|
||||
}
|
||||
.detail.noStatistics {
|
||||
overflow: hidden;
|
||||
}
|
||||
.detail.noStatistics.h-a {
|
||||
height: 315px;
|
||||
}
|
||||
.detail.noStatistics.h-a .my_scroll .viewport {
|
||||
height: 280px;
|
||||
}
|
||||
.detail.noStatistics.h-b {
|
||||
height: 704px;
|
||||
}
|
||||
.detail.noStatistics.h-b .my_scroll .viewport {
|
||||
height: 670px;
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
.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^="icons-"] {
|
||||
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;
|
||||
}
|
||||
Executable
+59
@@ -0,0 +1,59 @@
|
||||
.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;
|
||||
}
|
||||
@@ -1,7 +1,13 @@
|
||||
/*list*/
|
||||
|
||||
.table th.select {
|
||||
.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;
|
||||
@@ -11,7 +17,7 @@
|
||||
border-right: medium none;
|
||||
}
|
||||
.main-list thead th:last-child {
|
||||
border-right: none;
|
||||
border-right: none !important;
|
||||
}
|
||||
.main-list .span1 {
|
||||
min-width: 32px;
|
||||
@@ -33,14 +39,21 @@
|
||||
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;
|
||||
@@ -51,10 +64,14 @@
|
||||
}
|
||||
.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;
|
||||
}
|
||||
@@ -95,11 +112,11 @@
|
||||
.table-label {
|
||||
background-color: #F2F2F2;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
}
|
||||
.table-label .main-list thead th {
|
||||
background-color: #F2F2F2;
|
||||
border-right: 1px solid #DDDDDD;
|
||||
border-top: 1px solid #DDDDDD !important;
|
||||
background-color: #FFFFFF;
|
||||
border-right: 1px solid #e5e5e5;
|
||||
line-height: 20px;
|
||||
}
|
||||
.route-group .route {
|
||||
@@ -150,7 +167,7 @@ legend {
|
||||
top: 30px;
|
||||
z-index: 50;
|
||||
}
|
||||
.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
|
||||
.subnav .filter > li:first-child > a, .subnav .filter > li:first-child > a:hover {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
@@ -178,6 +195,7 @@ legend {
|
||||
padding: 0 8px;
|
||||
vertical-align: inherit;
|
||||
position: relative;
|
||||
position/**/: static;
|
||||
}
|
||||
.sort-header th a {
|
||||
display: block;
|
||||
@@ -204,10 +222,11 @@ legend {
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
bottom: 0;
|
||||
z-index: 2;
|
||||
z-index: 10;
|
||||
}
|
||||
.form-fixed .btn {
|
||||
margin-top: 4px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.paginationFixed {
|
||||
}
|
||||
|
||||
@@ -0,0 +1,237 @@
|
||||
/*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;
|
||||
}
|
||||
@@ -0,0 +1,341 @@
|
||||
.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;
|
||||
}
|
||||
.user-role .user-info {
|
||||
top: 23px;
|
||||
margin-left: -135px;
|
||||
width: 100px;
|
||||
border-right: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.user-role .map-block h4 .gender {
|
||||
top: -1px;
|
||||
bottom: auto;
|
||||
left: -1px;
|
||||
right: auto;
|
||||
border-radius: 4px 0 0 0;
|
||||
}
|
||||
.user-role .teacher h4 .gender {
|
||||
border-color: #186AB6 transparent transparent #186AB6;
|
||||
}
|
||||
.user-role .student h4 .gender {
|
||||
border-color: #F38C08 transparent transparent #F38C08;
|
||||
}
|
||||
.user-role .staff h4 .gender {
|
||||
border-color: #139E2F transparent transparent #139E2F;
|
||||
}
|
||||
.user-role .tab-content, .user-role .nav-pills {
|
||||
float: left;
|
||||
}
|
||||
.user-role .nav-pills {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.plural .input-append input, .plural .input-append select, .plural .input-append .uneditable-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;
|
||||
}
|
||||
@@ -7,6 +7,8 @@
|
||||
*= require message
|
||||
*= require bootstrap
|
||||
*= require style
|
||||
*= require font-awesome
|
||||
*= require orbit-bar
|
||||
*= require bootstrap-orbit
|
||||
*= require list
|
||||
*= require widgets
|
||||
|
||||
@@ -0,0 +1,231 @@
|
||||
|
||||
#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 rgba(127, 149, 165, 1), 0 -1px 0 rgba(31, 32, 36, 1) inset;
|
||||
-moz-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;
|
||||
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;
|
||||
background-image: -moz-linear-gradient(top, #545b60, #191a1c);
|
||||
background-image: -ms-linear-gradient(top, #545b60, #191a1c);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));
|
||||
background-image: -webkit-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: rgba(0,157,220,1);
|
||||
}
|
||||
#orbit-bar .orbit-logo.open .brand {
|
||||
background-color: rgba(0,157,220,1);
|
||||
}
|
||||
#orbit-bar .orbit-logo .dropdown-menu {
|
||||
left: -15px;
|
||||
}
|
||||
#orbit-bar .orbit-logo .dropdown-menu>li>a:hover>i {
|
||||
background-image: url(<%= asset_path 'icons_pack_white.png' %>);
|
||||
}
|
||||
#orbit-bar .nav > li {
|
||||
height: 28px;
|
||||
}
|
||||
#orbit-bar .nav > li > a:hover {
|
||||
background-color: rgba(0,157,220,1);
|
||||
}
|
||||
#orbit-bar .nav > li > a {
|
||||
background-image: url(<%= asset_path 'orbit-bar.png' %>);
|
||||
background-repeat:no-repeat;
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
text-indent: -9999px;
|
||||
padding:6px;
|
||||
}
|
||||
#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: rgba(0,157,220,1);
|
||||
}
|
||||
.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;
|
||||
}
|
||||
#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 {
|
||||
|
||||
}
|
||||
#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;
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
#orbit .viewport {
|
||||
background: -1px 4px url(<%= asset_path "timeline/ruler.png" %>) repeat-x;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
.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;
|
||||
}
|
||||
@@ -1,15 +1,14 @@
|
||||
/*scroll_style*/
|
||||
|
||||
@charset "UTF-8";
|
||||
/* CSS Document */
|
||||
.my_scroll {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
}
|
||||
.my_scroll .viewport {
|
||||
width: 1005;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
.my_scroll .overview {
|
||||
list-style: none;
|
||||
@@ -22,14 +21,15 @@
|
||||
background-color: #000000;
|
||||
}
|
||||
.my_scroll .scrollbar {
|
||||
position: relative;
|
||||
position: absolute;
|
||||
float: right;
|
||||
width: 8px;
|
||||
top:2px;
|
||||
right:-2px;
|
||||
top: 0px;
|
||||
right: 2px;
|
||||
z-index: 1;
|
||||
}
|
||||
.my_scroll .track {
|
||||
background-color: #CFCFCF;
|
||||
/*background-color: #CFCFCF;*/
|
||||
height: 100%;
|
||||
width:7px;
|
||||
position: relative;
|
||||
|
||||
@@ -0,0 +1,117 @@
|
||||
|
||||
.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: 8px;
|
||||
line-height: 16px;
|
||||
height: 15px;
|
||||
color: #FFF;
|
||||
width: 38px;
|
||||
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: 2px;
|
||||
}
|
||||
|
||||
/* for mamber role */
|
||||
|
||||
.user-role .form-horizontal {
|
||||
padding: 20px 10px 10px;
|
||||
background-color: #FFF;
|
||||
margin-bottom: 0;
|
||||
border-radius: 0 0 4px 4px;
|
||||
}
|
||||
.user-role .form-horizontal .control-label {
|
||||
width: 100px;
|
||||
}
|
||||
.user-role .form-horizontal .controls {
|
||||
margin-left: 120px;
|
||||
}
|
||||
.user-role .form-horizontal .controls>.input-append {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.user-role .map-block {
|
||||
min-width: 440px;
|
||||
}
|
||||
.user-role .map-block legend {
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
}
|
||||
@@ -7,6 +7,8 @@
|
||||
*= require message
|
||||
*= require bootstrap
|
||||
*= require style
|
||||
*= require font-awesome
|
||||
*= require orbit-bar
|
||||
*= require bootstrap-orbit
|
||||
*= require scroll_style
|
||||
*= require site_items
|
||||
|
||||
File diff suppressed because it is too large.
Load diff
File diff suppressed because it is too large.
Load diff
@@ -0,0 +1,153 @@
|
||||
.widget-size-300 {
|
||||
width:298px;
|
||||
}
|
||||
.widget-box {
|
||||
background-color: #FFF;
|
||||
overflow: hidden;
|
||||
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^="icons-"] {
|
||||
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;
|
||||
}
|
||||
@@ -1,6 +1,3 @@
|
||||
/*Widget*/
|
||||
|
||||
|
||||
.widget-size-300 {
|
||||
width:298px;
|
||||
}
|
||||
@@ -12,6 +9,9 @@
|
||||
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;
|
||||
@@ -53,12 +53,15 @@
|
||||
display:inline-block;
|
||||
margin-right: 5px;
|
||||
opacity: 0.8;
|
||||
filter: alpha(opacity=80);
|
||||
filter: alpha(opacity=80);
|
||||
color: #FFF;
|
||||
}
|
||||
.action:hover {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=80);
|
||||
filter: alpha(opacity=80);
|
||||
cursor: pointer;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
.select-role {
|
||||
display:none;
|
||||
|
||||
Reference in new issue
Block a user