new themes, apps and widgets for new ui
This commit is contained in:
saurabhbhatia
parent
e12b14311e
commit
aeaec79a2c
|
|
@ -0,0 +1,30 @@
|
||||||
|
$gray: #ddd;
|
||||||
|
|
||||||
|
@mixin font-main($font-size) {
|
||||||
|
font-family: "Source Sans Pro", sans-serif;
|
||||||
|
font-size: #{$font-size}px;
|
||||||
|
}
|
||||||
|
@mixin font-sub($font-size) {
|
||||||
|
font-family: "Source Sans Pro", Arial, sans-serif;
|
||||||
|
font-size: #{$font-size}px;
|
||||||
|
}
|
||||||
|
@mixin transition-type($property, $sec) {
|
||||||
|
-webkit-transition: #{$property} #{$sec}s ease;
|
||||||
|
-moz-transition: #{$property} #{$sec}s ease;
|
||||||
|
transition: #{$property} #{$sec}s ease;
|
||||||
|
}
|
||||||
|
@mixin box-sizing {
|
||||||
|
-webkit-box-sizing: border-box; /* webkit */
|
||||||
|
-khtml-box-sizing: border-box; /* konqueror */
|
||||||
|
-moz-box-sizing: border-box; /* firefox */
|
||||||
|
-ms-box-sizing: border-box; /* ie */
|
||||||
|
box-sizing: border-box; /* css3 */
|
||||||
|
}
|
||||||
|
@mixin no-select {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,119 @@
|
||||||
|
/*bootstrap-orbit*/
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight:normal ;
|
||||||
|
}
|
||||||
|
.tooltip {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.tooltip-inner {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.control-group {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
.well {
|
||||||
|
margin-top:10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
|
||||||
|
padding:9px;
|
||||||
|
}
|
||||||
|
.qe-block hr {
|
||||||
|
margin: 5px 10px 5px 0;
|
||||||
|
}
|
||||||
|
.label-tags {
|
||||||
|
background-color: #FF5B00;
|
||||||
|
}
|
||||||
|
.modal-body .control-group > label {
|
||||||
|
width: 140px;
|
||||||
|
}
|
||||||
|
.modal-body .controls {
|
||||||
|
margin-left: 160px;
|
||||||
|
}
|
||||||
|
.dropdown-menu {
|
||||||
|
min-width: 90px;
|
||||||
|
}
|
||||||
|
.subhead {
|
||||||
|
padding-bottom: 0;
|
||||||
|
margin-bottom: 9px;
|
||||||
|
}
|
||||||
|
.subhead h1 {
|
||||||
|
font-size: 54px;
|
||||||
|
}
|
||||||
|
/* Subnav */
|
||||||
|
.subnav {
|
||||||
|
width: 100%;
|
||||||
|
height: 36px;
|
||||||
|
/*border-top: 1px solid #e5e5e5;*/
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
.subnav .filter {
|
||||||
|
margin-bottom: 0;
|
||||||
|
border-bottom: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
.subnav .filter > li > a {
|
||||||
|
margin: 0;
|
||||||
|
padding-top: 11px;
|
||||||
|
padding-bottom: 11px;
|
||||||
|
border-left: 1px solid #f5f5f5;
|
||||||
|
border-right: 1px solid #e5e5e5;
|
||||||
|
-webkit-border-radius: 0;
|
||||||
|
-moz-border-radius: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.subnav .filter > .active > a, .subnav .filter > .active > a:hover {
|
||||||
|
padding-left: 13px;
|
||||||
|
color: #777;
|
||||||
|
background-color: #e9e9e9;
|
||||||
|
border-right-color: #ddd;
|
||||||
|
border-left: 0;
|
||||||
|
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
|
||||||
|
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
|
||||||
|
box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
|
||||||
|
}
|
||||||
|
.subnav .filter > .active > a .caret, .subnav .filter > .active > a:hover .caret {
|
||||||
|
border-top-color: #777;
|
||||||
|
}
|
||||||
|
.subnav .filter > li:first-child > a, .subnav .filter > li:first-child > a:hover {
|
||||||
|
border-left: 0;
|
||||||
|
padding-left: 12px;
|
||||||
|
-webkit-border-radius: 4px 0 0 4px;
|
||||||
|
-moz-border-radius: 4px 0 0 4px;
|
||||||
|
border-radius: 4px 0 0 4px;
|
||||||
|
}
|
||||||
|
.subnav .filter > li:last-child > a {
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
.subnav .dropdown-menu {
|
||||||
|
-webkit-border-radius: 0 0 4px 4px;
|
||||||
|
-moz-border-radius: 0 0 4px 4px;
|
||||||
|
border-radius: 0 0 4px 4px;
|
||||||
|
}
|
||||||
|
table .span1-2 {
|
||||||
|
min-width: 85px;
|
||||||
|
float: none;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
table .span1-3 {
|
||||||
|
min-width: 200px;
|
||||||
|
float: none;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
.qe-block .form-horizontal .form-actions {
|
||||||
|
text-align:right;
|
||||||
|
}
|
||||||
|
.form-actions form {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.form-actions form input {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.modal.fade {
|
||||||
|
top: -50%;
|
||||||
|
}
|
||||||
|
.form-search button {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.modal form {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,113 @@
|
||||||
|
/*
|
||||||
|
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||||
|
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||||
|
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||||
|
*= require desktop/desktop-font
|
||||||
|
*= require bootstrap
|
||||||
|
*= require bootstrap-orbit
|
||||||
|
*= require icons
|
||||||
|
*= require desktop/desktop-main
|
||||||
|
*= require desktop/desktop-media
|
||||||
|
*= require orbit-bar
|
||||||
|
*/
|
||||||
|
html, body, #compatibility {
|
||||||
|
height: 100%;
|
||||||
|
*overflow: hidden;
|
||||||
|
}
|
||||||
|
header {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
background: #7DAE0F url(compatibility_bg.jpg) center top no-repeat;
|
||||||
|
}
|
||||||
|
#compatibility {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#support_list {
|
||||||
|
width: 516px;
|
||||||
|
height: 490px;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
margin: -245px 0 0 -258px;
|
||||||
|
}
|
||||||
|
#support_list li {
|
||||||
|
position: absolute;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-col="1"] { left: 0;}
|
||||||
|
[data-col="2"] { left: 132px;}
|
||||||
|
[data-col="3"] { left: 264px;}
|
||||||
|
[data-col="4"] { left: 396px;}
|
||||||
|
[data-row="1"] { top: 0;}
|
||||||
|
[data-row="2"] { top: 132px;}
|
||||||
|
[data-row="3"] { top: 264px;}
|
||||||
|
[data-row="4"] { top: 396px;}
|
||||||
|
|
||||||
|
.app-chrome { background-color: #000;}
|
||||||
|
.app-safari { background-color: #666;}
|
||||||
|
.app-opera { background-color: #FF0000;}
|
||||||
|
.app-ie { background-color: #3399CC;}
|
||||||
|
.app-firefox { background-color: #FF6600;}
|
||||||
|
|
||||||
|
.appname {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.appicon {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.w1.h1 .appname {
|
||||||
|
padding: 0 10px;
|
||||||
|
*width: 100px;
|
||||||
|
}
|
||||||
|
.w1.h1 .appicon {
|
||||||
|
margin-top: 24px;
|
||||||
|
*padding-top: 24px;
|
||||||
|
}
|
||||||
|
.w2.h2 .appname {
|
||||||
|
font-size: 21px;
|
||||||
|
font-weight: normal;
|
||||||
|
height: 50px;
|
||||||
|
line-height: 50px;
|
||||||
|
*width: 228px;
|
||||||
|
}
|
||||||
|
.w2.h2 .appicon {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
margin-top: 64px;
|
||||||
|
*padding-top: 64px;
|
||||||
|
}
|
||||||
|
.w2.h1 .appname {
|
||||||
|
height: 120px;
|
||||||
|
line-height: 120px;
|
||||||
|
font-size: 21px;
|
||||||
|
left: 120px;
|
||||||
|
width: 132px;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.w2.h1 .appicon {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
margin: 20px;
|
||||||
|
*padding: 20px;
|
||||||
|
*margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.desc {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 1.2em;
|
||||||
|
color: #333;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.desc h1 {
|
||||||
|
font-size: 21px;
|
||||||
|
font-weight: normal;
|
||||||
|
padding: 16px 0;
|
||||||
|
*padding: 10px 0;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.op09 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); }
|
||||||
|
.op07 { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
|
||||||
|
|
@ -0,0 +1,375 @@
|
||||||
|
.noSelect {
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
/* tinygrid */
|
||||||
|
.s_grid_row {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 12px; }
|
||||||
|
.s_grid_row .s_grid {
|
||||||
|
float: left;
|
||||||
|
margin: 0 0 0 12px;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
.s_grid_row .s_grid:first-child {
|
||||||
|
margin-left: 0; }
|
||||||
|
.s_grid_row .s_grid_1 {
|
||||||
|
width: 24px; }
|
||||||
|
.s_grid_row .s_grid_2 {
|
||||||
|
width: 60px; }
|
||||||
|
.s_grid_row .s_grid_3 {
|
||||||
|
width: 96px; }
|
||||||
|
.s_grid_row .s_grid_4 {
|
||||||
|
width: 132px; }
|
||||||
|
.s_grid_row .s_grid_5 {
|
||||||
|
width: 168px; }
|
||||||
|
.s_grid_row .s_grid_6 {
|
||||||
|
width: 204px; }
|
||||||
|
.s_grid_row .s_grid_7 {
|
||||||
|
width: 240px; }
|
||||||
|
.s_grid_row .s_grid_8 {
|
||||||
|
width: 276px; }
|
||||||
|
.s_grid_row .s_grid_9 {
|
||||||
|
width: 312px; }
|
||||||
|
.s_grid_row .s_grid_10 {
|
||||||
|
width: 348px; }
|
||||||
|
.s_grid_row .s_grid_11 {
|
||||||
|
width: 384px; }
|
||||||
|
.s_grid_row .s_grid_12 {
|
||||||
|
width: 420px; }
|
||||||
|
.s_grid_row:last-child {
|
||||||
|
margin-bottom: 0; }
|
||||||
|
.s_grid_row .s_grid_h_1 {
|
||||||
|
height: 32px; }
|
||||||
|
.s_grid_row .s_grid_h_2 {
|
||||||
|
height: 76px; }
|
||||||
|
.s_grid_row .s_grid_h_3 {
|
||||||
|
height: 120px; }
|
||||||
|
.s_grid_row .s_grid_h_4 {
|
||||||
|
height: 164px; }
|
||||||
|
.s_grid_row .s_grid_h_5 {
|
||||||
|
height: 208px; }
|
||||||
|
.s_grid_row .s_grid_h_6 {
|
||||||
|
height: 252px; }
|
||||||
|
.s_grid_row .s_grid_h_7 {
|
||||||
|
height: 296px; }
|
||||||
|
.s_grid_row .s_grid_h_8 {
|
||||||
|
height: 340px; }
|
||||||
|
.s_grid_row .s_grid_h_9 {
|
||||||
|
height: 384px; }
|
||||||
|
.s_grid_row .s_grid_h_10 {
|
||||||
|
height: 428px; }
|
||||||
|
|
||||||
|
/* simple dropdown menu */
|
||||||
|
.sdm {
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
.sdm_t {
|
||||||
|
cursor: default;
|
||||||
|
-webkit-transition: all 0.3s ease;
|
||||||
|
-moz-transition: all 0.3s ease;
|
||||||
|
transition: all 0.3s ease; }
|
||||||
|
|
||||||
|
.sdm:hover .sdm_o {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.sdm_o {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
left: 0;
|
||||||
|
top: 60px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 120px;
|
||||||
|
border: solid 2px #dddddd;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
.sdm_o li {
|
||||||
|
border-top: solid 1px #f7f7f7; }
|
||||||
|
.sdm_o li:first-child {
|
||||||
|
border: none; }
|
||||||
|
.sdm_o a {
|
||||||
|
display: block; }
|
||||||
|
.sdm_o .admtxt {
|
||||||
|
display: block;
|
||||||
|
line-height: 36px; }
|
||||||
|
|
||||||
|
/* simple dropdown menu with indicator */
|
||||||
|
.sdm_mdr .sdm_t {
|
||||||
|
padding-right: 12px; }
|
||||||
|
|
||||||
|
.sdm_mdr .mdr {
|
||||||
|
position: absolute;
|
||||||
|
right: 0; }
|
||||||
|
|
||||||
|
/* simple menu */
|
||||||
|
.s_menu {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px; }
|
||||||
|
.s_menu li {
|
||||||
|
border-top: solid 1px #dddddd; }
|
||||||
|
.s_menu li:first-child {
|
||||||
|
border: none; }
|
||||||
|
.s_menu a {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
/* simple tabs */
|
||||||
|
.s_tab {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px; }
|
||||||
|
|
||||||
|
.s_tab ul {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.s_tab li {
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
.s_tab a {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.s_tab .admbg {
|
||||||
|
background-color: #f0f0f0; }
|
||||||
|
|
||||||
|
.st_c {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.st_c:first-child {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
/* simple form */
|
||||||
|
.s_form {
|
||||||
|
font-size: 15px; }
|
||||||
|
.s_form label {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 100px;
|
||||||
|
margin-right: 24px;
|
||||||
|
color: #777; }
|
||||||
|
.s_form label.s_grid {
|
||||||
|
line-height: 32px; }
|
||||||
|
.s_form input[type=text],
|
||||||
|
.s_form input[type=password],
|
||||||
|
.s_form select {
|
||||||
|
height: 32px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0; }
|
||||||
|
.s_form input[type=file] {
|
||||||
|
vertical-align: baseline; }
|
||||||
|
.s_form input[type=text],
|
||||||
|
.s_form input[type=password],
|
||||||
|
.s_form textarea {
|
||||||
|
border: solid 1px #dddddd;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 6px;
|
||||||
|
-webkit-transition: all 0.3s ease;
|
||||||
|
-moz-transition: all 0.3s ease;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
.s_form input[type=text]:focus,
|
||||||
|
.s_form input[type=password]:focus,
|
||||||
|
.s_form textarea:focus {
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
border-color: #c4c4c4; }
|
||||||
|
.s_form textarea {
|
||||||
|
resize: none; }
|
||||||
|
.s_form textarea.full_height {
|
||||||
|
height: 456px; }
|
||||||
|
.s_form .s_table {
|
||||||
|
width: 100%; }
|
||||||
|
.s_form .s_table th,
|
||||||
|
.s_form .s_table td {
|
||||||
|
padding: 6px 0; }
|
||||||
|
.s_form .s_table th {
|
||||||
|
text-align: left; }
|
||||||
|
.s_form .s_table td {
|
||||||
|
vertical-align: middle; }
|
||||||
|
.s_form .s_table thead th {
|
||||||
|
border-bottom: solid 1px #eeeeee; }
|
||||||
|
|
||||||
|
.check_box_g {
|
||||||
|
padding: 4px 8px;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
.check_box_g li {
|
||||||
|
margin: 0 6px 6px 0;
|
||||||
|
padding: 0; }
|
||||||
|
.check_box_g li,
|
||||||
|
.check_box_g li > * {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle; }
|
||||||
|
.check_box_g label {
|
||||||
|
width: auto;
|
||||||
|
margin: 0; }
|
||||||
|
.check_box_g > label {
|
||||||
|
font-size: 15px;
|
||||||
|
display: block;
|
||||||
|
padding: 4px 0; }
|
||||||
|
.check_box_g li label {
|
||||||
|
padding-left: 4px; }
|
||||||
|
|
||||||
|
/* tool bar */
|
||||||
|
.toolbar {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 9; }
|
||||||
|
.toolbar .sdm, .toolbar .fn_g {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top; }
|
||||||
|
.toolbar .sdm_o {
|
||||||
|
top: 36px; }
|
||||||
|
.toolbar button {
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
padding: 0 16px;
|
||||||
|
margin: 0;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 15px;
|
||||||
|
vertical-align: top; }
|
||||||
|
.toolbar .fn_btn {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top; }
|
||||||
|
|
||||||
|
/* tiny scrollbar */
|
||||||
|
.tinycanvas {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
height: 100%; }
|
||||||
|
.tinycanvas .viewport {
|
||||||
|
width: auto;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative; }
|
||||||
|
.tinycanvas .overview {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
min-width: 100%;
|
||||||
|
height: 100%; }
|
||||||
|
.tinycanvas .overview > .column {
|
||||||
|
float: left;
|
||||||
|
border-right: solid 1px #eeeeee;
|
||||||
|
padding: 0 12px 0 0;
|
||||||
|
margin: 0 12px 0 0;
|
||||||
|
height: 100%; }
|
||||||
|
.tinycanvas .overview > .column:last-child {
|
||||||
|
padding-right: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
border-right: 0; }
|
||||||
|
.tinycanvas .overview > .column > ul {
|
||||||
|
height: 100%; }
|
||||||
|
.tinycanvas .overview > .column .datalist_item {
|
||||||
|
overflow: hidden;
|
||||||
|
padding-top: 3px;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
.tinycanvas .overview > .column .datalist_item:first-child {
|
||||||
|
padding-top: 0; }
|
||||||
|
.tinycanvas .overview > .column .datalist_item .inner {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
.tinycanvas .track {
|
||||||
|
height: 100%;
|
||||||
|
width: 6px;
|
||||||
|
position: relative; }
|
||||||
|
.tinycanvas .thumb {
|
||||||
|
height: 6px;
|
||||||
|
width: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
top: 0; }
|
||||||
|
.tinycanvas .thumb .end {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 6px;
|
||||||
|
width: 6px; }
|
||||||
|
.tinycanvas .scrollbar {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transition: opacity 0.3s ease;
|
||||||
|
-moz-transition: opacity 0.3s ease;
|
||||||
|
transition: opacity 0.3s ease; }
|
||||||
|
.tinycanvas .scrollbar.dragging {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible; }
|
||||||
|
.tinycanvas .scrollbar.sb_h {
|
||||||
|
left: 0;
|
||||||
|
bottom: -6px;
|
||||||
|
height: 6px; }
|
||||||
|
.tinycanvas .scrollbar.sb_v {
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 6px; }
|
||||||
|
.tinycanvas .scrollbar.disable, .tinycanvas:hover .scrollbar.disable {
|
||||||
|
visibility: hidden !important; }
|
||||||
|
.tinycanvas:hover .scrollbar {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1; }
|
||||||
|
.toolbar + .tinycanvas, .s_tab + .tinycanvas {
|
||||||
|
height: 480px; }
|
||||||
|
#panel_r .tinycanvas {
|
||||||
|
padding: 12px 0; }
|
||||||
|
|
@ -0,0 +1,367 @@
|
||||||
|
@import "desktop-helper";
|
||||||
|
|
||||||
|
.noSelect {
|
||||||
|
@include no-select;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* tinygrid */
|
||||||
|
.s_grid_row {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
|
||||||
|
.s_grid {
|
||||||
|
float: left;
|
||||||
|
margin: 0 0 0 12px;
|
||||||
|
@include box-sizing;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// fixed width column
|
||||||
|
// full width 420px
|
||||||
|
@for $i from 1 through 12 {
|
||||||
|
.s_grid_#{$i} {
|
||||||
|
width: 36px * $i - 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// fixed height row
|
||||||
|
// full height 428px
|
||||||
|
@for $j from 1 through 10 {
|
||||||
|
.s_grid_h_#{$j} {
|
||||||
|
height: 44px * $j - 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* simple dropdown menu */
|
||||||
|
.sdm {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.sdm_t {
|
||||||
|
cursor: default;
|
||||||
|
@include transition-type(all, 0.3);
|
||||||
|
}
|
||||||
|
.sdm:hover .sdm_o {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.sdm_o {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
left: 0;
|
||||||
|
top: 60px;
|
||||||
|
font-size: 15px;
|
||||||
|
width: 120px;
|
||||||
|
border: solid 2px $gray;
|
||||||
|
@include box-sizing;
|
||||||
|
|
||||||
|
li {
|
||||||
|
border-top: solid 1px lighten( $gray, 10% );
|
||||||
|
}
|
||||||
|
li:first-child {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.admtxt {
|
||||||
|
display: block;
|
||||||
|
line-height: 36px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* simple dropdown menu with indicator */
|
||||||
|
.sdm_mdr .sdm_t {
|
||||||
|
padding-right: 12px;
|
||||||
|
}
|
||||||
|
.sdm_mdr .mdr {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* simple menu */
|
||||||
|
.s_menu {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
border-top: solid 1px $gray;
|
||||||
|
}
|
||||||
|
li:first-child {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* simple tabs */
|
||||||
|
.s_tab {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px;
|
||||||
|
}
|
||||||
|
.stb_h {}
|
||||||
|
.stb_v {}
|
||||||
|
.s_tab ul {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.s_tab li {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.s_tab a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.s_tab .admbg {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
.st_c {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.st_c:first-child {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* simple form */
|
||||||
|
.s_form {
|
||||||
|
font-size: 15px;
|
||||||
|
|
||||||
|
// basic style
|
||||||
|
label {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: bold;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
width: 100px;
|
||||||
|
margin-right: 24px;
|
||||||
|
color: #777;
|
||||||
|
|
||||||
|
&.s_grid {
|
||||||
|
line-height: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
input[type=text],
|
||||||
|
input[type=password],
|
||||||
|
select {
|
||||||
|
height: 32px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
input[type=file] {
|
||||||
|
// margin: 0px;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
input[type=text],
|
||||||
|
input[type=password],
|
||||||
|
textarea {
|
||||||
|
border: solid 1px $gray;
|
||||||
|
font-size: 15px;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding: 6px;
|
||||||
|
@include transition-type(all, 0.3);
|
||||||
|
@include box-sizing;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
background-color: lighten($gray, 10%);
|
||||||
|
border-color: darken($gray, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
textarea {
|
||||||
|
resize: none;
|
||||||
|
|
||||||
|
&.full_height {
|
||||||
|
height: 456px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.s_table {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.s_table th,
|
||||||
|
.s_table td {
|
||||||
|
padding: 6px 0;
|
||||||
|
}
|
||||||
|
.s_table th {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.s_table td {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.s_table thead th {
|
||||||
|
border-bottom: solid 1px #eee;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.check_box_g {
|
||||||
|
padding: 4px 8px;
|
||||||
|
// border: solid 1px $gray;
|
||||||
|
@include box-sizing;
|
||||||
|
|
||||||
|
li {
|
||||||
|
margin: 0 6px 6px 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
li,
|
||||||
|
li > * {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
label {
|
||||||
|
width: auto;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
> label {
|
||||||
|
font-size: 15px;
|
||||||
|
display: block;
|
||||||
|
padding: 4px 0;
|
||||||
|
}
|
||||||
|
li label {
|
||||||
|
padding-left: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* tool bar */
|
||||||
|
.toolbar {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 9;
|
||||||
|
|
||||||
|
.sdm, .fn_g {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.sdm_o {
|
||||||
|
top: 36px;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
border: none;
|
||||||
|
outline: none;
|
||||||
|
padding: 0 16px;
|
||||||
|
margin: 0;
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 15px;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.fn_btn {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* tiny scrollbar */
|
||||||
|
.tinycanvas {
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.viewport {
|
||||||
|
width: auto;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.overview {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
min-width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
> .column {
|
||||||
|
float: left;
|
||||||
|
border-right: solid 1px #eee;
|
||||||
|
padding: 0 12px 0 0;
|
||||||
|
margin: 0 12px 0 0;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
padding-right: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
border-right: 0;
|
||||||
|
}
|
||||||
|
> ul {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.datalist_item {
|
||||||
|
overflow: hidden;
|
||||||
|
padding-top: 3px;
|
||||||
|
@include box-sizing;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
.inner {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
@include box-sizing;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.track {
|
||||||
|
height: 100%;
|
||||||
|
width: 6px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.thumb {
|
||||||
|
height: 6px;
|
||||||
|
width: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
|
||||||
|
.end {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 6px;
|
||||||
|
width: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.scrollbar {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
visibility: hidden;
|
||||||
|
opacity: 0;
|
||||||
|
@include transition-type(opacity, 0.3);
|
||||||
|
|
||||||
|
&.dragging {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
&.sb_h {
|
||||||
|
left: 0;
|
||||||
|
bottom: -6px;
|
||||||
|
height: 6px;
|
||||||
|
}
|
||||||
|
&.sb_v {
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
width: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.scrollbar.disable,
|
||||||
|
&:hover .scrollbar.disable {
|
||||||
|
visibility: hidden !important;
|
||||||
|
}
|
||||||
|
&:hover .scrollbar {
|
||||||
|
visibility: visible;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.toolbar + &,
|
||||||
|
.s_tab + & {
|
||||||
|
height: 480px;
|
||||||
|
}
|
||||||
|
#panel_r & {
|
||||||
|
padding: 12px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Oxygen:400,300,700);
|
||||||
|
|
@ -0,0 +1,794 @@
|
||||||
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
v2.0 | 20110126
|
||||||
|
License: none (public domain)
|
||||||
|
*/
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline; }
|
||||||
|
|
||||||
|
#container input, #container textarea, #container select, #container input:focus, #container textarea:focus {
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
font-family: inherit; }
|
||||||
|
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
line-height: 1; }
|
||||||
|
|
||||||
|
ol, ul {
|
||||||
|
list-style: none; }
|
||||||
|
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none; }
|
||||||
|
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none; }
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0; }
|
||||||
|
|
||||||
|
/* basic setting */
|
||||||
|
body {
|
||||||
|
font-family: "Source Sans Pro", sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
background-color: #000; }
|
||||||
|
|
||||||
|
a, a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
color: #666; }
|
||||||
|
|
||||||
|
a:focus {
|
||||||
|
outline: none; }
|
||||||
|
|
||||||
|
.clear {
|
||||||
|
clear: both; }
|
||||||
|
|
||||||
|
.clear:after {
|
||||||
|
display: table;
|
||||||
|
width: 100%;
|
||||||
|
content: '';
|
||||||
|
clear: both; }
|
||||||
|
|
||||||
|
.o-loading {
|
||||||
|
font-size: 13px; }
|
||||||
|
.fullsize .o-loading {
|
||||||
|
padding: 12px; }
|
||||||
|
.o-loading i {
|
||||||
|
font-size: 20px; }
|
||||||
|
|
||||||
|
#thmbackground {
|
||||||
|
min-height: 100%;
|
||||||
|
min-width: 980px;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: -1; }
|
||||||
|
|
||||||
|
#bgover {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: -1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%; }
|
||||||
|
|
||||||
|
/* box-sizing element */
|
||||||
|
.w1, .w2, .w4, .wh1, .wh2, .wh3, .w100, .pw,
|
||||||
|
.h1, .h2, .h4, .hh1, .hh2, .hh3, .ph,
|
||||||
|
.appholder,
|
||||||
|
.appname,
|
||||||
|
.tinycanvas {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
|
||||||
|
/* Desktop Global Style */
|
||||||
|
.admbg {
|
||||||
|
background-color: #fff; }
|
||||||
|
|
||||||
|
.admbg2 {
|
||||||
|
background-color: #ddd; }
|
||||||
|
|
||||||
|
.admtxt {
|
||||||
|
color: #666; }
|
||||||
|
|
||||||
|
.admtxt:hover {
|
||||||
|
color: #666; }
|
||||||
|
|
||||||
|
.hfn {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px;
|
||||||
|
float: left;
|
||||||
|
margin: 12px 12px 0 0;
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
.thmtxt {
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
.ini_input {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0; }
|
||||||
|
|
||||||
|
.ini_input:focus {
|
||||||
|
outline: none; }
|
||||||
|
|
||||||
|
/* - Opacity */
|
||||||
|
.op00 {
|
||||||
|
opacity: 0; }
|
||||||
|
|
||||||
|
.op01 {
|
||||||
|
opacity: 0.1; }
|
||||||
|
|
||||||
|
.op02 {
|
||||||
|
opacity: 0.2; }
|
||||||
|
|
||||||
|
.op03 {
|
||||||
|
opacity: 0.3; }
|
||||||
|
|
||||||
|
.op04 {
|
||||||
|
opacity: 0.4; }
|
||||||
|
|
||||||
|
.op05 {
|
||||||
|
opacity: 0.5; }
|
||||||
|
|
||||||
|
.op06 {
|
||||||
|
opacity: 0.6; }
|
||||||
|
|
||||||
|
.op07 {
|
||||||
|
opacity: 0.7; }
|
||||||
|
|
||||||
|
.op08 {
|
||||||
|
opacity: 0.8; }
|
||||||
|
|
||||||
|
.op09 {
|
||||||
|
opacity: 0.9; }
|
||||||
|
|
||||||
|
.op10 {
|
||||||
|
opacity: 1; }
|
||||||
|
|
||||||
|
/* - box set */
|
||||||
|
.w1 {
|
||||||
|
width: 120px; }
|
||||||
|
|
||||||
|
.w2 {
|
||||||
|
width: 252px; }
|
||||||
|
|
||||||
|
.w4 {
|
||||||
|
width: 512px; }
|
||||||
|
|
||||||
|
.wh1 {
|
||||||
|
width: 36px; }
|
||||||
|
|
||||||
|
.wh2 {
|
||||||
|
width: 60px; }
|
||||||
|
|
||||||
|
.wh3 {
|
||||||
|
width: 84px; }
|
||||||
|
|
||||||
|
.w100 {
|
||||||
|
width: 100%; }
|
||||||
|
|
||||||
|
.pw {
|
||||||
|
width: 540px; }
|
||||||
|
|
||||||
|
.h1 {
|
||||||
|
height: 120px; }
|
||||||
|
|
||||||
|
.h2 {
|
||||||
|
height: 252px; }
|
||||||
|
|
||||||
|
.h4 {
|
||||||
|
height: 512px; }
|
||||||
|
|
||||||
|
.hh1 {
|
||||||
|
height: 36px; }
|
||||||
|
|
||||||
|
.hh2 {
|
||||||
|
height: 60px; }
|
||||||
|
|
||||||
|
.hh3 {
|
||||||
|
height: 84px; }
|
||||||
|
|
||||||
|
.ph {
|
||||||
|
height: 516px; }
|
||||||
|
|
||||||
|
.hp {
|
||||||
|
padding-left: 12px;
|
||||||
|
padding-right: 12px; }
|
||||||
|
|
||||||
|
.vp {
|
||||||
|
padding-top: 12px;
|
||||||
|
padding-bottom: 12px; }
|
||||||
|
|
||||||
|
.element {
|
||||||
|
margin: 0 12px 12px 0;
|
||||||
|
float: left;
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
.group {
|
||||||
|
float: left;
|
||||||
|
margin-right: 24px; }
|
||||||
|
|
||||||
|
/* desktop layout */
|
||||||
|
#container {
|
||||||
|
padding: 48px 0 0 156px; }
|
||||||
|
|
||||||
|
#header {
|
||||||
|
padding: 0 0 12px 0;
|
||||||
|
min-width: 800px;
|
||||||
|
height: 72px; }
|
||||||
|
|
||||||
|
#side {
|
||||||
|
width: 60px;
|
||||||
|
height: 516px;
|
||||||
|
position: absolute;
|
||||||
|
margin-right: 96px;
|
||||||
|
top: 120px;
|
||||||
|
left: 0;
|
||||||
|
z-index: 11; }
|
||||||
|
|
||||||
|
#holder {
|
||||||
|
height: 516px;
|
||||||
|
width: auto;
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
#rwidget {
|
||||||
|
height: 516px; }
|
||||||
|
|
||||||
|
.widget_fn {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.widget_icon {
|
||||||
|
display: block;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
margin: 15px 0 0 15px; }
|
||||||
|
|
||||||
|
.docklist .d_cate {
|
||||||
|
position: relative; }
|
||||||
|
.docklist .d_cate .dock_child {
|
||||||
|
display: none;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
left: 60px;
|
||||||
|
top: 0; }
|
||||||
|
.docklist .d_cate .dock_child .dock_item {
|
||||||
|
float: left; }
|
||||||
|
.docklist .d_cate:hover .dock_child {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.fn_des.admtxt {
|
||||||
|
line-height: 60px;
|
||||||
|
padding: 0 12px;
|
||||||
|
font-size: 15px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
min-width: 48px;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
#search_app {
|
||||||
|
position: relative;
|
||||||
|
background-color: #fff; }
|
||||||
|
#search_app .form {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 2px;
|
||||||
|
padding: 2px 12px;
|
||||||
|
width: 192px;
|
||||||
|
height: 28px;
|
||||||
|
line-height: 28px;
|
||||||
|
background: none;
|
||||||
|
border: 0; }
|
||||||
|
#search_app .submit {
|
||||||
|
position: absolute;
|
||||||
|
right: 2px;
|
||||||
|
top: 2px;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-indent: -999px;
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.section_label {
|
||||||
|
float: left;
|
||||||
|
width: 132px;
|
||||||
|
height: 516px; }
|
||||||
|
.section_label li {
|
||||||
|
font-size: 15px; }
|
||||||
|
.section_label li:first-child {
|
||||||
|
font-size: 18px; }
|
||||||
|
|
||||||
|
/* panel */
|
||||||
|
#panel_l {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
#panel_r {
|
||||||
|
margin-left: 252px;
|
||||||
|
position: relative; }
|
||||||
|
|
||||||
|
/* Desktop Notification */
|
||||||
|
#orbitnote {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -206px;
|
||||||
|
z-index: 99999;
|
||||||
|
width: 400px;
|
||||||
|
padding: 0 6px 6px 6px;
|
||||||
|
background-color: #000;
|
||||||
|
background-color: rgba(0, 0, 0, 0.6); }
|
||||||
|
#orbitnote .note_holder {
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
border: solid 1px white;
|
||||||
|
border-top: none;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 24px 24px; }
|
||||||
|
#orbitnote .note_holder .note_type {
|
||||||
|
float: left; }
|
||||||
|
#orbitnote .note_holder .note_type img {
|
||||||
|
display: block; }
|
||||||
|
#orbitnote .note_holder .note_message {
|
||||||
|
color: #333;
|
||||||
|
margin: 10px 0 0 48px;
|
||||||
|
font-size: 15px; }
|
||||||
|
|
||||||
|
/* Desktop Dialogue */
|
||||||
|
#orbitdiag {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 12; }
|
||||||
|
#orbitdiag .tile {
|
||||||
|
background-color: #000; }
|
||||||
|
#orbitdiag .diag_holder {
|
||||||
|
background-color: #000; }
|
||||||
|
#orbitdiag .diag_holder .diag_holder_inner {
|
||||||
|
width: 600px;
|
||||||
|
margin: 200px auto 0 auto;
|
||||||
|
position: relative;
|
||||||
|
padding: 30px 0; }
|
||||||
|
#orbitdiag .diag_holder .diag_holder_inner .diag_message {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 30px 0; }
|
||||||
|
#orbitdiag .diag_holder .diag_holder_inner .diag_action {
|
||||||
|
clear: both;
|
||||||
|
text-align: right; }
|
||||||
|
#orbitdiag .diag_holder .diag_holder_inner .diag_btn {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 6px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px; }
|
||||||
|
#orbitdiag .diag_holder .diag_holder_inner .diag_btn:hover {
|
||||||
|
outline: solid 2px white; }
|
||||||
|
|
||||||
|
/* Tile */
|
||||||
|
.appname {
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 30px;
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
padding: 0 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
cursor: default;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 3;
|
||||||
|
white-space: nowrap; }
|
||||||
|
[data-sizex="1"] .appname, .w1.h1 .appname {
|
||||||
|
text-align: center; }
|
||||||
|
[data-sizey="2"] .appname {
|
||||||
|
font-size: 21px; }
|
||||||
|
.hh2 .appname {
|
||||||
|
position: relative;
|
||||||
|
width: auto;
|
||||||
|
padding: 0; }
|
||||||
|
.fullsize .appname {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.appicon {
|
||||||
|
display: block;
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative; }
|
||||||
|
[data-sizex="1"] .appicon {
|
||||||
|
margin-top: 24px; }
|
||||||
|
#sections .appicon {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
float: left;
|
||||||
|
margin-right: 6px; }
|
||||||
|
|
||||||
|
.appholder {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
padding: 12px;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden; }
|
||||||
|
.fullsize .appholder {
|
||||||
|
position: absolute;
|
||||||
|
padding: 0;
|
||||||
|
left: 0;
|
||||||
|
top: 0; }
|
||||||
|
|
||||||
|
.dtitle {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 60px;
|
||||||
|
float: left;
|
||||||
|
margin: 0 12px 0 0;
|
||||||
|
position: relative;
|
||||||
|
z-index: 9; }
|
||||||
|
|
||||||
|
.tile {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0; }
|
||||||
|
|
||||||
|
.gridster ul {
|
||||||
|
margin: -6px 0 0 -6px; }
|
||||||
|
|
||||||
|
.widget.gs_w {
|
||||||
|
cursor: move;
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
/* header drop menu */
|
||||||
|
.sdm_mdr .sdm_o {
|
||||||
|
top: 36px; }
|
||||||
|
|
||||||
|
/* Setting Page */
|
||||||
|
.theme_list .ssl_item, .stock_wallpaper .ssl_item {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
margin: 0 0 12px 0;
|
||||||
|
padding: 6px 0px;
|
||||||
|
width: 132px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.theme_thumb, .stock_wallpaper img {
|
||||||
|
border: solid 1px white;
|
||||||
|
width: 120px;
|
||||||
|
margin: 0 auto; }
|
||||||
|
|
||||||
|
.theme_thumb img, .stock_wallpaper img {
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.theme_name {
|
||||||
|
font-size: 15px;
|
||||||
|
padding: 8px 6px;
|
||||||
|
display: block; }
|
||||||
|
|
||||||
|
.theme_preview {
|
||||||
|
width: 528px;
|
||||||
|
line-height: 36px;
|
||||||
|
font-size: 15px; }
|
||||||
|
|
||||||
|
.theme_plate {
|
||||||
|
overflow: hidden; }
|
||||||
|
.theme_plate > div {
|
||||||
|
float: left;
|
||||||
|
margin-right: 12px; }
|
||||||
|
.theme_plate > div:first-child {
|
||||||
|
margin-right: 48px; }
|
||||||
|
.theme_plate .g_sep {
|
||||||
|
margin-right: 0; }
|
||||||
|
|
||||||
|
#color_input th {
|
||||||
|
vertical-align: bottom; }
|
||||||
|
|
||||||
|
.stock_wallpaper .ssl_item {
|
||||||
|
margin-bottom: 6px; }
|
||||||
|
|
||||||
|
.s_title {
|
||||||
|
font-size: 21px;
|
||||||
|
line-height: 60px;
|
||||||
|
text-align: left; }
|
||||||
|
.s_title.size_large {
|
||||||
|
font-size: 36px; }
|
||||||
|
.s_title.size_small {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 2em; }
|
||||||
|
|
||||||
|
.s_subtitle {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 1.5em;
|
||||||
|
color: #ccc;
|
||||||
|
padding: 12px 0 24px 0; }
|
||||||
|
|
||||||
|
.s_action {
|
||||||
|
padding: 24px 0;
|
||||||
|
margin-top: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-top: solid 1px #eeeeee;
|
||||||
|
background-color: #fff; }
|
||||||
|
|
||||||
|
.setting_btn {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px;
|
||||||
|
text-align: center;
|
||||||
|
border: 0; }
|
||||||
|
|
||||||
|
.group_search {
|
||||||
|
float: left;
|
||||||
|
margin-right: 36px; }
|
||||||
|
|
||||||
|
.search_result {
|
||||||
|
float: left;
|
||||||
|
margin-right: 24px;
|
||||||
|
max-width: 340px; }
|
||||||
|
|
||||||
|
.g_sep {
|
||||||
|
width: 12px;
|
||||||
|
border-left: solid 1px white;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
|
||||||
|
.grp {
|
||||||
|
height: 528px;
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
.appgroup {
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
.g_col {
|
||||||
|
height: 516px;
|
||||||
|
float: left; }
|
||||||
|
|
||||||
|
.g_col_w1 {
|
||||||
|
width: 132px; }
|
||||||
|
|
||||||
|
.g_col_w2 {
|
||||||
|
width: 264px; }
|
||||||
|
|
||||||
|
.ui-sortable-placeholder {
|
||||||
|
background-color: rgba(0, 0, 0, 0.2);
|
||||||
|
visibility: visible !important; }
|
||||||
|
|
||||||
|
/* list item */
|
||||||
|
.list_t_item {
|
||||||
|
overflow: hidden; }
|
||||||
|
|
||||||
|
.list_t_title {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
color: #333;
|
||||||
|
font-size: 15px; }
|
||||||
|
|
||||||
|
.list_t_des {
|
||||||
|
line-height: 1.5em;
|
||||||
|
color: #999;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
font-size: 13px; }
|
||||||
|
|
||||||
|
.list_item_function a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px;
|
||||||
|
font-size: 11px;
|
||||||
|
-webkit-text-size-adjust: none; }
|
||||||
|
|
||||||
|
/* Journal Papers */
|
||||||
|
[page-name="journal_p_list"] .list_t_item .inner {
|
||||||
|
padding-left: 30px; }
|
||||||
|
[page-name="journal_p_list"] .list_item_action {
|
||||||
|
font-size: 12px;
|
||||||
|
float: left;
|
||||||
|
margin-left: -30px; }
|
||||||
|
[page-name="journal_p_list"] .list_item_action a {
|
||||||
|
display: block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
margin: 1px 1px 6px 1px; }
|
||||||
|
[page-name="journal_p_list"] .list_item_action .icon-star-empty {
|
||||||
|
color: #999;
|
||||||
|
font-size: 20px; }
|
||||||
|
[page-name="journal_p_list"] .list_item_action .icon-star {
|
||||||
|
color: #faa732;
|
||||||
|
font-size: 20px; }
|
||||||
|
[page-name="journal_p_list"] .list_item_action .icon-check-empty {
|
||||||
|
color: #999;
|
||||||
|
font-size: 20px; }
|
||||||
|
[page-name="journal_p_list"] .list_item_action .icon-check {
|
||||||
|
color: #333;
|
||||||
|
font-size: 20px; }
|
||||||
|
[page-name="journal_p_list"] .file_view .list_t_des {
|
||||||
|
overflow: hidden; }
|
||||||
|
[page-name="journal_p_list"] .file_view .file {
|
||||||
|
float: left;
|
||||||
|
width: 120px;
|
||||||
|
height: 50px;
|
||||||
|
padding: 6px;
|
||||||
|
margin: 1px;
|
||||||
|
position: relative;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
[page-name="journal_p_list"] .file_view .file:hover {
|
||||||
|
background-color: #f7f7f7; }
|
||||||
|
[page-name="journal_p_list"] .file_view .file img {
|
||||||
|
width: 38px;
|
||||||
|
height: 38px;
|
||||||
|
position: absolute;
|
||||||
|
left: 6px;
|
||||||
|
top: 6px; }
|
||||||
|
[page-name="journal_p_list"] .file_view .file .filetitle {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
padding-left: 40px;
|
||||||
|
overflow: hidden;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
|
||||||
|
/* Journal Paper Add */
|
||||||
|
#paper_add .s_grid_con {
|
||||||
|
float: left;
|
||||||
|
height: 456px;
|
||||||
|
margin-left: 12px;
|
||||||
|
padding-left: 12px;
|
||||||
|
border-left: solid 1px #eeeeee; }
|
||||||
|
#paper_add .s_grid_con:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
border: none; }
|
||||||
|
#paper_add .f_w {
|
||||||
|
width: 336px; }
|
||||||
|
#paper_add label {
|
||||||
|
margin-right: 0; }
|
||||||
|
|
||||||
|
/* Journal Journal list */
|
||||||
|
[page-name="journal_p_journal"] .datalist_item .inner {
|
||||||
|
padding-left: 30px; }
|
||||||
|
[page-name="journal_p_journal"] .list_item_action {
|
||||||
|
font-size: 12px;
|
||||||
|
float: left;
|
||||||
|
margin-left: -30px; }
|
||||||
|
[page-name="journal_p_journal"] .list_item_action i {
|
||||||
|
color: #999;
|
||||||
|
font-size: 20px;
|
||||||
|
display: block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
margin: 1px 1px 6px 1px; }
|
||||||
|
[page-name="journal_p_journal"] .list_t_desc {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999; }
|
||||||
|
|
||||||
|
/* Journal Co-Author */
|
||||||
|
[page-name="journal_p_coauthor"] .list_t_item {
|
||||||
|
height: 110px; }
|
||||||
|
[page-name="journal_p_coauthor"] .list_item_function a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
font-size: 11px;
|
||||||
|
-webkit-text-size-adjust: none; }
|
||||||
|
[page-name="journal_p_coauthor"] .info {
|
||||||
|
font-family: Arial, sans-serif; }
|
||||||
|
[page-name="journal_p_coauthor"] .info li {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
color: #999; }
|
||||||
|
[page-name="journal_p_coauthor"] .info .name {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
color: #333; }
|
||||||
|
|
||||||
|
/* Journal Co-Author Relationship*/
|
||||||
|
[page-name="journal_p_coauthor_relation"] .edit_co_author_relation {
|
||||||
|
/*margin-left: -10px;*/ }
|
||||||
|
[page-name="journal_p_coauthor_relation"] .form_space {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: Arial, sans-serif; }
|
||||||
|
|
||||||
|
/* Journal New Co-Author */
|
||||||
|
#new_co_author label {
|
||||||
|
margin-right: 0; }
|
||||||
|
|
||||||
|
/* App */
|
||||||
|
.app_frame {
|
||||||
|
margin: 48px 96px 48px 156px;
|
||||||
|
min-width: 800px;
|
||||||
|
min-height: 588px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 12; }
|
||||||
|
.app_frame .app_holder {
|
||||||
|
background-color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%; }
|
||||||
|
.app_frame #header .icon-remove {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
line-height: 60px;
|
||||||
|
font-size: 20px;
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
/*Tooltip popup */
|
||||||
|
.desktop_toolpopup {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 10px;
|
||||||
|
display: none;
|
||||||
|
padding: 12px;
|
||||||
|
cursor: default;
|
||||||
|
background-color: #fff; }
|
||||||
|
.desktop_toolpopup span {
|
||||||
|
margin: 3px 0 3px 0; }
|
||||||
|
|
@ -0,0 +1,805 @@
|
||||||
|
@import "desktop-helper";
|
||||||
|
|
||||||
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
v2.0 | 20110126
|
||||||
|
License: none (public domain)
|
||||||
|
*/
|
||||||
|
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, strong, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
#container input, #container textarea, #container select, #container input:focus, #container textarea:focus {
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* basic setting */
|
||||||
|
body {
|
||||||
|
@include font-main(12);
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
a, a:hover { text-decoration: none; color: #666; }
|
||||||
|
a:focus { outline: none; }
|
||||||
|
.clear { clear: both; }
|
||||||
|
.clear:after {
|
||||||
|
display: table;
|
||||||
|
width: 100%;
|
||||||
|
content: '';
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
.o-loading {
|
||||||
|
font-size: 13px;
|
||||||
|
// font-weight: normal;
|
||||||
|
|
||||||
|
.fullsize & {
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
i {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#thmbackground {
|
||||||
|
min-height: 100%;
|
||||||
|
min-width: 980px;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
#bgover {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
z-index: -1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* box-sizing element */
|
||||||
|
.w1, .w2, .w4, .wh1, .wh2, .wh3, .w100, .pw,
|
||||||
|
.h1, .h2, .h4, .hh1, .hh2, .hh3, .ph,
|
||||||
|
.appholder,
|
||||||
|
.appname,
|
||||||
|
.tinycanvas/*,
|
||||||
|
.tinycanvas .overview > .column,
|
||||||
|
.tinycanvas .overview > .column .datalist_item*/ {
|
||||||
|
@include box-sizing;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Desktop Global Style */
|
||||||
|
.admbg { background-color: #fff; }
|
||||||
|
.admbg2 { background-color: #ddd; }
|
||||||
|
.admtxt { color: #666; }
|
||||||
|
.admtxt:hover { color: #666; }
|
||||||
|
.hfn {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 36px;
|
||||||
|
float: left;
|
||||||
|
margin: 12px 12px 0 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.thmtxt { position: relative; }
|
||||||
|
.ini_input {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.ini_input:focus { outline: none; }
|
||||||
|
|
||||||
|
/* - Opacity */
|
||||||
|
@for $i from 0 through 10 {
|
||||||
|
$k: $i;
|
||||||
|
@if $k < 10 {
|
||||||
|
$k: 0#{$i};
|
||||||
|
}
|
||||||
|
.op#{$k} {
|
||||||
|
opacity: $i * 0.1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* - box set */
|
||||||
|
.w1 { width: 120px; }
|
||||||
|
.w2 { width: 252px; }
|
||||||
|
.w4 { width: 512px; }
|
||||||
|
.wh1 { width: 36px; }
|
||||||
|
.wh2 { width: 60px; }
|
||||||
|
.wh3 { width: 84px; }
|
||||||
|
.w100 { width: 100%; }
|
||||||
|
.pw { width: 540px; }
|
||||||
|
|
||||||
|
.h1 { height: 120px; }
|
||||||
|
.h2 { height: 252px; }
|
||||||
|
.h4 { height: 512px; }
|
||||||
|
.hh1 { height: 36px; }
|
||||||
|
.hh2 { height: 60px; }
|
||||||
|
.hh3 { height: 84px; }
|
||||||
|
.ph { height: 516px; }
|
||||||
|
|
||||||
|
.hp { padding-left: 12px; padding-right: 12px; }
|
||||||
|
.vp { padding-top: 12px; padding-bottom: 12px; }
|
||||||
|
.element {
|
||||||
|
margin: 0 12px 12px 0;
|
||||||
|
float: left;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.group{
|
||||||
|
float: left;
|
||||||
|
margin-right: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* desktop layout */
|
||||||
|
#container {
|
||||||
|
padding: 48px 0 0 156px;
|
||||||
|
}
|
||||||
|
#header {
|
||||||
|
padding: 0 0 12px 0;
|
||||||
|
min-width: 800px;
|
||||||
|
height: 72px;
|
||||||
|
}
|
||||||
|
#side {
|
||||||
|
width: 60px;
|
||||||
|
height: 516px;
|
||||||
|
position: absolute;
|
||||||
|
margin-right: 96px;
|
||||||
|
top: 120px;
|
||||||
|
left: 0;
|
||||||
|
z-index: 11;
|
||||||
|
}
|
||||||
|
#holder {
|
||||||
|
height: 516px;
|
||||||
|
width: auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#rwidget {
|
||||||
|
height: 516px;
|
||||||
|
}
|
||||||
|
.widget_fn {
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.widget_icon {
|
||||||
|
display: block;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
margin: 15px 0 0 15px;
|
||||||
|
}
|
||||||
|
.docklist {
|
||||||
|
|
||||||
|
.d_cate {
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.dock_child {
|
||||||
|
display: none;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
left: 60px;
|
||||||
|
top: 0;
|
||||||
|
|
||||||
|
.dock_item {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
& .d_cate:hover .dock_child {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.fn_des.admtxt {
|
||||||
|
line-height: 60px;
|
||||||
|
padding: 0 12px;
|
||||||
|
font-size: 15px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9;
|
||||||
|
min-width: 48px;
|
||||||
|
text-align: center;
|
||||||
|
white-space: nowrap;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#search_app {
|
||||||
|
position: relative;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
.form {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 2px;
|
||||||
|
padding: 2px 12px;
|
||||||
|
width: 192px;
|
||||||
|
height: 28px;
|
||||||
|
line-height: 28px;
|
||||||
|
background: none;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.submit {
|
||||||
|
position: absolute;
|
||||||
|
right: 2px;
|
||||||
|
top: 2px;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-indent: -999px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.section_label {
|
||||||
|
float: left;
|
||||||
|
width: 132px;
|
||||||
|
height:516px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
li:first-child {
|
||||||
|
font-size: 18px;
|
||||||
|
// font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* panel */
|
||||||
|
#panel_l {
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
#panel_r {
|
||||||
|
margin-left: 252px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Desktop Notification */
|
||||||
|
#orbitnote {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -206px;
|
||||||
|
z-index: 99999;
|
||||||
|
width: 400px;
|
||||||
|
padding: 0 6px 6px 6px;
|
||||||
|
background-color: #000;
|
||||||
|
background-color: rgba(0,0,0,0.6);
|
||||||
|
|
||||||
|
.note_holder {
|
||||||
|
background-color: #f3f3f3;
|
||||||
|
border: solid 1px #fff;
|
||||||
|
border-top: none;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 24px 24px;
|
||||||
|
|
||||||
|
.note_type {
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.note_message {
|
||||||
|
color: #333;
|
||||||
|
margin: 10px 0 0 48px;
|
||||||
|
font-size: 15px;
|
||||||
|
// font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Desktop Dialogue */
|
||||||
|
#orbitdiag {
|
||||||
|
position: fixed;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 12;
|
||||||
|
|
||||||
|
.tile {
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
.diag_holder {
|
||||||
|
background-color: #000;
|
||||||
|
|
||||||
|
.diag_holder_inner {
|
||||||
|
width: 600px;
|
||||||
|
margin: 200px auto 0 auto;
|
||||||
|
position: relative;
|
||||||
|
padding: 30px 0;
|
||||||
|
|
||||||
|
.diag_message {
|
||||||
|
color: #fff;
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 30px 0;
|
||||||
|
}
|
||||||
|
.diag_action {
|
||||||
|
clear: both;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
.diag_btn {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 0 6px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 15px;
|
||||||
|
// font-weight: normal;
|
||||||
|
line-height: 36px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
outline: solid 2px #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tile */
|
||||||
|
.appname {
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 30px;
|
||||||
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
|
padding: 0 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
cursor: default;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 3;
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
[data-sizex="1"] &,
|
||||||
|
.w1.h1 & {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
[data-sizey="2"] & {
|
||||||
|
font-size: 21px;
|
||||||
|
// font-weight: normal;
|
||||||
|
}
|
||||||
|
.hh2 & {
|
||||||
|
position: relative;
|
||||||
|
width: auto;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.fullsize & {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.appicon {
|
||||||
|
display: block;
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
[data-sizex="1"] & {
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
#sections & {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
float: left;
|
||||||
|
margin-right: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.appholder {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
padding: 12px;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
.fullsize & {
|
||||||
|
position: absolute;
|
||||||
|
padding: 0;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.dtitle {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: 60px;
|
||||||
|
float: left;
|
||||||
|
margin: 0 12px 0 0;
|
||||||
|
position: relative;
|
||||||
|
z-index: 9;
|
||||||
|
}
|
||||||
|
.tile {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.gridster ul {
|
||||||
|
margin: -6px 0 0 -6px;
|
||||||
|
}
|
||||||
|
.widget.gs_w {
|
||||||
|
cursor: move;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
// .app.gs_w:active {
|
||||||
|
// -webkit-transform: scale(0.9);
|
||||||
|
// -moz-transform: scale(0.9);
|
||||||
|
// transform: scale(0.9);
|
||||||
|
// }
|
||||||
|
|
||||||
|
/* header drop menu */
|
||||||
|
.sdm_mdr .sdm_o { top: 36px; }
|
||||||
|
|
||||||
|
/* Setting Page */
|
||||||
|
.theme_list {}
|
||||||
|
.theme_list .ssl_item, .stock_wallpaper .ssl_item {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
margin: 0 0 12px 0;
|
||||||
|
padding: 6px 0px;
|
||||||
|
width: 132px;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer
|
||||||
|
}
|
||||||
|
.theme_thumb, .stock_wallpaper img {
|
||||||
|
border: solid 1px #fff;
|
||||||
|
width: 120px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
.theme_thumb img, .stock_wallpaper img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.theme_name {
|
||||||
|
font-size: 15px;
|
||||||
|
padding: 8px 6px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.theme_preview {
|
||||||
|
width: 528px;
|
||||||
|
line-height: 36px;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
.theme_plate {
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
> div {
|
||||||
|
float: left;
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
> div:first-child {
|
||||||
|
margin-right: 48px;
|
||||||
|
}
|
||||||
|
.g_sep {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#color_input th {
|
||||||
|
vertical-align: bottom
|
||||||
|
}
|
||||||
|
.stock_wallpaper {
|
||||||
|
.ssl_item {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.s_title {
|
||||||
|
font-size: 21px;
|
||||||
|
// font-weight: normal;
|
||||||
|
line-height: 60px;
|
||||||
|
text-align: left;
|
||||||
|
|
||||||
|
&.size_large {
|
||||||
|
font-size: 36px;
|
||||||
|
}
|
||||||
|
&.size_small {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 2em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.s_subtitle {
|
||||||
|
font-size: 15px;
|
||||||
|
line-height: 1.5em;
|
||||||
|
color: #ccc;
|
||||||
|
padding: 12px 0 24px 0;
|
||||||
|
}
|
||||||
|
.s_action {
|
||||||
|
padding: 24px 0;
|
||||||
|
margin-top: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-top: solid 1px #eee;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
.setting_btn {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
font-size: 15px;
|
||||||
|
// font-weight: normal;
|
||||||
|
line-height: 36px;
|
||||||
|
text-align: center;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.group_search{
|
||||||
|
float: left;
|
||||||
|
margin-right: 36px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.search_result{
|
||||||
|
float: left;
|
||||||
|
margin-right: 24px;
|
||||||
|
max-width: 340px;
|
||||||
|
}
|
||||||
|
.g_sep {
|
||||||
|
width: 12px;
|
||||||
|
border-left: solid 1px #fff;
|
||||||
|
@include box-sizing;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#group_wrapper {}
|
||||||
|
.grp {
|
||||||
|
height:528px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.appgroup {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.g_col {
|
||||||
|
height: 516px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.g_col_w1 { width: 132px; }
|
||||||
|
.g_col_w2 { width: 264px; }
|
||||||
|
.ui-sortable-placeholder {
|
||||||
|
background-color: rgba(0,0,0,0.2);
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* list item */
|
||||||
|
.list_t_item { overflow: hidden; }
|
||||||
|
.list_t_title {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
color: #333;
|
||||||
|
font-size: 15px;
|
||||||
|
// font-weight: normal;
|
||||||
|
}
|
||||||
|
.list_t_des {
|
||||||
|
line-height: 1.5em;
|
||||||
|
color: #999;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
.list_item_function a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px;
|
||||||
|
font-size: 11px;
|
||||||
|
-webkit-text-size-adjust: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Journal Papers */
|
||||||
|
[page-name="journal_p_list"] {
|
||||||
|
.list_t_item .inner { padding-left: 30px; }
|
||||||
|
.list_item_action {
|
||||||
|
font-size: 12px;
|
||||||
|
float: left;
|
||||||
|
margin-left: -30px;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
margin: 1px 1px 6px 1px;
|
||||||
|
}
|
||||||
|
.icon-star-empty { color: #999; font-size: 20px; }
|
||||||
|
.icon-star { color: #faa732; font-size: 20px; }
|
||||||
|
.icon-check-empty { color: #999; font-size: 20px; }
|
||||||
|
.icon-check { color: #333; font-size: 20px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.file_view {
|
||||||
|
.list_t_des {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.file {
|
||||||
|
float: left;
|
||||||
|
width: 120px;
|
||||||
|
height: 50px;
|
||||||
|
padding: 6px;
|
||||||
|
margin: 1px;
|
||||||
|
position: relative;
|
||||||
|
@include box-sizing;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: lighten($gray, 10%);
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 38px;
|
||||||
|
height: 38px;
|
||||||
|
position: absolute;
|
||||||
|
left: 6px;
|
||||||
|
top: 6px;
|
||||||
|
}
|
||||||
|
.filetitle {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 38px;
|
||||||
|
padding-left: 40px;
|
||||||
|
overflow: hidden;
|
||||||
|
@include box-sizing;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Journal Paper Add */
|
||||||
|
#paper_add {
|
||||||
|
.s_grid_con {
|
||||||
|
float: left;
|
||||||
|
height: 456px;
|
||||||
|
margin-left: 12px;
|
||||||
|
padding-left: 12px;
|
||||||
|
border-left: solid 1px #eee;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.f_w { width: 336px; }
|
||||||
|
label { margin-right: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Journal Journal list */
|
||||||
|
[page-name="journal_p_journal"] {
|
||||||
|
|
||||||
|
.datalist_item .inner {
|
||||||
|
padding-left: 30px;
|
||||||
|
}
|
||||||
|
.list_item_action {
|
||||||
|
font-size: 12px;
|
||||||
|
float: left;
|
||||||
|
margin-left: -30px;
|
||||||
|
}
|
||||||
|
.list_item_action i {
|
||||||
|
color: #999;
|
||||||
|
font-size: 20px;
|
||||||
|
display: block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
line-height: 20px;
|
||||||
|
margin: 1px 1px 6px 1px;
|
||||||
|
}
|
||||||
|
.list_t_desc {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Journal Co-Author */
|
||||||
|
[page-name="journal_p_coauthor"] {
|
||||||
|
.list_t_item {
|
||||||
|
height: 110px;
|
||||||
|
}
|
||||||
|
.list_item_function {}
|
||||||
|
.list_item_function a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 4px;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
font-size: 11px;
|
||||||
|
-webkit-text-size-adjust: none;
|
||||||
|
}
|
||||||
|
.info {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
}
|
||||||
|
.info li {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.info .name {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 24px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Journal Co-Author Relationship*/
|
||||||
|
[page-name="journal_p_coauthor_relation"]{
|
||||||
|
.edit_co_author_relation {
|
||||||
|
/*margin-left: -10px;*/
|
||||||
|
}
|
||||||
|
.form_space {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
font-size: 18px;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* Journal New Co-Author */
|
||||||
|
#new_co_author label {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* App */
|
||||||
|
.app_frame {
|
||||||
|
margin: 48px 96px 48px 156px;
|
||||||
|
min-width: 800px;
|
||||||
|
min-height: 588px;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 12;
|
||||||
|
|
||||||
|
.app_holder {
|
||||||
|
background-color: #fff;
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#header .icon-remove {
|
||||||
|
display: block;
|
||||||
|
float: right;
|
||||||
|
line-height: 60px;
|
||||||
|
font-size: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*Tooltip popup */
|
||||||
|
.desktop_toolpopup {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 10px;
|
||||||
|
display: none;
|
||||||
|
padding: 12px;
|
||||||
|
cursor: default;
|
||||||
|
background-color: #fff;
|
||||||
|
|
||||||
|
span {
|
||||||
|
margin: 3px 0 3px 0;
|
||||||
|
}
|
||||||
|
h3 {}
|
||||||
|
h2 {}
|
||||||
|
}
|
||||||
|
|
@ -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,408 @@
|
||||||
|
/*
|
||||||
|
Version: 3.3.1 Timestamp: Wed Feb 20 09:57:22 PST 2013
|
||||||
|
*/
|
||||||
|
.select2-container {
|
||||||
|
overflow: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
/* inline-block for ie7 */
|
||||||
|
zoom: 1;
|
||||||
|
*display: inline;
|
||||||
|
vertical-align: top; }
|
||||||
|
|
||||||
|
.select2-container,
|
||||||
|
.select2-drop,
|
||||||
|
.select2-search,
|
||||||
|
.select2-search input {
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
|
||||||
|
.select2-container .select2-choice {
|
||||||
|
display: block;
|
||||||
|
height: 30px;
|
||||||
|
padding: 0 0 0 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #444;
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: #fff;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.select2-container.select2-drop-above .select2-choice {
|
||||||
|
border-bottom-color: #dddddd; }
|
||||||
|
|
||||||
|
.select2-container .select2-choice span {
|
||||||
|
margin-right: 26px;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
-ms-text-overflow: ellipsis;
|
||||||
|
-o-text-overflow: ellipsis;
|
||||||
|
text-overflow: ellipsis; }
|
||||||
|
|
||||||
|
.select2-container .select2-choice abbr {
|
||||||
|
display: block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
position: absolute;
|
||||||
|
right: 26px;
|
||||||
|
top: 8px;
|
||||||
|
font-size: 1px;
|
||||||
|
text-decoration: none;
|
||||||
|
border: 0;
|
||||||
|
background: url(<%= asset_path "desktop/select2/select2.png" %>) right top no-repeat;
|
||||||
|
cursor: pointer;
|
||||||
|
outline: 0; }
|
||||||
|
|
||||||
|
.select2-container .select2-choice abbr:hover {
|
||||||
|
background-position: right -11px;
|
||||||
|
cursor: pointer; }
|
||||||
|
|
||||||
|
.select2-drop-mask {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 9998;
|
||||||
|
opacity: 0; }
|
||||||
|
|
||||||
|
.select2-drop {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: -1px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9999;
|
||||||
|
top: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
color: #000;
|
||||||
|
border: 2px solid #dddddd; }
|
||||||
|
|
||||||
|
.select2-drop.select2-drop-above {
|
||||||
|
margin-top: 1px; }
|
||||||
|
|
||||||
|
.select2-container .select2-choice div {
|
||||||
|
display: block;
|
||||||
|
width: 21px;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
border-left: solid 1px #dddddd;
|
||||||
|
-webkit-box-sizing: border-box;
|
||||||
|
/* webkit */
|
||||||
|
-khtml-box-sizing: border-box;
|
||||||
|
/* konqueror */
|
||||||
|
-moz-box-sizing: border-box;
|
||||||
|
/* firefox */
|
||||||
|
-ms-box-sizing: border-box;
|
||||||
|
/* ie */
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* css3 */ }
|
||||||
|
|
||||||
|
.select2-container .select2-choice div b {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: url(<%= asset_path "desktop/select2/select2.png" %>) no-repeat 0 50%; }
|
||||||
|
|
||||||
|
.select2-search {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 26px;
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 10000;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
.select2-search-hidden {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: -10000px; }
|
||||||
|
|
||||||
|
.select2-search input {
|
||||||
|
width: 100%;
|
||||||
|
height: auto !important;
|
||||||
|
min-height: 26px;
|
||||||
|
padding: 4px 20px 4px 5px;
|
||||||
|
margin: 0;
|
||||||
|
outline: 0;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
border: 1px solid #dddddd; }
|
||||||
|
|
||||||
|
.select2-drop.select2-drop-above .select2-search input {
|
||||||
|
margin-top: 4px; }
|
||||||
|
|
||||||
|
.select2-search input.select2-active {
|
||||||
|
background: white image-url(<%= asset_path "desktop/select2/select2-spinner.gif" %>) no-repeat 100%; }
|
||||||
|
|
||||||
|
.select2-container-active .select2-choice,
|
||||||
|
.select2-container-active .select2-choices {
|
||||||
|
outline: none; }
|
||||||
|
|
||||||
|
.select2-dropdown-open .select2-choice {
|
||||||
|
border-bottom-color: transparent; }
|
||||||
|
|
||||||
|
.select2-dropdown-open .select2-choice div {
|
||||||
|
background-color: #dddddd;
|
||||||
|
filter: none; }
|
||||||
|
|
||||||
|
.select2-dropdown-open .select2-choice div b {
|
||||||
|
background-position: -20px 50%; }
|
||||||
|
|
||||||
|
/* results */
|
||||||
|
.select2-results {
|
||||||
|
max-height: 200px;
|
||||||
|
font-size: 13px;
|
||||||
|
position: relative;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub {
|
||||||
|
margin: 0; }
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub > li .select2-result-label {
|
||||||
|
padding-left: 20px; }
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||||
|
padding-left: 40px; }
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||||
|
padding-left: 60px; }
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||||
|
padding-left: 80px; }
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||||
|
padding-left: 100px; }
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||||
|
padding-left: 110px; }
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
|
||||||
|
padding-left: 120px; }
|
||||||
|
|
||||||
|
.select2-results li {
|
||||||
|
list-style: none;
|
||||||
|
display: list-item;
|
||||||
|
background-image: none;
|
||||||
|
border-top: solid 1px #f7f7f7; }
|
||||||
|
|
||||||
|
.select2-results li :first-child {
|
||||||
|
border-top: 0; }
|
||||||
|
|
||||||
|
.select2-results li.select2-result-with-children > .select2-result-label {
|
||||||
|
font-weight: bold; }
|
||||||
|
|
||||||
|
.select2-results .select2-result-label {
|
||||||
|
padding: 6px;
|
||||||
|
margin: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.select2-results .select2-highlighted {
|
||||||
|
background: #666;
|
||||||
|
color: #fff; }
|
||||||
|
|
||||||
|
.select2-results li em {
|
||||||
|
background: #feffde;
|
||||||
|
font-style: normal; }
|
||||||
|
|
||||||
|
.select2-results .select2-highlighted em {
|
||||||
|
background: transparent; }
|
||||||
|
|
||||||
|
.select2-results .select2-highlighted ul {
|
||||||
|
background: white;
|
||||||
|
color: #000; }
|
||||||
|
|
||||||
|
.select2-results .select2-no-results,
|
||||||
|
.select2-results .select2-searching,
|
||||||
|
.select2-results .select2-selection-limit {
|
||||||
|
background: #f4f4f4;
|
||||||
|
padding: 4px 7px;
|
||||||
|
font-weight: normal;
|
||||||
|
display: list-item; }
|
||||||
|
|
||||||
|
/*
|
||||||
|
disabled look for disabled choices in the results dropdown
|
||||||
|
*/
|
||||||
|
.select2-results .select2-disabled.select2-highlighted {
|
||||||
|
color: #666;
|
||||||
|
background: #f4f4f4;
|
||||||
|
display: list-item;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.select2-results .select2-disabled {
|
||||||
|
background: #f4f4f4;
|
||||||
|
display: list-item;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.select2-results .select2-selected {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
.select2-more-results.select2-active {
|
||||||
|
background: #f4f4f4 image-url(<%= asset_path "desktop/select2/select2-spinner.gif" %>) no-repeat 100%; }
|
||||||
|
|
||||||
|
.select2-more-results {
|
||||||
|
background: #f4f4f4;
|
||||||
|
display: list-item; }
|
||||||
|
|
||||||
|
/* disabled styles */
|
||||||
|
.select2-container.select2-container-disabled .select2-choice {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
background-image: none;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.select2-container.select2-container-disabled .select2-choice div {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
background-image: none;
|
||||||
|
border-left: 0; }
|
||||||
|
|
||||||
|
.select2-container.select2-container-disabled .select2-choice abbr {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/* multiselect */
|
||||||
|
.select2-container-multi .select2-choices {
|
||||||
|
height: auto !important;
|
||||||
|
height: 1%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
cursor: text;
|
||||||
|
overflow: hidden;
|
||||||
|
background-color: #fff; }
|
||||||
|
|
||||||
|
.select2-locked {
|
||||||
|
padding: 3px 5px 3px 5px !important; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices {
|
||||||
|
min-height: 26px; }
|
||||||
|
|
||||||
|
.select2-container-multi.select2-container-active .select2-choices {
|
||||||
|
outline: none; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices li {
|
||||||
|
float: left;
|
||||||
|
list-style: none; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-field {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
white-space: nowrap; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-field input {
|
||||||
|
padding: 5px;
|
||||||
|
height: 30px;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 100%;
|
||||||
|
color: #666;
|
||||||
|
outline: 0;
|
||||||
|
border: 0;
|
||||||
|
background: transparent !important; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||||
|
background: white image-url(<%= asset_path "desktop/select2/select2-spinner.gif" %>) no-repeat 100% !important; }
|
||||||
|
|
||||||
|
.select2-default {
|
||||||
|
color: #999999 !important; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice {
|
||||||
|
padding: 3px 5px 3px 18px;
|
||||||
|
margin: 3px 0 3px 5px;
|
||||||
|
position: relative;
|
||||||
|
line-height: 13px;
|
||||||
|
color: #333;
|
||||||
|
cursor: default;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
background-color: #e4e4e4;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice span {
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||||
|
background: #d4d4d4; }
|
||||||
|
|
||||||
|
.select2-search-choice-close {
|
||||||
|
display: block;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
position: absolute;
|
||||||
|
right: 3px;
|
||||||
|
top: 5px;
|
||||||
|
font-size: 1px;
|
||||||
|
outline: none;
|
||||||
|
background: url(<%= asset_path "desktop/select2/select2.png" %>) right top no-repeat; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-search-choice-close {
|
||||||
|
left: 3px; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
|
||||||
|
background-position: right -20px; }
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
|
||||||
|
background-position: right -20px; }
|
||||||
|
|
||||||
|
/* disabled styles */
|
||||||
|
.select2-container-multi.select2-container-disabled .select2-choices {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
background-image: none;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
|
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
||||||
|
padding: 3px 5px 3px 5px;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
background-image: none;
|
||||||
|
background-color: #f4f4f4; }
|
||||||
|
|
||||||
|
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
|
||||||
|
display: none; }
|
||||||
|
|
||||||
|
/* end multiselect */
|
||||||
|
.select2-result-selectable .select2-match,
|
||||||
|
.select2-result-unselectable .select2-match {
|
||||||
|
text-decoration: underline; }
|
||||||
|
|
||||||
|
.select2-offscreen {
|
||||||
|
position: absolute;
|
||||||
|
left: -10000px;
|
||||||
|
top: 0; }
|
||||||
|
|
||||||
|
/* Retina-ize icons */
|
||||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
|
||||||
|
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
|
||||||
|
background-image: url(<%= asset_path "desktop/select2/select2x2.png" %>) !important;
|
||||||
|
background-repeat: no-repeat !important;
|
||||||
|
background-size: 60px 40px !important; }
|
||||||
|
|
||||||
|
.select2-search input {
|
||||||
|
background-position: 100% -21px !important; } }
|
||||||
|
|
@ -0,0 +1,447 @@
|
||||||
|
@import "desktop-helper";
|
||||||
|
|
||||||
|
/*
|
||||||
|
Version: 3.3.1 Timestamp: Wed Feb 20 09:57:22 PST 2013
|
||||||
|
*/
|
||||||
|
.select2-container {
|
||||||
|
// position: relative; original setting from select2
|
||||||
|
overflow: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
/* inline-block for ie7 */
|
||||||
|
zoom: 1;
|
||||||
|
*display: inline;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container,
|
||||||
|
.select2-drop,
|
||||||
|
.select2-search,
|
||||||
|
.select2-search input{
|
||||||
|
@include box-sizing;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container .select2-choice {
|
||||||
|
display: block;
|
||||||
|
height: 30px;
|
||||||
|
padding: 0 0 0 8px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
border: 1px solid $gray;
|
||||||
|
white-space: nowrap;
|
||||||
|
line-height: 30px;
|
||||||
|
color: #444;
|
||||||
|
text-decoration: none;
|
||||||
|
background-color: #fff;
|
||||||
|
@include no-select;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container.select2-drop-above .select2-choice {
|
||||||
|
border-bottom-color: $gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container .select2-choice span {
|
||||||
|
margin-right: 26px;
|
||||||
|
display: block;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
white-space: nowrap;
|
||||||
|
|
||||||
|
-ms-text-overflow: ellipsis;
|
||||||
|
-o-text-overflow: ellipsis;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container .select2-choice abbr {
|
||||||
|
display: block;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
position: absolute;
|
||||||
|
right: 26px;
|
||||||
|
top: 8px;
|
||||||
|
|
||||||
|
font-size: 1px;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
border: 0;
|
||||||
|
background: url('select2/select2.png') right top no-repeat;
|
||||||
|
cursor: pointer;
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.select2-container .select2-choice abbr:hover {
|
||||||
|
background-position: right -11px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-drop-mask {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 9998;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-drop {
|
||||||
|
width: 100%;
|
||||||
|
margin-top:-1px;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 9999;
|
||||||
|
top: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
color: #000;
|
||||||
|
border: 2px solid $gray;
|
||||||
|
// border-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-drop.select2-drop-above {
|
||||||
|
margin-top: 1px;
|
||||||
|
// border-top: 1px solid $gray;
|
||||||
|
// border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container .select2-choice div {
|
||||||
|
display: block;
|
||||||
|
width: 21px;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
border-left: solid 1px $gray;
|
||||||
|
@include box-sizing;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container .select2-choice div b {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: url('select2/select2.png') no-repeat 0 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-search {
|
||||||
|
display: inline-block;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 26px;
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
|
|
||||||
|
position: relative;
|
||||||
|
z-index: 10000;
|
||||||
|
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-search-hidden {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
left: -10000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-search input {
|
||||||
|
width: 100%;
|
||||||
|
height: auto !important;
|
||||||
|
min-height: 26px;
|
||||||
|
padding: 4px 20px 4px 5px;
|
||||||
|
margin: 0;
|
||||||
|
|
||||||
|
outline: 0;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 1em;
|
||||||
|
|
||||||
|
border: 1px solid $gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-drop.select2-drop-above .select2-search input {
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-search input.select2-active {
|
||||||
|
background: #fff image-url('select2-spinner.gif') no-repeat 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-active .select2-choice,
|
||||||
|
.select2-container-active .select2-choices {
|
||||||
|
// border: 1px solid #5897fb;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-dropdown-open .select2-choice {
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-dropdown-open .select2-choice div {
|
||||||
|
background-color: $gray;
|
||||||
|
// border-left: none;
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
.select2-dropdown-open .select2-choice div b {
|
||||||
|
background-position: -20px 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* results */
|
||||||
|
.select2-results {
|
||||||
|
max-height: 200px;
|
||||||
|
// padding: 0 0 0 4px;
|
||||||
|
// margin: 4px 4px 4px 0;
|
||||||
|
font-size: 13px;
|
||||||
|
position: relative;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
|
||||||
|
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
|
||||||
|
|
||||||
|
.select2-results li {
|
||||||
|
list-style: none;
|
||||||
|
display: list-item;
|
||||||
|
background-image: none;
|
||||||
|
border-top: solid 1px lighten($gray, 10%);
|
||||||
|
|
||||||
|
:first-child {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results li.select2-result-with-children > .select2-result-label {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results .select2-result-label {
|
||||||
|
padding: 6px;
|
||||||
|
margin: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
@include no-select;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results .select2-highlighted {
|
||||||
|
background: #666;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results li em {
|
||||||
|
background: #feffde;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results .select2-highlighted em {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results .select2-highlighted ul {
|
||||||
|
background: white;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.select2-results .select2-no-results,
|
||||||
|
.select2-results .select2-searching,
|
||||||
|
.select2-results .select2-selection-limit {
|
||||||
|
background: #f4f4f4;
|
||||||
|
padding: 4px 7px;
|
||||||
|
font-weight: normal;
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
disabled look for disabled choices in the results dropdown
|
||||||
|
*/
|
||||||
|
.select2-results .select2-disabled.select2-highlighted {
|
||||||
|
color: #666;
|
||||||
|
background: #f4f4f4;
|
||||||
|
display: list-item;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.select2-results .select2-disabled {
|
||||||
|
background: #f4f4f4;
|
||||||
|
display: list-item;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-results .select2-selected {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-more-results.select2-active {
|
||||||
|
background: #f4f4f4 image-url('select2-spinner.gif') no-repeat 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-more-results {
|
||||||
|
background: #f4f4f4;
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* disabled styles */
|
||||||
|
|
||||||
|
.select2-container.select2-container-disabled .select2-choice {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
background-image: none;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container.select2-container-disabled .select2-choice div {
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
background-image: none;
|
||||||
|
border-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container.select2-container-disabled .select2-choice abbr {
|
||||||
|
display: none
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* multiselect */
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices {
|
||||||
|
height: auto !important;
|
||||||
|
height: 1%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
border: 1px solid $gray;
|
||||||
|
cursor: text;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-locked {
|
||||||
|
padding: 3px 5px 3px 5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices {
|
||||||
|
min-height: 26px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi.select2-container-active .select2-choices {
|
||||||
|
// border: 1px solid #5897fb;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
.select2-container-multi .select2-choices li {
|
||||||
|
float: left;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.select2-container-multi .select2-choices .select2-search-field {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-field input {
|
||||||
|
padding: 5px;
|
||||||
|
// margin: 1px 0;
|
||||||
|
height: 30px;
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 100%;
|
||||||
|
color: #666;
|
||||||
|
outline: 0;
|
||||||
|
border: 0;
|
||||||
|
background: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
||||||
|
background: #fff image-url('select2-spinner.gif') no-repeat 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-default {
|
||||||
|
color: #999 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice {
|
||||||
|
padding: 3px 5px 3px 18px;
|
||||||
|
margin: 3px 0 3px 5px;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
line-height: 13px;
|
||||||
|
color: #333;
|
||||||
|
cursor: default;
|
||||||
|
border: 1px solid $gray;
|
||||||
|
background-color: #e4e4e4;
|
||||||
|
@include no-select;
|
||||||
|
}
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice span {
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice-focus {
|
||||||
|
background: #d4d4d4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-search-choice-close {
|
||||||
|
display: block;
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
position: absolute;
|
||||||
|
right: 3px;
|
||||||
|
top: 5px;
|
||||||
|
font-size: 1px;
|
||||||
|
outline: none;
|
||||||
|
background: url('select2/select2.png') right top no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi .select2-search-choice-close {
|
||||||
|
left: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
|
||||||
|
background-position: right -20px;
|
||||||
|
}
|
||||||
|
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
|
||||||
|
background-position: right -20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* disabled styles */
|
||||||
|
.select2-container-multi.select2-container-disabled .select2-choices{
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
background-image: none;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
|
||||||
|
padding: 3px 5px 3px 5px;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
background-image: none;
|
||||||
|
background-color: #f4f4f4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
/* end multiselect */
|
||||||
|
|
||||||
|
|
||||||
|
.select2-result-selectable .select2-match,
|
||||||
|
.select2-result-unselectable .select2-match {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select2-offscreen {
|
||||||
|
position: absolute;
|
||||||
|
left: -10000px;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Retina-ize icons */
|
||||||
|
|
||||||
|
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
|
||||||
|
.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
|
||||||
|
background-image: url('select2/select2x2.png') !important;
|
||||||
|
background-repeat: no-repeat !important;
|
||||||
|
background-size: 60px 40px !important;
|
||||||
|
}
|
||||||
|
.select2-search input {
|
||||||
|
background-position: 100% -21px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,155 @@
|
||||||
|
#orbit .viewport {
|
||||||
|
background: -1px 4px url(<%= asset_path "timeline/ruler.png" %>) repeat-x;
|
||||||
|
}
|
||||||
|
#orbit #holder > .admbg {
|
||||||
|
background-color: #efefef;
|
||||||
|
}
|
||||||
|
.time_nav a, .time_nav_c a {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.time_nav {
|
||||||
|
position: absolute;
|
||||||
|
left: -60px;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
.time_nav a {
|
||||||
|
line-height: 60px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.time_nav .active {
|
||||||
|
background-color: #333;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.time_nav_c {
|
||||||
|
position: absolute;
|
||||||
|
left: -60px;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: #efefef;
|
||||||
|
}
|
||||||
|
.time_nav_c a {
|
||||||
|
width: 30px;
|
||||||
|
height: 36px;
|
||||||
|
float: left;
|
||||||
|
line-height: 36px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.t_scale {
|
||||||
|
height: 516px;
|
||||||
|
}
|
||||||
|
#scale_wrapper {
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 24px 0 0 12px;
|
||||||
|
background: 0 48px url(<%= asset_path "timeline/date_connector.png" %>) repeat-x;
|
||||||
|
}
|
||||||
|
#timline_marker {
|
||||||
|
width:100px;
|
||||||
|
height:140px;
|
||||||
|
opacity:0.4;
|
||||||
|
cursor: move;
|
||||||
|
border-style:solid;
|
||||||
|
border-width:5px;
|
||||||
|
border-radius:5px;
|
||||||
|
}
|
||||||
|
#t_container {
|
||||||
|
height:366px;
|
||||||
|
}
|
||||||
|
.scale_region {
|
||||||
|
}
|
||||||
|
.group {
|
||||||
|
margin-right: 48px;
|
||||||
|
}
|
||||||
|
.month {
|
||||||
|
|
||||||
|
}
|
||||||
|
.year {
|
||||||
|
font-size: 30px;
|
||||||
|
margin-right: 24px;
|
||||||
|
border-right: solid 12px #efefef;
|
||||||
|
border-left: solid 12px #efefef;
|
||||||
|
}
|
||||||
|
.region_year {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.month_heading {
|
||||||
|
color: #333;
|
||||||
|
font-family: 'Open sans', sans-serif;
|
||||||
|
font-size: 21px;
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: -10px;
|
||||||
|
padding-top: 22px;
|
||||||
|
background: #efefef 9px 0 url(<%= asset_path "timeline/pp.png" %>) no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bubble_list ul {
|
||||||
|
float:left;
|
||||||
|
width: 324px;
|
||||||
|
height: 440px;
|
||||||
|
margin-right: 12px;
|
||||||
|
}
|
||||||
|
.bubble {
|
||||||
|
cursor: pointer;
|
||||||
|
width: 300px;
|
||||||
|
height: 50px;
|
||||||
|
float: left;
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.date {
|
||||||
|
display: block;
|
||||||
|
padding: 8px 0 0 0;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.bubble_arrow {
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-top: 14px solid transparent;
|
||||||
|
border-bottom: 14px solid transparent;
|
||||||
|
border-right: 14px solid #fff;
|
||||||
|
position: absolute;
|
||||||
|
right: -1px;
|
||||||
|
top: 50%;
|
||||||
|
margin-top: -14px;
|
||||||
|
z-index: 99;
|
||||||
|
}
|
||||||
|
.bubble .icon-chevron-right {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 15px;
|
||||||
|
height: 74px;
|
||||||
|
line-height: 74px;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
.desktop_toolpopup {
|
||||||
|
z-index: 9;
|
||||||
|
border: solid 1px #ccc;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
color: #666;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.desktop_toolpopup h2 {
|
||||||
|
font-size: 18px;
|
||||||
|
padding: 0 0 20px 0;
|
||||||
|
margin: 0 0 20px 0;
|
||||||
|
border-bottom: solid 1px #d7d7d7;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.desktop_toolpopup h3 {
|
||||||
|
font-size: 15px;
|
||||||
|
padding: 0 0 20px 0;
|
||||||
|
margin: 20px 0 0 0;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.desktop_toolpopup .bubble_content {
|
||||||
|
overflow: hidden;
|
||||||
|
height: 368px;
|
||||||
|
}
|
||||||
|
.desktop_toolpopup .context {
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
|
.thmc1.hover .icon-chevron-right {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
/*
|
||||||
|
*This is a manifest file that'll automatically include all the stylesheets available in this directory
|
||||||
|
*and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
|
||||||
|
*the top of the compiled file, but it's generally better to create a new file per style scope.
|
||||||
|
*= require desktop/desktop-font
|
||||||
|
*= require desktop/bootstrap
|
||||||
|
*= require orbit_bar_bootstrap
|
||||||
|
*= require basic/orbit_bar
|
||||||
|
*= require desktop/jquery.miniColors
|
||||||
|
*= require desktop/jquery.gridster
|
||||||
|
*= require desktop/font-awesome
|
||||||
|
*= require basic/icon
|
||||||
|
*= require desktop/desktop-component
|
||||||
|
*= require desktop/desktop-main
|
||||||
|
*= require desktop/desktop-media
|
||||||
|
*= require desktop/desktop-select2
|
||||||
|
*= require desktop/desktop-timeline
|
||||||
|
*/
|
||||||
|
|
@ -0,0 +1,31 @@
|
||||||
|
/* Font Awesome 3.0
|
||||||
|
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 font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
|
||||||
|
• Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
|
||||||
|
http://opensource.org/licenses/mit-license.html
|
||||||
|
• The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
|
||||||
|
• Attribution is no longer required in Font Awesome 3.0, but much appreciated:
|
||||||
|
"Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
|
||||||
|
|
||||||
|
Contact
|
||||||
|
-------------------------------------------------------
|
||||||
|
Email: dave@davegandy.com
|
||||||
|
Twitter: http://twitter.com/fortaweso_me
|
||||||
|
Work: Lead Product Designer @ http://kyruus.com
|
||||||
|
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'FontAwesome';
|
||||||
|
src:url(<%= asset_path 'fontawesome-webfont.eot' %>);
|
||||||
|
src:url(<%= asset_path 'fontawesome-webfont.eot?#iefix' %>) format('embedded-opentype'),
|
||||||
|
url(<%= asset_path 'fontawesome-webfont.woff' %>) format('woff'),
|
||||||
|
url(<%= asset_path 'fontawesome-webfont.ttf' %>) format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,710 @@
|
||||||
|
[data-icons]:before {
|
||||||
|
font-family: 'entypo';
|
||||||
|
content: attr(data-icons);
|
||||||
|
speak: none;
|
||||||
|
font-weight: normal;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
font-size: 1.5em;
|
||||||
|
line-height: .6em;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'entypo';
|
||||||
|
src:url(<%= asset_path 'entypo.eot' %>);
|
||||||
|
src:url(<%= asset_path 'entypo.eot?#iefix' %>) format('embedded-opentype'),
|
||||||
|
url(<%= asset_path 'entypo.svg#entypo' %>) format('svg'),
|
||||||
|
url(<%= asset_path 'entypo.woff' %>) format('woff'),
|
||||||
|
url(<%= asset_path 'entypo.ttf' %>) format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
/* Font Awesome styles
|
||||||
|
------------------------------------------------------- */
|
||||||
|
/* includes sprites.less reset */
|
||||||
|
[class^="icon-"],
|
||||||
|
[class*=" icon-"] {
|
||||||
|
font-family: FontAwesome;
|
||||||
|
}
|
||||||
|
[class^="icons-"],
|
||||||
|
[class*=" icons-"] {
|
||||||
|
font-family: 'entypo';
|
||||||
|
}
|
||||||
|
[class^="icon"],
|
||||||
|
[class*=" icon"] {
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
text-decoration: inherit;
|
||||||
|
display: inline;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
line-height: normal;
|
||||||
|
vertical-align: baseline;
|
||||||
|
background-image: none !important;
|
||||||
|
background-position: 0% 0%;
|
||||||
|
background-repeat: repeat;
|
||||||
|
}
|
||||||
|
[class^="icon"]:before,
|
||||||
|
[class*=" icon"]:before {
|
||||||
|
text-decoration: inherit;
|
||||||
|
display: inline-block;
|
||||||
|
speak: none;
|
||||||
|
}
|
||||||
|
/* makes sure icons active on rollover in links */
|
||||||
|
a [class^="icon"],
|
||||||
|
a [class*=" icon"] {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
/* makes the font 33% larger relative to the icon container */
|
||||||
|
.icon-large:before {
|
||||||
|
vertical-align: -10%;
|
||||||
|
font-size: 1.3333333333333333em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav [class^="icon"],
|
||||||
|
.nav [class*=" icon"] {
|
||||||
|
display: inline;
|
||||||
|
/* keeps button heights with and without icons the same */
|
||||||
|
|
||||||
|
line-height: 1.5em;
|
||||||
|
}
|
||||||
|
.btn [class^="icon"],
|
||||||
|
.btn [class*=" icon"] {
|
||||||
|
display: inline;
|
||||||
|
/* keeps button heights with and without icons the same */
|
||||||
|
|
||||||
|
line-height: .9em;
|
||||||
|
}
|
||||||
|
.btn [class^="icon"].icon-spin,
|
||||||
|
.nav [class^="icon"].icon-spin,
|
||||||
|
.btn [class*=" icon"].icon-spin,
|
||||||
|
.nav [class*=" icon"].icon-spin {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
li [class^="icon"],
|
||||||
|
li [class*=" icon"] {
|
||||||
|
display: inline-block;
|
||||||
|
width: 1.25em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
li [class^="icon"].icon-large,
|
||||||
|
li [class*=" icon"].icon-large {
|
||||||
|
/* increased font size for icon-large */
|
||||||
|
|
||||||
|
width: 1.5625em;
|
||||||
|
}
|
||||||
|
ul.icons {
|
||||||
|
list-style-type: none;
|
||||||
|
text-indent: -0.75em;
|
||||||
|
}
|
||||||
|
ul.icons li [class^="icon"],
|
||||||
|
ul.icons li [class*=" icon"] {
|
||||||
|
width: .75em;
|
||||||
|
}
|
||||||
|
.icon-muted {
|
||||||
|
color: #eeeeee;
|
||||||
|
}
|
||||||
|
.icon-border {
|
||||||
|
border: solid 1px #eeeeee;
|
||||||
|
padding: .2em .25em .15em;
|
||||||
|
-webkit-border-radius: 3px;
|
||||||
|
-moz-border-radius: 3px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
.icon-2x {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
.icon-2x.icon-border {
|
||||||
|
border-width: 2px;
|
||||||
|
-webkit-border-radius: 4px;
|
||||||
|
-moz-border-radius: 4px;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
.icon-3x {
|
||||||
|
font-size: 3em;
|
||||||
|
}
|
||||||
|
.icon-3x.icon-border {
|
||||||
|
border-width: 3px;
|
||||||
|
-webkit-border-radius: 5px;
|
||||||
|
-moz-border-radius: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
.icon-4x {
|
||||||
|
font-size: 4em;
|
||||||
|
}
|
||||||
|
.icon-4x.icon-border {
|
||||||
|
border-width: 4px;
|
||||||
|
-webkit-border-radius: 6px;
|
||||||
|
-moz-border-radius: 6px;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
.pull-right {
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
.pull-left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
[class^="icon"].pull-left,
|
||||||
|
[class*=" icon"].pull-left {
|
||||||
|
margin-right: .35em;
|
||||||
|
}
|
||||||
|
[class^="icon"].pull-right,
|
||||||
|
[class*=" icon"].pull-right {
|
||||||
|
margin-left: .35em;
|
||||||
|
}
|
||||||
|
.btn [class^="icon"].pull-left.icon-2x,
|
||||||
|
.btn [class*=" icon"].pull-left.icon-2x,
|
||||||
|
.btn [class^="icon"].pull-right.icon-2x,
|
||||||
|
.btn [class*=" icon"].pull-right.icon-2x {
|
||||||
|
margin-top: .35em;
|
||||||
|
}
|
||||||
|
.btn [class^="icon"].icon-spin.icon-large,
|
||||||
|
.btn [class*=" icon"].icon-spin.icon-large {
|
||||||
|
height: .75em;
|
||||||
|
}
|
||||||
|
.btn.btn-small [class^="icon"].pull-left.icon-2x,
|
||||||
|
.btn.btn-small [class*=" icon"].pull-left.icon-2x,
|
||||||
|
.btn.btn-small [class^="icon"].pull-right.icon-2x,
|
||||||
|
.btn.btn-small [class*=" icon"].pull-right.icon-2x {
|
||||||
|
margin-top: .45em;
|
||||||
|
}
|
||||||
|
.btn.btn-large [class^="icon"].pull-left.icon-2x,
|
||||||
|
.btn.btn-large [class*=" icon"].pull-left.icon-2x,
|
||||||
|
.btn.btn-large [class^="icon"].pull-right.icon-2x,
|
||||||
|
.btn.btn-large [class*=" icon"].pull-right.icon-2x {
|
||||||
|
margin-top: .2em;
|
||||||
|
}
|
||||||
|
.icon-spin {
|
||||||
|
display: inline-block;
|
||||||
|
-webkit-animation: spin 2s infinite linear;
|
||||||
|
-moz-animation: spin 2s infinite linear;
|
||||||
|
-o-animation: spin 2s infinite linear;
|
||||||
|
animation: spin 2s infinite linear;
|
||||||
|
}
|
||||||
|
@-moz-keyframes spin {
|
||||||
|
0% { -moz-transform: rotate(0deg); }
|
||||||
|
100% { -moz-transform: rotate(359deg); }
|
||||||
|
}
|
||||||
|
@-webkit-keyframes spin {
|
||||||
|
0% { -webkit-transform: rotate(0deg); }
|
||||||
|
100% { -webkit-transform: rotate(359deg); }
|
||||||
|
}
|
||||||
|
@-o-keyframes spin {
|
||||||
|
0% { -o-transform: rotate(0deg); }
|
||||||
|
100% { -o-transform: rotate(359deg); }
|
||||||
|
}
|
||||||
|
@-ms-keyframes spin {
|
||||||
|
0% { -ms-transform: rotate(0deg); }
|
||||||
|
100% { -ms-transform: rotate(359deg); }
|
||||||
|
}
|
||||||
|
@keyframes spin {
|
||||||
|
0% { transform: rotate(0deg); }
|
||||||
|
100% { transform: rotate(359deg); }
|
||||||
|
}
|
||||||
|
/* 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-lightbulb:before { content: "\f0eb"; }
|
||||||
|
.icon-exchange:before { content: "\f0ec"; }
|
||||||
|
.icon-cloud-download:before { content: "\f0ed"; }
|
||||||
|
.icon-cloud-upload:before { content: "\f0ee"; }
|
||||||
|
|
||||||
|
.icon-user-md:before { content: "\f0f0"; }
|
||||||
|
.icon-stethoscope:before { content: "\f0f1"; }
|
||||||
|
.icon-suitcase:before { content: "\f0f2"; }
|
||||||
|
.icon-bell-alt:before { content: "\f0f3"; }
|
||||||
|
.icon-coffee:before { content: "\f0f4"; }
|
||||||
|
.icon-food:before { content: "\f0f5"; }
|
||||||
|
.icon-file-alt:before { content: "\f0f6"; }
|
||||||
|
.icon-building:before { content: "\f0f7"; }
|
||||||
|
.icon-hospital:before { content: "\f0f8"; }
|
||||||
|
.icon-ambulance:before { content: "\f0f9"; }
|
||||||
|
.icon-medkit:before { content: "\f0fa"; }
|
||||||
|
.icon-fighter-jet:before { content: "\f0fb"; }
|
||||||
|
.icon-beer:before { content: "\f0fc"; }
|
||||||
|
.icon-h-sign:before { content: "\f0fd"; }
|
||||||
|
.icon-plus-sign-alt:before { content: "\f0fe"; }
|
||||||
|
|
||||||
|
.icon-double-angle-left:before { content: "\f100"; }
|
||||||
|
.icon-double-angle-right:before { content: "\f101"; }
|
||||||
|
.icon-double-angle-up:before { content: "\f102"; }
|
||||||
|
.icon-double-angle-down:before { content: "\f103"; }
|
||||||
|
.icon-angle-left:before { content: "\f104"; }
|
||||||
|
.icon-angle-right:before { content: "\f105"; }
|
||||||
|
.icon-angle-up:before { content: "\f106"; }
|
||||||
|
.icon-angle-down:before { content: "\f107"; }
|
||||||
|
.icon-desktop:before { content: "\f108"; }
|
||||||
|
.icon-laptop:before { content: "\f109"; }
|
||||||
|
.icon-tablet:before { content: "\f10a"; }
|
||||||
|
.icon-mobile-phone:before { content: "\f10b"; }
|
||||||
|
.icon-circle-blank:before { content: "\f10c"; }
|
||||||
|
.icon-quote-left:before { content: "\f10d"; }
|
||||||
|
.icon-quote-right:before { content: "\f10e"; }
|
||||||
|
|
||||||
|
.icon-spinner:before { content: "\f110"; }
|
||||||
|
.icon-circle:before { content: "\f111"; }
|
||||||
|
.icon-reply:before { content: "\f112"; }
|
||||||
|
.icon-github-alt:before { content: "\f113"; }
|
||||||
|
.icon-folder-close-alt:before { content: "\f114"; }
|
||||||
|
.icon-folder-open-alt:before { content: "\f115"; }
|
||||||
|
|
||||||
|
.icons-phone:before { content: "\e000"; }
|
||||||
|
.icons-mobile:before { content: "\e001"; }
|
||||||
|
.icons-mouse:before { content: "\e002"; }
|
||||||
|
.icons-directions:before { content: "\e003"; }
|
||||||
|
.icons-mail:before { content: "\e004"; }
|
||||||
|
.icons-paperplane:before { content: "\e005"; }
|
||||||
|
.icons-pencil:before { content: "\e006"; }
|
||||||
|
.icons-feather:before { content: "\e007"; }
|
||||||
|
.icons-paperclip:before { content: "\e008"; }
|
||||||
|
.icons-drawer:before { content: "\e009"; }
|
||||||
|
.icons-reply:before { content: "\e00a"; }
|
||||||
|
.icons-reply-all:before { content: "\e00b"; }
|
||||||
|
.icons-forward:before { content: "\e00c"; }
|
||||||
|
.icons-user:before { content: "\e00d"; }
|
||||||
|
.icons-users:before { content: "\e00e"; }
|
||||||
|
.icons-user-add:before { content: "\e00f"; }
|
||||||
|
.icons-vcard:before { content: "\e010"; }
|
||||||
|
.icons-export:before { content: "\e011"; }
|
||||||
|
.icons-location:before { content: "\e012"; }
|
||||||
|
.icons-map:before { content: "\e013"; }
|
||||||
|
.icons-compass:before { content: "\e014"; }
|
||||||
|
.icons-location-2:before { content: "\e015"; }
|
||||||
|
.icons-target:before { content: "\e016"; }
|
||||||
|
.icons-share:before { content: "\e017"; }
|
||||||
|
.icons-sharable:before { content: "\e018"; }
|
||||||
|
.icons-heart:before { content: "\e019"; }
|
||||||
|
.icons-heart-2:before { content: "\e01a"; }
|
||||||
|
.icons-star:before { content: "\e01b"; }
|
||||||
|
.icons-star-2:before { content: "\e01c"; }
|
||||||
|
.icons-thumbs-up:before { content: "\e01d"; }
|
||||||
|
.icons-thumbs-down:before { content: "\e01e"; }
|
||||||
|
.icons-chat:before { content: "\e01f"; }
|
||||||
|
.icons-comment:before { content: "\e020"; }
|
||||||
|
.icons-quote:before { content: "\e021"; }
|
||||||
|
.icons-house:before { content: "\e022"; }
|
||||||
|
.icons-popup:before { content: "\e023"; }
|
||||||
|
.icons-search:before { content: "\e024"; }
|
||||||
|
.icons-flashlight:before { content: "\e025"; }
|
||||||
|
.icons-printer:before { content: "\e026"; }
|
||||||
|
.icons-bell:before { content: "\e027"; }
|
||||||
|
.icons-link:before { content: "\e028"; }
|
||||||
|
.icons-flag:before { content: "\e029"; }
|
||||||
|
.icons-cog:before { content: "\e02a"; }
|
||||||
|
.icons-tools:before { content: "\e02b"; }
|
||||||
|
.icons-trophy:before { content: "\e02c"; }
|
||||||
|
.icons-tag:before { content: "\e02d"; }
|
||||||
|
.icons-camera:before { content: "\e02e"; }
|
||||||
|
.icons-megaphone:before { content: "\e02f"; }
|
||||||
|
.icons-moon:before { content: "\e030"; }
|
||||||
|
.icons-palette:before { content: "\e031"; }
|
||||||
|
.icons-leaf:before { content: "\e032"; }
|
||||||
|
.icons-music:before { content: "\e033"; }
|
||||||
|
.icons-music-2:before { content: "\e034"; }
|
||||||
|
.icons-new:before { content: "\e035"; }
|
||||||
|
.icons-graduation:before { content: "\e036"; }
|
||||||
|
.icons-book:before { content: "\e037"; }
|
||||||
|
.icons-newspaper:before { content: "\e038"; }
|
||||||
|
.icons-bag:before { content: "\e039"; }
|
||||||
|
.icons-airplane:before { content: "\e03a"; }
|
||||||
|
.icons-lifebuoy:before { content: "\e03b"; }
|
||||||
|
.icons-eye:before { content: "\e03c"; }
|
||||||
|
.icons-clock:before { content: "\e03d"; }
|
||||||
|
.icons-microphone:before { content: "\e03e"; }
|
||||||
|
.icons-calendar:before { content: "\e03f"; }
|
||||||
|
.icons-bolt:before { content: "\e040"; }
|
||||||
|
.icons-thunder:before { content: "\e041"; }
|
||||||
|
.icons-droplet:before { content: "\e042"; }
|
||||||
|
.icons-cd:before { content: "\e043"; }
|
||||||
|
.icons-briefcase:before { content: "\e044"; }
|
||||||
|
.icons-air:before { content: "\e045"; }
|
||||||
|
.icons-hourglass:before { content: "\e046"; }
|
||||||
|
.icons-gauge:before { content: "\e047"; }
|
||||||
|
.icons-language:before { content: "\e048"; }
|
||||||
|
.icons-network:before { content: "\e049"; }
|
||||||
|
.icons-key:before { content: "\e04a"; }
|
||||||
|
.icons-battery:before { content: "\e04b"; }
|
||||||
|
.icons-bucket:before { content: "\e04c"; }
|
||||||
|
.icons-magnet:before { content: "\e04d"; }
|
||||||
|
.icons-drive:before { content: "\e04e"; }
|
||||||
|
.icons-cup:before { content: "\e04f"; }
|
||||||
|
.icons-rocket:before { content: "\e050"; }
|
||||||
|
.icons-brush:before { content: "\e051"; }
|
||||||
|
.icons-suitcase:before { content: "\e052"; }
|
||||||
|
.icons-cone:before { content: "\e053"; }
|
||||||
|
.icons-earth:before { content: "\e054"; }
|
||||||
|
.icons-keyboard:before { content: "\e055"; }
|
||||||
|
.icons-browser:before { content: "\e056"; }
|
||||||
|
.icons-publish:before { content: "\e057"; }
|
||||||
|
.icons-progress-3:before { content: "\e058"; }
|
||||||
|
.icons-progress-2:before { content: "\e059"; }
|
||||||
|
.icons-brogress-1:before { content: "\e05a"; }
|
||||||
|
.icons-progress-0:before { content: "\e05b"; }
|
||||||
|
.icons-sun:before { content: "\e05c"; }
|
||||||
|
.icons-sun-2:before { content: "\e05d"; }
|
||||||
|
.icons-adjust:before { content: "\e05e"; }
|
||||||
|
.icons-code:before { content: "\e05f"; }
|
||||||
|
.icons-screen:before { content: "\e060"; }
|
||||||
|
.icons-infinity:before { content: "\e061"; }
|
||||||
|
.icons-light-bulb:before { content: "\e062"; }
|
||||||
|
.icons-credit-card:before { content: "\e063"; }
|
||||||
|
.icons-database:before { content: "\e064"; }
|
||||||
|
.icons-voicemail:before { content: "\e065"; }
|
||||||
|
.icons-clipboard:before { content: "\e066"; }
|
||||||
|
.icons-cart:before { content: "\e067"; }
|
||||||
|
.icons-box:before { content: "\e068"; }
|
||||||
|
.icons-ticket:before { content: "\e069"; }
|
||||||
|
.icons-rss:before { content: "\e06a"; }
|
||||||
|
.icons-signal:before { content: "\e06b"; }
|
||||||
|
.icons-thermometer:before { content: "\e06c"; }
|
||||||
|
.icons-droplets:before { content: "\e06d"; }
|
||||||
|
.icons-untitled:before { content: "\e06e"; }
|
||||||
|
.icons-statistics:before { content: "\e06f"; }
|
||||||
|
.icons-pie:before { content: "\e070"; }
|
||||||
|
.icons-bars:before { content: "\e071"; }
|
||||||
|
.icons-graph:before { content: "\e072"; }
|
||||||
|
.icons-lock:before { content: "\e073"; }
|
||||||
|
.icons-lock-open:before { content: "\e074"; }
|
||||||
|
.icons-logout:before { content: "\e075"; }
|
||||||
|
.icons-login:before { content: "\e076"; }
|
||||||
|
.icons-checkmark:before { content: "\e077"; }
|
||||||
|
.icons-cross:before { content: "\e078"; }
|
||||||
|
.icons-minus:before { content: "\e079"; }
|
||||||
|
.icons-plus:before { content: "\e07a"; }
|
||||||
|
.icons-cross-2:before { content: "\e07b"; }
|
||||||
|
.icons-minus-2:before { content: "\e07c"; }
|
||||||
|
.icons-plus-2:before { content: "\e07d"; }
|
||||||
|
.icons-cross-3:before { content: "\e07e"; }
|
||||||
|
.icons-minus-3:before { content: "\e07f"; }
|
||||||
|
.icons-plus-3:before { content: "\e080"; }
|
||||||
|
.icons-erase:before { content: "\e081"; }
|
||||||
|
.icons-blocked:before { content: "\e082"; }
|
||||||
|
.icons-info:before { content: "\e083"; }
|
||||||
|
.icons-info-2:before { content: "\e084"; }
|
||||||
|
.icons-question:before { content: "\e085"; }
|
||||||
|
.icons-help:before { content: "\e086"; }
|
||||||
|
.icons-warning:before { content: "\e087"; }
|
||||||
|
.icons-cycle:before { content: "\e088"; }
|
||||||
|
.icons-cw:before { content: "\e089"; }
|
||||||
|
.icons-ccw:before { content: "\e08a"; }
|
||||||
|
.icons-shuffle:before { content: "\e08b"; }
|
||||||
|
.icons-arrow:before { content: "\e08c"; }
|
||||||
|
.icons-arrow-2:before { content: "\e08d"; }
|
||||||
|
.icons-retweet:before { content: "\e08e"; }
|
||||||
|
.icons-loop:before { content: "\e08f"; }
|
||||||
|
.icons-history:before { content: "\e090"; }
|
||||||
|
.icons-back:before { content: "\e091"; }
|
||||||
|
.icons-switch:before { content: "\e092"; }
|
||||||
|
.icons-list:before { content: "\e093"; }
|
||||||
|
.icons-add-to-list:before { content: "\e094"; }
|
||||||
|
.icons-layout:before { content: "\e095"; }
|
||||||
|
.icons-list-2:before { content: "\e096"; }
|
||||||
|
.icons-text:before { content: "\e097"; }
|
||||||
|
.icons-text-2:before { content: "\e098"; }
|
||||||
|
.icons-document:before { content: "\e099"; }
|
||||||
|
.icons-docs:before { content: "\e09a"; }
|
||||||
|
.icons-landscape:before { content: "\e09b"; }
|
||||||
|
.icons-pictures:before { content: "\e09c"; }
|
||||||
|
.icons-video:before { content: "\e09d"; }
|
||||||
|
.icons-music-3:before { content: "\e09e"; }
|
||||||
|
.icons-folder:before { content: "\e09f"; }
|
||||||
|
.icons-archive:before { content: "\e0a0"; }
|
||||||
|
.icons-trash:before { content: "\e0a1"; }
|
||||||
|
.icons-upload:before { content: "\e0a2"; }
|
||||||
|
.icons-download:before { content: "\e0a3"; }
|
||||||
|
.icons-disk:before { content: "\e0a4"; }
|
||||||
|
.icons-install:before { content: "\e0a5"; }
|
||||||
|
.icons-cloud:before { content: "\e0a6"; }
|
||||||
|
.icons-upload-2:before { content: "\e0a7"; }
|
||||||
|
.icons-bookmark:before { content: "\e0a8"; }
|
||||||
|
.icons-bookmarks:before { content: "\e0a9"; }
|
||||||
|
.icons-book-2:before { content: "\e0aa"; }
|
||||||
|
.icons-play:before { content: "\e0ab"; }
|
||||||
|
.icons-pause:before { content: "\e0ac"; }
|
||||||
|
.icons-record:before { content: "\e0ad"; }
|
||||||
|
.icons-stop:before { content: "\e0ae"; }
|
||||||
|
.icons-next:before { content: "\e0af"; }
|
||||||
|
.icons-previous:before { content: "\e0b0"; }
|
||||||
|
.icons-first:before { content: "\e0b1"; }
|
||||||
|
.icons-last:before { content: "\e0b2"; }
|
||||||
|
.icons-resize-enlarge:before { content: "\e0b3"; }
|
||||||
|
.icons-resize-shrink:before { content: "\e0b4"; }
|
||||||
|
.icons-volume:before { content: "\e0b5"; }
|
||||||
|
.icons-sound:before { content: "\e0b6"; }
|
||||||
|
.icons-mute:before { content: "\e0b7"; }
|
||||||
|
.icons-flow-cascade:before { content: "\e0b8"; }
|
||||||
|
.icons-flow-branch:before { content: "\e0b9"; }
|
||||||
|
.icons-flow-tree:before { content: "\e0ba"; }
|
||||||
|
.icons-flow-line:before { content: "\e0bb"; }
|
||||||
|
.icons-flow-parallel:before { content: "\e0bc"; }
|
||||||
|
.icons-arrow-left:before { content: "\e0bd"; }
|
||||||
|
.icons-arrow-down:before { content: "\e0be"; }
|
||||||
|
.icons-arrow-up--upload:before { content: "\e0bf"; }
|
||||||
|
.icons-arrow-right:before { content: "\e0c0"; }
|
||||||
|
.icons-arrow-left-2:before { content: "\e0c1"; }
|
||||||
|
.icons-arrow-down-2:before { content: "\e0c2"; }
|
||||||
|
.icons-arrow-up:before { content: "\e0c3"; }
|
||||||
|
.icons-arrow-right-2:before { content: "\e0c4"; }
|
||||||
|
.icons-arrow-left-3:before { content: "\e0c5"; }
|
||||||
|
.icons-arrow-down-3:before { content: "\e0c6"; }
|
||||||
|
.icons-arrow-up-2:before { content: "\e0c7"; }
|
||||||
|
.icons-arrow-right-3:before { content: "\e0c8"; }
|
||||||
|
.icons-arrow-left-4:before { content: "\e0c9"; }
|
||||||
|
.icons-arrow-down-4:before { content: "\e0ca"; }
|
||||||
|
.icons-arrow-up-3:before { content: "\e0cb"; }
|
||||||
|
.icons-arrow-right-4:before { content: "\e0cc"; }
|
||||||
|
.icons-arrow-left-5:before { content: "\e0cd"; }
|
||||||
|
.icons-arrow-down-5:before { content: "\e0ce"; }
|
||||||
|
.icons-arrow-up-4:before { content: "\e0cf"; }
|
||||||
|
.icons-arrow-right-5:before { content: "\e0d0"; }
|
||||||
|
.icons-arrow-left-6:before { content: "\e0d1"; }
|
||||||
|
.icons-arrow-down-6:before { content: "\e0d2"; }
|
||||||
|
.icons-arrow-up-5:before { content: "\e0d3"; }
|
||||||
|
.icons-arrow-right-6:before { content: "\e0d4"; }
|
||||||
|
.icons-arrow-left-7:before { content: "\e0d5"; }
|
||||||
|
.icons-arrow-down-7:before { content: "\e0d6"; }
|
||||||
|
.icons-arrow-up-6:before { content: "\e0d7"; }
|
||||||
|
.icons-untitled-2:before { content: "\e0d8"; }
|
||||||
|
.icons-arrow-left-8:before { content: "\e0d9"; }
|
||||||
|
.icons-arrow-down-8:before { content: "\e0da"; }
|
||||||
|
.icons-arrow-up-7:before { content: "\e0db"; }
|
||||||
|
.icons-arrow-right-7:before { content: "\e0dc"; }
|
||||||
|
.icons-menu:before { content: "\e0dd"; }
|
||||||
|
.icons-ellipsis:before { content: "\e0de"; }
|
||||||
|
.icons-dots:before { content: "\e0df"; }
|
||||||
|
.icons-dot:before { content: "\e0e0"; }
|
||||||
|
.icons-cc:before { content: "\e0e1"; }
|
||||||
|
.icons-cc-by:before { content: "\e0e2"; }
|
||||||
|
.icons-cc-nc:before { content: "\e0e3"; }
|
||||||
|
.icons-cc-nc-eu:before { content: "\e0e4"; }
|
||||||
|
.icons-cc-nc-jp:before { content: "\e0e5"; }
|
||||||
|
.icons-cc-sa:before { content: "\e0e6"; }
|
||||||
|
.icons-cc-nd:before { content: "\e0e7"; }
|
||||||
|
.icons-cc-pd:before { content: "\e0e8"; }
|
||||||
|
.icons-cc-zero:before { content: "\e0e9"; }
|
||||||
|
.icons-cc-share:before { content: "\e0ea"; }
|
||||||
|
.icons-cc-share-2:before { content: "\e0eb"; }
|
||||||
|
.icons-daniel-bruce:before { content: "\e0ec"; }
|
||||||
|
.icons-daniel-bruce-2:before { content: "\e0ed"; }
|
||||||
|
|
@ -0,0 +1,64 @@
|
||||||
|
/*! gridster.js - v0.1.0 - 2012-10-20
|
||||||
|
* http://gridster.net/
|
||||||
|
* Copyright (c) 2012 ducksboard; Licensed MIT */
|
||||||
|
|
||||||
|
.gridster {
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridster > * {
|
||||||
|
margin: 0 auto;
|
||||||
|
-webkit-transition: height .4s;
|
||||||
|
-moz-transition: height .4s;
|
||||||
|
-o-transition: height .4s;
|
||||||
|
-ms-transition: height .4s;
|
||||||
|
transition: height .4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridster .gs_w{
|
||||||
|
z-index: 2;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ready .gs_w:not(.preview-holder) {
|
||||||
|
-webkit-transition: opacity .3s, left .3s, top .3s;
|
||||||
|
-moz-transition: opacity .3s, left .3s, top .3s;
|
||||||
|
-o-transition: opacity .3s, left .3s, top .3s;
|
||||||
|
transition: opacity .3s, left .3s, top .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ready .gs_w:not(.preview-holder) {
|
||||||
|
-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
|
||||||
|
-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
|
||||||
|
-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
|
||||||
|
transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridster .preview-holder {
|
||||||
|
z-index: 1;
|
||||||
|
position: absolute;
|
||||||
|
background-color: #000;
|
||||||
|
border-color: #000;
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridster .player-revert {
|
||||||
|
z-index: 10!important;
|
||||||
|
-webkit-transition: left .3s, top .3s!important;
|
||||||
|
-moz-transition: left .3s, top .3s!important;
|
||||||
|
-o-transition: left .3s, top .3s!important;
|
||||||
|
transition: left .3s, top .3s!important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridster .dragging {
|
||||||
|
z-index: 10!important;
|
||||||
|
-webkit-transition: all 0s !important;
|
||||||
|
-moz-transition: all 0s !important;
|
||||||
|
-o-transition: all 0s !important;
|
||||||
|
transition: all 0s !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Uncomment this if you set helper : "clone" in draggable options */
|
||||||
|
/*.gridster .player {
|
||||||
|
opacity:0;
|
||||||
|
}*/
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,234 @@
|
||||||
|
#orbit-bar {
|
||||||
|
margin-bottom:0;
|
||||||
|
position:fixed;
|
||||||
|
width:100%;
|
||||||
|
z-index:99;
|
||||||
|
top:0;
|
||||||
|
left:0;
|
||||||
|
}
|
||||||
|
#orbit-bar .navbar-inner {
|
||||||
|
min-height:28px;
|
||||||
|
height:28px;
|
||||||
|
border:none;
|
||||||
|
-moz-border-radius:0px;
|
||||||
|
-webkit-border-radius:0px;
|
||||||
|
border-radius:0px;
|
||||||
|
padding-top:2px;
|
||||||
|
padding-bottom:1px;
|
||||||
|
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
|
||||||
|
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
|
||||||
|
box-shadow:0 1px 3px rgba(0,0,0,0.8),inset 0 1px 0 #7f95a5,0 -1px 0 #1f2024 inset;
|
||||||
|
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#545b60), to(#191a1c));
|
||||||
|
background-image:-webkit-linear-gradient(top, #545b60, #191a1c);
|
||||||
|
background-image:-moz-linear-gradient(top, #545b60, #191a1c);
|
||||||
|
background-image:-ms-linear-gradient(top, #545b60, #191a1c);
|
||||||
|
background-image:-o-linear-gradient(top, #545b60, #191a1c);
|
||||||
|
background-image:linear-gradient(top, #545b60, #191a1c);
|
||||||
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#545b60', endColorstr='#191a1c', GradientType=0);
|
||||||
|
}
|
||||||
|
#orbit-bar .navbar-search {
|
||||||
|
left:30px;
|
||||||
|
margin:0;
|
||||||
|
position:absolute;
|
||||||
|
text-align:right;
|
||||||
|
top:-1px;
|
||||||
|
z-index:0;
|
||||||
|
opacity:0;
|
||||||
|
-moz-opacity:0;
|
||||||
|
filter:alpha(opacity=0);
|
||||||
|
}
|
||||||
|
#orbit-bar .nav.pull-right {
|
||||||
|
margin-right:-20px;
|
||||||
|
}
|
||||||
|
#orbit-bar .search-query {
|
||||||
|
padding:7px 9px 5px;
|
||||||
|
height:12px;
|
||||||
|
margin-top:3px;
|
||||||
|
border:none;
|
||||||
|
line-height:14px;
|
||||||
|
border-radius:3px;
|
||||||
|
}
|
||||||
|
#orbit-bar .search-query:focus {
|
||||||
|
background-position:5px 2px;
|
||||||
|
}
|
||||||
|
#orbit-bar .container {
|
||||||
|
width:100%;
|
||||||
|
}
|
||||||
|
#orbit-bar .orbit-logo .brand {
|
||||||
|
background:url(<%= asset_path 'orbit-bar.png' %>) no-repeat -162px -5px;
|
||||||
|
text-indent:-9999px;
|
||||||
|
padding:5px 20px 4px;
|
||||||
|
}
|
||||||
|
#orbit-bar .orbit-logo .brand:hover {
|
||||||
|
background-color:#009ddc;
|
||||||
|
}
|
||||||
|
#orbit-bar .orbit-logo.open .brand {
|
||||||
|
background-color:#009ddc;
|
||||||
|
}
|
||||||
|
#orbit-bar .orbit-logo .dropdown-menu {
|
||||||
|
left:-15px;
|
||||||
|
}
|
||||||
|
#orbit-bar .dropdown-menu>li [class^="icon"],
|
||||||
|
#orbit-bar .dropdown-menu>li [class*=" icon"] {
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li {
|
||||||
|
height:28px;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a:hover {
|
||||||
|
background-color:#009ddc;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a {
|
||||||
|
background-repeat:no-repeat;
|
||||||
|
display:inline-block;
|
||||||
|
width:17px;
|
||||||
|
height:16px;
|
||||||
|
padding:6px 6px 6px 5px;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a[data-icon]:before {
|
||||||
|
font-size:1.5em;
|
||||||
|
color:#fff;
|
||||||
|
line-height:16px;
|
||||||
|
text-shadow:none;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li.search {
|
||||||
|
overflow:hidden;
|
||||||
|
width:28px;
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a.orbit-bar-home {
|
||||||
|
background-position:-10px -10px;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a.orbit-bar-desktop {
|
||||||
|
background-position:-106px -9px;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a.orbit-bar-member {
|
||||||
|
background-position:-4px -37px;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a.orbit-bar-member {
|
||||||
|
background-position:-10px -43px;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a.orbit-bar-language {
|
||||||
|
background-position:-42px -42px;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a.orbit-bar-search {
|
||||||
|
background-position:-75px -10px;
|
||||||
|
overflow:hidden;
|
||||||
|
position:absolute;
|
||||||
|
right:0;
|
||||||
|
z-index:1;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li.language.open>a.orbit-bar-language {
|
||||||
|
background-color:#009ddc;
|
||||||
|
}
|
||||||
|
.language-menu .active {
|
||||||
|
color:#ffffff;
|
||||||
|
text-decoration:none;
|
||||||
|
background-color:#0088cc;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a.orbit-bar-account {
|
||||||
|
background-image:none;
|
||||||
|
height:22px;
|
||||||
|
padding:3px;
|
||||||
|
text-indent:inherit;
|
||||||
|
min-width:110px;
|
||||||
|
width:auto !important;
|
||||||
|
text-align:left;
|
||||||
|
color:#FFFFFF;
|
||||||
|
text-shadow:none;
|
||||||
|
background-color:rgba(0,0,0,0.5);
|
||||||
|
}
|
||||||
|
#orbit-bar .nav>li>a.orbit-bar-account:hover {
|
||||||
|
background-color:#08C;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav span.member-name {
|
||||||
|
display:inline-block;
|
||||||
|
line-height:22px;
|
||||||
|
padding:0 10px;
|
||||||
|
vertical-align:top;
|
||||||
|
}
|
||||||
|
#orbit-bar .nav img.member-img {
|
||||||
|
display:inline-block;
|
||||||
|
max-width:24px;
|
||||||
|
margin-top:-2px;
|
||||||
|
}
|
||||||
|
#orbit-bar .clear {
|
||||||
|
clear:none;
|
||||||
|
}
|
||||||
|
#orbit-bar .account-menu {
|
||||||
|
right:5px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .open,#orbit-bar .open .orbit-bar-account {
|
||||||
|
background-color:#009DDC;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu {
|
||||||
|
padding:0 0 10px;
|
||||||
|
max-width:260px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log {
|
||||||
|
margin:10px 15px 0;
|
||||||
|
list-style:none outside none;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .title {
|
||||||
|
background:url(<%= asset_path 'sign-in-logo2.png' %>) no-repeat center center;
|
||||||
|
height:70px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log form {
|
||||||
|
margin:0 0 8px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log input {
|
||||||
|
display:inline-block;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .span2 {
|
||||||
|
width:182px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .forgot {
|
||||||
|
margin-bottom:20px;
|
||||||
|
padding:3px 0 0;
|
||||||
|
float:right;
|
||||||
|
display:inline-block;
|
||||||
|
color:#0088CC;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .input-prepend {
|
||||||
|
margin-top:20px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .remember {
|
||||||
|
margin-top:5px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .forgot:hover {
|
||||||
|
padding:3px 0 0;
|
||||||
|
float:right;
|
||||||
|
display:inline-block;
|
||||||
|
color:#005580;
|
||||||
|
text-decoration:underline;
|
||||||
|
background-color:transparent;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .btn {
|
||||||
|
width:220px;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .divider {
|
||||||
|
position:relative;
|
||||||
|
overflow:inherit;
|
||||||
|
margin:20px 0;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .log .divider span {
|
||||||
|
position:absolute;
|
||||||
|
width:20px;
|
||||||
|
height:20px;
|
||||||
|
background-color:#FFF;
|
||||||
|
color:#666;
|
||||||
|
top:-9px;
|
||||||
|
left:100px;
|
||||||
|
font-size:1.4em;
|
||||||
|
text-align:center;
|
||||||
|
}
|
||||||
|
#orbit-bar .bar-login .dropdown-menu .register {
|
||||||
|
color:#FFFFFF;
|
||||||
|
margin:0 15px;
|
||||||
|
width:188px;
|
||||||
|
}
|
||||||
|
#orbit-bar .add-on i {
|
||||||
|
font-size:12px;
|
||||||
|
}
|
||||||
Reference in New Issue