From 20705a550df5b13a544dc0865c6aef16e64c99d9 Mon Sep 17 00:00:00 2001 From: ShevAbam Date: Wed, 18 Jun 2014 10:11:11 +0200 Subject: + First commit (version 2.0) --- web/css/_src/_config.frontend.scss | 11 + web/css/_src/_config.libs.scss | 26 ++ web/css/_src/_mixins.scss | 36 ++ web/css/_src/frontend.scss | 241 ++++++++++++ web/css/_src/utilities.scss | 145 +++++++ web/css/config.rb | 13 + web/css/fonts/OpenSans-Light.ttf | Bin 0 -> 222412 bytes web/css/fonts/entypo.eot | Bin 0 -> 51944 bytes web/css/fonts/entypo.svg | 262 +++++++++++++ web/css/fonts/entypo.ttf | Bin 0 -> 51780 bytes web/css/fonts/entypo.woff | Bin 0 -> 51856 bytes web/css/frontend.css | 1 + web/css/libs/_classic-box.scss | 94 +++++ web/css/libs/_icons.entypo.scss | 770 +++++++++++++++++++++++++++++++++++++ web/css/libs/_labels.scss | 25 ++ web/css/utilities.css | 1 + 16 files changed, 1625 insertions(+) create mode 100644 web/css/_src/_config.frontend.scss create mode 100644 web/css/_src/_config.libs.scss create mode 100644 web/css/_src/_mixins.scss create mode 100644 web/css/_src/frontend.scss create mode 100644 web/css/_src/utilities.scss create mode 100644 web/css/config.rb create mode 100644 web/css/fonts/OpenSans-Light.ttf create mode 100644 web/css/fonts/entypo.eot create mode 100644 web/css/fonts/entypo.svg create mode 100644 web/css/fonts/entypo.ttf create mode 100644 web/css/fonts/entypo.woff create mode 100644 web/css/frontend.css create mode 100644 web/css/libs/_classic-box.scss create mode 100644 web/css/libs/_icons.entypo.scss create mode 100644 web/css/libs/_labels.scss create mode 100644 web/css/utilities.css (limited to 'web/css') diff --git a/web/css/_src/_config.frontend.scss b/web/css/_src/_config.frontend.scss new file mode 100644 index 0000000..4c9a5fb --- /dev/null +++ b/web/css/_src/_config.frontend.scss @@ -0,0 +1,11 @@ +@import "_mixins"; + +/* Navbar */ +$navbar-height: 60px; + +/* Layout */ +$layout-bg-color: #fff; + +/* Basic colors */ +$main-color: #99AEC4; +$text-color: #4D5157; diff --git a/web/css/_src/_config.libs.scss b/web/css/_src/_config.libs.scss new file mode 100644 index 0000000..df02c1c --- /dev/null +++ b/web/css/_src/_config.libs.scss @@ -0,0 +1,26 @@ +/* Buttons */ +$button-default-color: #c5c5c5; +$button-red: #ff0000; +$button-orange: #fe9c43; +$button-purple: #9a68c7; +$button-blue: #3ba9e4; +$button-green: #75b343; +$button-black: #4b4b4b; +$button-salmon: #F5AD9E; + +/* Labels */ +$label-default: #bfbfbf; +$label-success: #46a546; +$label-warning: #f89406; +$label-important: #c43c35; +$label-notice: #62cffc; +$label-border-radius: 3px; +$label-font-size: 10px; + +/* Classic box */ +$classic-box-color: darken(#99AEC4, 7%); +$classic-box-background: #fff; +$classic-box-border: lighten(#99AEC4, 16%); +$classic-box-header-height: 35px; +$classic-box-title-color: #fff; +$classic-box-title-fontsize: 14px; diff --git a/web/css/_src/_mixins.scss b/web/css/_src/_mixins.scss new file mode 100644 index 0000000..d547306 --- /dev/null +++ b/web/css/_src/_mixins.scss @@ -0,0 +1,36 @@ +@mixin debug($color: red) { + border: 1px solid $color; +} + +@mixin clearfix { + zoom:1; + &:before, &:after { + content: "\0020"; + display: block; + height: 0; + overflow: hidden; + } + &:after { + clear: both; + } +} + +@mixin letterpress($opacity) { + text-shadow: rgba(255, 255, 255, $opacity) 0 1px 0; +} + +@mixin hide-text { + font: 0/0 a; + text-shadow: none; + color: transparent; +} + +@mixin link-colors($normal, $hover: $normal, $visited: $normal) { + color: $normal; + &:hover, &:focus { + color: $hover; + } + &:visited { + color: $visited; + } +} diff --git a/web/css/_src/frontend.scss b/web/css/_src/frontend.scss new file mode 100644 index 0000000..341aa75 --- /dev/null +++ b/web/css/_src/frontend.scss @@ -0,0 +1,241 @@ +@charset "UTF-8"; +@import "compass"; +@import "_config.frontend"; + +html { + height: 100%; +} + +body { + font-size: 14px; + font-family: OpenSans-Light, Verdana, sans-serif, Arial; + margin: 0 auto; + color: $text-color; + background-color: $layout-bg-color; +} + +a { + color: $main-color; + + &:hover { + color: lighten($main-color, 5%); + text-decoration: none; + } +} + +::-moz-selection { + background-color: darken($main-color, 10%); + color: lighten($main-color, 30%); +} +::selection { + background-color: darken($main-color, 10%); + color: lighten($main-color, 30%); +} + +/* --------------------- */ +/* == NAVBAR */ +/* --------------------- */ + +nav[role="main"] { + position: fixed; + top: 0; + left: 0; + right: 0; + background-color: $main-color; + height: $navbar-height; + width: 100%; + padding-left: 5px; + color: #fff; + font-size: 16px; + text-align: center; + z-index: 2; + + #appname { + float: left; + width: 120px; + text-align: left; + + a { + color: #fff; + text-decoration: none; + + &:first-child { + font-size: 24px; + + span[class^="icon-"] { + font-size: 30px; + margin-right: 10px; + } + } + + &:last-child { + display: block; + font-size: 11px; + font-style: italic; + } + } + } + + #hostname { + float: left; + margin-left: 110px; + line-height: $navbar-height; + } + + #update { + float: left; + margin-left: 100px; + line-height: $navbar-height; + font-size: 13px; + + a { + color: #fff; + } + } + + > ul { + text-align: right; + list-style-type: none; + + > li { + display: inline-block; + + > a { + display: inline-block; + padding: (($navbar-height / 2) - 17px) 15px; + color: #fff; + text-decoration: none; + @include transition(background 300ms ease-in-out); + + &:hover { + background: lighten($main-color, 6%); + @include transition(background 300ms ease-in-out); + } + + > span[class^="icon-"] { + font-size: 30px; + } + } + } + } +} + + + +/* ------------------- */ +/* == MAIN */ +/* ------------------- */ + +#main-container { + overflow: auto; + margin-top: $navbar-height; + background-color: $layout-bg-color; + padding: 20px 25px; +} + + + +/* ---------------------- */ +/* == Listing */ +/* ---------------------- */ +ul.list { + margin-left: 20px; + list-style-type: none; + + li { + position: relative; + padding-left: 12px; + + &:before { + content: ''; + width: 5px; + height: 5px; + background-color: $main-color; + position: absolute; + left: 0; + top: 9px; + } + } +} + + + +/* --------------------- */ +/* == Tables */ +/* --------------------- */ +table:not(.no-style) { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + font-size: 13px; + + tr { + border-bottom: 1px solid #ebebeb; + border-top: 1px solid #fff; + } + thead tr { + border-top: none; + } + tbody tr:last-child { + border-bottom: none; + } + tbody tr:nth-child(odd) { + background: #f2f2f2; + } + tbody tr td, thead tr th { + padding: 6px 8px; + position: relative; + text-align: left; + } + tbody tr td:last-child, thead tr th:last-child { + border-right: none; + } + tbody tr td:first-child, thead tr th:first-child { + border-left: none; + } + thead { + color: #898989; + font-size: 13px; + font-weight: bold; + + tr th { + text-align: center; + } + } + tbody tr:hover { + background: lighten($main-color, 25%); + } +} + +table.firstBold tbody tr td:first-child { + font-weight: bold; + color: lighten($text-color, 20%); +} + + +/* --------------------------- */ +/* == Progress bar */ +/* --------------------------- */ + +.progressbar-wrap { + width: 100%; + background-color: rgba($main-color, 0.2); + + .progressbar { + text-indent: 5px; + + &.green { background-color: #7BCE6C; } + &.orange { background-color: #E3BB80; } + &.red { background-color: #CF6B6B; } + } +} + + +/* --------------------------- */ +/* == Load Average */ +/* --------------------------- */ +.box#esm-load_average { + h3 { + font-weight: normal; + } +} diff --git a/web/css/_src/utilities.scss b/web/css/_src/utilities.scss new file mode 100644 index 0000000..bf9fa5b --- /dev/null +++ b/web/css/_src/utilities.scss @@ -0,0 +1,145 @@ +@charset "UTF-8"; +@import "compass"; +@import "_config.libs"; + + +/* -------------------- */ +/* == Fonts */ +/* -------------------- */ + +@include font-face('OpenSans-Light', font-files('OpenSans-Light.ttf')); +@include font-face('Entypo', font-files('entypo.ttf', 'entypo.eot', 'entypo.svg', 'entypo.woff')); + +@import "../libs/_icons.entypo"; + +/* ------------------- */ +/* == Misc */ +/* ------------------- */ + +* { padding: 0; margin: 0; } +*:focus { outline: none; } + +*, *:before, *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.cls:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +img { border: 0; } + +.debug { border: 1px solid red; } + +.u { text-decoration: underline; } +.b { font-weight: bold; } +.i { font-style: italic; } +.r { text-decoration: line-through; } + +.text_left, .t-left { text-align: left; } +.text_right, .t-right { text-align: right !important; } +.text_center, .t-center { text-align: center; } + +.pfixed { position: fixed !important; } +.f-left { float: left; } +.f-right { float: right; } + +.column-left { + float: left; + width: 49%; +} +.column-right { + float: right; + width: 49%; +} +.column-33 { + width: 32%; +} +.column-66 { + width: 66%; +} + +.m-l-10 { margin-left: 10px; } +.m-r-10 { margin-right: 10px; } + + +/*pre { + background-color: #fafafa; + border: 1px solid #ccc; + padding: 5px; + color: #666; +}*/ + +.w15p { width: 15%; } +.w20p { width: 20%; } +.w35p { width: 35%; } +.w50p { width: 50%; } +.w100p { width: 100%; } + +.w30 { width: 30px; } +.w50 { width: 50px; } +.w60 { width: 60px; } +.w70 { width: 70px; } +.w75 { width: 75px; } +.w90 { width: 90px; } +.w100 { width: 100px; } +.w110 { width: 110px; } +.w120 { width: 120px; } +.w130 { width: 130px; } +.w150 { width: 150px; } +.w180 { width: 180px; } +.w200 { width: 200px; } +.w220 { width: 220px; } +.w250 { width: 250px; } +.w300 { width: 300px; } +.w350 { width: 350px; } +.w400 { width: 400px; } +.w450 { width: 450px; } +.w500 { width: 500px; } +.w600 { width: 600px; } +.w700 { width: 700px; } +.w800 { width: 800px; } +.w900 { width: 900px; } +.w1000 { width: 1000px; } + + +/* ------------------------ */ +/* == Scrollbar */ +/* ------------------------ */ +::-webkit-scrollbar-track { + box-shadow: inset 1px 0px 3px rgba(0,0,0,0.2); + background-color: #F5F5F5; +} +::-webkit-scrollbar-track:hover { + background-color: #EFEFEF; +} +::-webkit-scrollbar { + width: 8px; + background-color: #F5F5F5; +} +::-webkit-scrollbar-thumb { + background-color: #959595; +} +::-webkit-scrollbar-thumb:hover { + background-color: #6B6B6B; +} +::-webkit-scrollbar-thumb:active { + background-color: #555; +} + + +/* --------------------- */ +/* == Labels */ +/* --------------------- */ +@import "../libs/_labels"; + +/* -------------------------- */ +/* == Classic box */ +/* -------------------------- */ +@import "../libs/_classic-box"; diff --git a/web/css/config.rb b/web/css/config.rb new file mode 100644 index 0000000..155a738 --- /dev/null +++ b/web/css/config.rb @@ -0,0 +1,13 @@ +environment = :production + +output_style = (environment == :production) ? :compressed : :expanded + +http_path = "/" +css_dir = "." +sass_dir = "_src" +images_dir = "../images" +fonts_dir = "./fonts" +javascripts_dir = "../js" +relative_assets = true +line_comments = false +asset_cache_buster :none \ No newline at end of file diff --git a/web/css/fonts/OpenSans-Light.ttf b/web/css/fonts/OpenSans-Light.ttf new file mode 100644 index 0000000..0d38189 Binary files /dev/null and b/web/css/fonts/OpenSans-Light.ttf differ diff --git a/web/css/fonts/entypo.eot b/web/css/fonts/entypo.eot new file mode 100644 index 0000000..d5b61e3 Binary files /dev/null and b/web/css/fonts/entypo.eot differ diff --git a/web/css/fonts/entypo.svg b/web/css/fonts/entypo.svg new file mode 100644 index 0000000..87e0cac --- /dev/null +++ b/web/css/fonts/entypo.svg @@ -0,0 +1,262 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/web/css/fonts/entypo.ttf b/web/css/fonts/entypo.ttf new file mode 100644 index 0000000..b48bcd6 Binary files /dev/null and b/web/css/fonts/entypo.ttf differ diff --git a/web/css/fonts/entypo.woff b/web/css/fonts/entypo.woff new file mode 100644 index 0000000..62ecd3b Binary files /dev/null and b/web/css/fonts/entypo.woff differ diff --git a/web/css/frontend.css b/web/css/frontend.css new file mode 100644 index 0000000..09f5cd1 --- /dev/null +++ b/web/css/frontend.css @@ -0,0 +1 @@ +html{height:100%}body{font-size:14px;font-family:OpenSans-Light, Verdana, sans-serif, Arial;margin:0 auto;color:#4d5157;background-color:#fff}a{color:#99aec4}a:hover{color:#a9bbcd;text-decoration:none}::-moz-selection{background-color:#7994b1;color:#fafbfc}::selection{background-color:#7994b1;color:#fafbfc}nav[role="main"]{position:fixed;top:0;left:0;right:0;background-color:#99aec4;height:60px;width:100%;padding-left:5px;color:#fff;font-size:16px;text-align:center;z-index:2}nav[role="main"] #appname{float:left;width:120px;text-align:left}nav[role="main"] #appname a{color:#fff;text-decoration:none}nav[role="main"] #appname a:first-child{font-size:24px}nav[role="main"] #appname a:first-child span[class^="icon-"]{font-size:30px;margin-right:10px}nav[role="main"] #appname a:last-child{display:block;font-size:11px;font-style:italic}nav[role="main"] #hostname{float:left;margin-left:110px;line-height:60px}nav[role="main"] #update{float:left;margin-left:100px;line-height:60px;font-size:13px}nav[role="main"] #update a{color:#fff}nav[role="main"]>ul{text-align:right;list-style-type:none}nav[role="main"]>ul>li{display:inline-block}nav[role="main"]>ul>li>a{display:inline-block;padding:13px 15px;color:#fff;text-decoration:none;-webkit-transition:background 300ms ease-in-out;-moz-transition:background 300ms ease-in-out;-o-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out}nav[role="main"]>ul>li>a:hover{background:#acbdcf;-webkit-transition:background 300ms ease-in-out;-moz-transition:background 300ms ease-in-out;-o-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out}nav[role="main"]>ul>li>a>span[class^="icon-"]{font-size:30px}#main-container{overflow:auto;margin-top:60px;background-color:#fff;padding:20px 25px}ul.list{margin-left:20px;list-style-type:none}ul.list li{position:relative;padding-left:12px}ul.list li:before{content:'';width:5px;height:5px;background-color:#99aec4;position:absolute;left:0;top:9px}table:not(.no-style){width:100%;border-collapse:collapse;border-spacing:0;font-size:13px}table:not(.no-style) tr{border-bottom:1px solid #ebebeb;border-top:1px solid #fff}table:not(.no-style) thead tr{border-top:none}table:not(.no-style) tbody tr:last-child{border-bottom:none}table:not(.no-style) tbody tr:nth-child(odd){background:#f2f2f2}table:not(.no-style) tbody tr td,table:not(.no-style) thead tr th{padding:6px 8px;position:relative;text-align:left}table:not(.no-style) tbody tr td:last-child,table:not(.no-style) thead tr th:last-child{border-right:none}table:not(.no-style) tbody tr td:first-child,table:not(.no-style) thead tr th:first-child{border-left:none}table:not(.no-style) thead{color:#898989;font-size:13px;font-weight:bold}table:not(.no-style) thead tr th{text-align:center}table:not(.no-style) tbody tr:hover{background:#eaeef3}table.firstBold tbody tr td:first-child{font-weight:bold;color:#7e848c}.progressbar-wrap{width:100%;background-color:rgba(153,174,196,0.2)}.progressbar-wrap .progressbar{text-indent:5px}.progressbar-wrap .progressbar.green{background-color:#7BCE6C}.progressbar-wrap .progressbar.orange{background-color:#E3BB80}.progressbar-wrap .progressbar.red{background-color:#CF6B6B}.box#esm-load_average h3{font-weight:normal} diff --git a/web/css/libs/_classic-box.scss b/web/css/libs/_classic-box.scss new file mode 100644 index 0000000..bbc886d --- /dev/null +++ b/web/css/libs/_classic-box.scss @@ -0,0 +1,94 @@ +@import "compass"; + +.box { + background: $classic-box-background; + box-shadow: 3px 3px 0 rgba($classic-box-border, .6); + margin-bottom: 15px; + border: 1px solid $classic-box-border; + padding: 2px; + + .box-header { + background-color: $classic-box-color; + height: $classic-box-header-height; + + h1 { + color: $classic-box-title-color; + float: left; + font-size: $classic-box-title-fontsize; + font-weight: bold; + line-height: $classic-box-header-height - 2px; + padding-left: 10px; + text-transform: uppercase; + /*text-shadow: rgba(0, 0, 0, 1) 0 1px 0;*/ + + &:first-letter { + font-size: $classic-box-title-fontsize + 6px; + } + } + ul { + float: right; + list-style-type: none; + + li { + display: inline; + margin-left: -3px; + + a { + color: lighten($classic-box-title-color, 10%); + font-size: $classic-box-title-fontsize + 6px; + line-height: $classic-box-header-height; + padding: 4px 10px; + + text-decoration: none; + + &:hover:not(.disabled) { + background: lighten($classic-box-color, 20%); + color: $classic-box-color !important; + } + + &.disabled { + opacity: .4; + + &:hover { + cursor: default; + } + } + } + + &:first-child { + margin-left: 0; + } + &:last-child a { + border-right: none; + } + &.active a { + background: #fafafa; + cursor: default; + } + } + } + } + + .box-content { + padding: 6px; + + table a { + text-decoration: none; + color: $classic-box-color; + + &:hover { + color: lighten($classic-box-color, 20%); + } + } + } + + .box-footer { + background: #e8e8e8; + padding: 7px; + + span[class^="icon-"] { + font-size: 14px; + margin-right: 5px; + } + } +} \ No newline at end of file diff --git a/web/css/libs/_icons.entypo.scss b/web/css/libs/_icons.entypo.scss new file mode 100644 index 0000000..1c52c17 --- /dev/null +++ b/web/css/libs/_icons.entypo.scss @@ -0,0 +1,770 @@ +[class*="icon-"] { + font-family: 'Entypo'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-phone:before { + content: "\e600"; +} +.icon-mobile:before { + content: "\e601"; +} +.icon-mouse:before { + content: "\e602"; +} +.icon-directions:before { + content: "\e603"; +} +.icon-mail:before { + content: "\e604"; +} +.icon-paperplane:before { + content: "\e605"; +} +.icon-pencil:before { + content: "\e606"; +} +.icon-paperclip:before { + content: "\e608"; +} +.icon-drawer:before { + content: "\e609"; +} +.icon-reply:before { + content: "\e60a"; +} +.icon-reply-all:before { + content: "\e60b"; +} +.icon-forward:before { + content: "\e60c"; +} +.icon-user:before { + content: "\e60d"; +} +.icon-users:before { + content: "\e60e"; +} +.icon-user-add:before { + content: "\e60f"; +} +.icon-vcard:before { + content: "\e610"; +} +.icon-export:before { + content: "\e611"; +} +.icon-location:before { + content: "\e612"; +} +.icon-map:before { + content: "\e613"; +} +.icon-compass:before { + content: "\e614"; +} +.icon-location2:before { + content: "\e615"; +} +.icon-target:before { + content: "\e616"; +} +.icon-share:before { + content: "\e617"; +} +.icon-sharable:before { + content: "\e618"; +} +.icon-heart:before { + content: "\e619"; +} +.icon-heart2:before { + content: "\e61a"; +} +.icon-star:before { + content: "\e61b"; +} +.icon-star2:before { + content: "\e61c"; +} +.icon-thumbs-up:before { + content: "\e61d"; +} +.icon-thumbs-down:before { + content: "\e61e"; +} +.icon-chat:before { + content: "\e61f"; +} +.icon-comment:before { + content: "\e620"; +} +.icon-quote:before { + content: "\e621"; +} +.icon-house:before { + content: "\e622"; +} +.icon-popup:before { + content: "\e623"; +} +.icon-search:before { + content: "\e624"; +} +.icon-flashlight:before { + content: "\e625"; +} +.icon-printer:before { + content: "\e626"; +} +.icon-bell:before { + content: "\e627"; +} +.icon-link:before { + content: "\e628"; +} +.icon-flag:before { + content: "\e629"; +} +.icon-cog:before { + content: "\e62a"; +} +.icon-tools:before { + content: "\e62b"; +} +.icon-trophy:before { + content: "\e62c"; +} +.icon-tag:before { + content: "\e62d"; +} +.icon-camera:before { + content: "\e62e"; +} +.icon-megaphone:before { + content: "\e62f"; +} +.icon-palette:before { + content: "\e631"; +} +.icon-music:before { + content: "\e633"; +} +.icon-music2:before { + content: "\e634"; +} +.icon-new:before { + content: "\e635"; +} +.icon-graduation:before { + content: "\e636"; +} +.icon-book:before { + content: "\e637"; +} +.icon-newspaper:before { + content: "\e638"; +} +.icon-bag:before { + content: "\e639"; +} +.icon-airplane:before { + content: "\e63a"; +} +.icon-lifebuoy:before { + content: "\e63b"; +} +.icon-eye:before { + content: "\e63c"; +} +.icon-clock:before { + content: "\e63d"; +} +.icon-microphone:before { + content: "\e63e"; +} +.icon-calendar:before { + content: "\e63f"; +} +.icon-bolt:before { + content: "\e640"; +} +.icon-thunder:before { + content: "\e641"; +} +.icon-droplet:before { + content: "\e642"; +} +.icon-briefcase:before { + content: "\e644"; +} +.icon-air:before { + content: "\e645"; +} +.icon-hourglass:before { + content: "\e646"; +} +.icon-gauge:before { + content: "\e647"; +} +.icon-network:before { + content: "\e649"; +} +.icon-key:before { + content: "\e64a"; +} +.icon-battery:before { + content: "\e64b"; +} +.icon-bucket:before { + content: "\e64c"; +} +.icon-magnet:before { + content: "\e64d"; +} +.icon-drive:before { + content: "\e64e"; +} +.icon-cup:before { + content: "\e64f"; +} +.icon-rocket:before { + content: "\e650"; +} +.icon-brush:before { + content: "\e651"; +} +.icon-suitcase:before { + content: "\e652"; +} +.icon-cone:before { + content: "\e653"; +} +.icon-earth:before { + content: "\e654"; +} +.icon-keyboard:before { + content: "\e655"; +} +.icon-browser:before { + content: "\e656"; +} +.icon-publish:before { + content: "\e657"; +} +.icon-progress-3:before { + content: "\e658"; +} +.icon-progress-2:before { + content: "\e659"; +} +.icon-brogress-1:before { + content: "\e65a"; +} +.icon-progress-0:before { + content: "\e65b"; +} +.icon-sun:before { + content: "\e65d"; +} +.icon-code:before { + content: "\e65f"; +} +.icon-screen:before { + content: "\e660"; +} +.icon-infinity:before { + content: "\e661"; +} +.icon-light-bulb:before { + content: "\e662"; +} +.icon-credit-card:before { + content: "\e663"; +} +.icon-database:before { + content: "\e664"; +} +.icon-clipboard:before { + content: "\e666"; +} +.icon-cart:before { + content: "\e667"; +} +.icon-box:before { + content: "\e668"; +} +.icon-ticket:before { + content: "\e669"; +} +.icon-rss:before { + content: "\e66a"; +} +.icon-signal:before { + content: "\e66b"; +} +.icon-thermometer:before { + content: "\e66c"; +} +.icon-droplets:before { + content: "\e66d"; +} +.icon-uniE66E:before { + content: "\e66e"; +} +.icon-statistics:before { + content: "\e66f"; +} +.icon-pie:before { + content: "\e670"; +} +.icon-bars:before { + content: "\e671"; +} +.icon-graph:before { + content: "\e672"; +} +.icon-lock:before { + content: "\e673"; +} +.icon-lock-open:before { + content: "\e674"; +} +.icon-logout:before { + content: "\e675"; +} +.icon-login:before { + content: "\e676"; +} +.icon-checkmark:before { + content: "\e677"; +} +.icon-cross:before { + content: "\e678"; +} +.icon-minus:before { + content: "\e679"; +} +.icon-plus:before { + content: "\e67a"; +} +.icon-cross2:before { + content: "\e67b"; +} +.icon-minus2:before { + content: "\e67c"; +} +.icon-plus2:before { + content: "\e67d"; +} +.icon-cross3:before { + content: "\e67e"; +} +.icon-minus3:before { + content: "\e67f"; +} +.icon-plus3:before { + content: "\e680"; +} +.icon-erase:before { + content: "\e681"; +} +.icon-blocked:before { + content: "\e682"; +} +.icon-info:before { + content: "\e683"; +} +.icon-info2:before { + content: "\e684"; +} +.icon-question:before { + content: "\e685"; +} +.icon-help:before { + content: "\e686"; +} +.icon-warning:before { + content: "\e687"; +} +.icon-cycle:before { + content: "\e688"; +} +.icon-cw:before { + content: "\e689"; +} +.icon-ccw:before { + content: "\e68a"; +} +.icon-shuffle:before { + content: "\e68b"; +} +.icon-arrow:before { + content: "\e68c"; +} +.icon-arrow2:before { + content: "\e68d"; +} +.icon-retweet:before { + content: "\e68e"; +} +.icon-loop:before { + content: "\e68f"; +} +.icon-history:before { + content: "\e690"; +} +.icon-back:before { + content: "\e691"; +} +.icon-switch:before { + content: "\e692"; +} +.icon-list:before { + content: "\e693"; +} +.icon-add-to-list:before { + content: "\e694"; +} +.icon-layout:before { + content: "\e695"; +} +.icon-list2:before { + content: "\e696"; +} +.icon-text:before { + content: "\e697"; +} +.icon-text2:before { + content: "\e698"; +} +.icon-document:before { + content: "\e699"; +} +.icon-docs:before { + content: "\e69a"; +} +.icon-landscape:before { + content: "\e69b"; +} +.icon-pictures:before { + content: "\e69c"; +} +.icon-video:before { + content: "\e69d"; +} +.icon-music3:before { + content: "\e69e"; +} +.icon-folder:before { + content: "\e69f"; +} +.icon-archive:before { + content: "\e6a0"; +} +.icon-trash:before { + content: "\e6a1"; +} +.icon-upload:before { + content: "\e6a2"; +} +.icon-download:before { + content: "\e6a3"; +} +.icon-disk:before { + content: "\e6a4"; +} +.icon-install:before { + content: "\e6a5"; +} +.icon-cloud:before { + content: "\e6a6"; +} +.icon-upload2:before { + content: "\e6a7"; +} +.icon-bookmark:before { + content: "\e6a8"; +} +.icon-bookmarks:before { + content: "\e6a9"; +} +.icon-book2:before { + content: "\e6aa"; +} +.icon-play:before { + content: "\e6ab"; +} +.icon-pause:before { + content: "\e6ac"; +} +.icon-record:before { + content: "\e6ad"; +} +.icon-stop:before { + content: "\e6ae"; +} +.icon-next:before { + content: "\e6af"; +} +.icon-previous:before { + content: "\e6b0"; +} +.icon-first:before { + content: "\e6b1"; +} +.icon-last:before { + content: "\e6b2"; +} +.icon-resize-enlarge:before { + content: "\e6b3"; +} +.icon-resize-shrink:before { + content: "\e6b4"; +} +.icon-volume:before { + content: "\e6b5"; +} +.icon-sound:before { + content: "\e6b6"; +} +.icon-mute:before { + content: "\e6b7"; +} +.icon-flow-cascade:before { + content: "\e6b8"; +} +.icon-flow-branch:before { + content: "\e6b9"; +} +.icon-flow-tree:before { + content: "\e6ba"; +} +.icon-flow-line:before { + content: "\e6bb"; +} +.icon-flow-parallel:before { + content: "\e6bc"; +} +.icon-arrow-left:before { + content: "\e6bd"; +} +.icon-arrow-down:before { + content: "\e6be"; +} +.icon-arrow-up--upload:before { + content: "\e6bf"; +} +.icon-arrow-right:before { + content: "\e6c0"; +} +.icon-arrow-left2:before { + content: "\e6c1"; +} +.icon-arrow-down2:before { + content: "\e6c2"; +} +.icon-arrow-up:before { + content: "\e6c3"; +} +.icon-arrow-right2:before { + content: "\e6c4"; +} +.icon-arrow-left3:before { + content: "\e6c5"; +} +.icon-arrow-down3:before { + content: "\e6c6"; +} +.icon-arrow-up2:before { + content: "\e6c7"; +} +.icon-arrow-right3:before { + content: "\e6c8"; +} +.icon-arrow-left4:before { + content: "\e6c9"; +} +.icon-arrow-down4:before { + content: "\e6ca"; +} +.icon-arrow-up3:before { + content: "\e6cb"; +} +.icon-arrow-right4:before { + content: "\e6cc"; +} +.icon-arrow-left5:before { + content: "\e6cd"; +} +.icon-arrow-down5:before { + content: "\e6ce"; +} +.icon-arrow-up4:before { + content: "\e6cf"; +} +.icon-arrow-right5:before { + content: "\e6d0"; +} +.icon-arrow-left6:before { + content: "\e6d1"; +} +.icon-arrow-down6:before { + content: "\e6d2"; +} +.icon-arrow-up5:before { + content: "\e6d3"; +} +.icon-arrow-right6:before { + content: "\e6d4"; +} +.icon-arrow-left7:before { + content: "\e6d5"; +} +.icon-arrow-down7:before { + content: "\e6d6"; +} +.icon-arrow-up6:before { + content: "\e6d7"; +} +.icon-uniE6D8:before { + content: "\e6d8"; +} +.icon-arrow-left8:before { + content: "\e6d9"; +} +.icon-arrow-down8:before { + content: "\e6da"; +} +.icon-arrow-up7:before { + content: "\e6db"; +} +.icon-arrow-right7:before { + content: "\e6dc"; +} +.icon-menu:before { + content: "\e6dd"; +} +.icon-ellipsis:before { + content: "\e6de"; +} +.icon-dots:before { + content: "\e6df"; +} +.icon-dot:before { + content: "\e6e0"; +} +.icon-daniel-bruce2:before { + content: "\e6ed"; +} +.icon-github:before { + content: "\e6ee"; +} +.icon-github2:before { + content: "\e6ef"; +} +.icon-flickr:before { + content: "\e6f0"; +} +.icon-flickr2:before { + content: "\e6f1"; +} +.icon-vimeo:before { + content: "\e6f2"; +} +.icon-vimeo2:before { + content: "\e6f3"; +} +.icon-twitter:before { + content: "\e6f4"; +} +.icon-twitter2:before { + content: "\e6f5"; +} +.icon-facebook:before { + content: "\e6f6"; +} +.icon-facebook2:before { + content: "\e6f7"; +} +.icon-facebook3:before { + content: "\e6f8"; +} +.icon-googleplus:before { + content: "\e6f9"; +} +.icon-googleplus2:before { + content: "\e6fa"; +} +.icon-pinterest:before { + content: "\e6fb"; +} +.icon-pinterest2:before { + content: "\e6fc"; +} +.icon-tumblr:before { + content: "\e6fd"; +} +.icon-tumblr2:before { + content: "\e6fe"; +} +.icon-linkedin:before { + content: "\e6ff"; +} +.icon-linkedin2:before { + content: "\e700"; +} +.icon-dribbble:before { + content: "\e701"; +} +.icon-dribbble2:before { + content: "\e702"; +} +.icon-stumbleupon:before { + content: "\e703"; +} +.icon-stumbleupon2:before { + content: "\e704"; +} +.icon-spotify:before { + content: "\e709"; +} +.icon-spotify2:before { + content: "\e70a"; +} +.icon-instagram:before { + content: "\e70c"; +} +.icon-dropbox:before { + content: "\e70d"; +} +.icon-evernote:before { + content: "\e70e"; +} +.icon-flattr:before { + content: "\e70f"; +} +.icon-skype:before { + content: "\e710"; +} +.icon-skype2:before { + content: "\e711"; +} +.icon-paypal:before { + content: "\e714"; +} +.icon-picasa:before { + content: "\e715"; +} +.icon-circles:before { + content: "\e719"; +} diff --git a/web/css/libs/_labels.scss b/web/css/libs/_labels.scss new file mode 100644 index 0000000..726cb7e --- /dev/null +++ b/web/css/libs/_labels.scss @@ -0,0 +1,25 @@ +@import "compass"; + +span.label { + padding: 1px 3px 2px; + font-size: $label-font-size; + font-weight: bold; + color: #fff; + text-transform: uppercase; + white-space: nowrap; + background-color: $label-default; + @include border-radius($label-border-radius); + + &.success { + background-color: $label-success; + } + &.warning { + background-color: $label-warning; + } + &.important, &.error { + background-color: $label-important; + } + &.notice { + background-color: $label-notice; + } +} \ No newline at end of file diff --git a/web/css/utilities.css b/web/css/utilities.css new file mode 100644 index 0000000..fe97c22 --- /dev/null +++ b/web/css/utilities.css @@ -0,0 +1 @@ +@font-face{font-family:"OpenSans-Light";src:url('fonts/OpenSans-Light.ttf') format('truetype')}@font-face{font-family:"Entypo";src:url('fonts/entypo.ttf') format('truetype'), url('fonts/entypo.eot') format('embedded-opentype'), url('fonts/entypo.svg') format('svg'), url('fonts/entypo.woff') format('woff')}[class*="icon-"]{font-family:'Entypo';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-phone:before{content:"\e600"}.icon-mobile:before{content:"\e601"}.icon-mouse:before{content:"\e602"}.icon-directions:before{content:"\e603"}.icon-mail:before{content:"\e604"}.icon-paperplane:before{content:"\e605"}.icon-pencil:before{content:"\e606"}.icon-paperclip:before{content:"\e608"}.icon-drawer:before{content:"\e609"}.icon-reply:before{content:"\e60a"}.icon-reply-all:before{content:"\e60b"}.icon-forward:before{content:"\e60c"}.icon-user:before{content:"\e60d"}.icon-users:before{content:"\e60e"}.icon-user-add:before{content:"\e60f"}.icon-vcard:before{content:"\e610"}.icon-export:before{content:"\e611"}.icon-location:before{content:"\e612"}.icon-map:before{content:"\e613"}.icon-compass:before{content:"\e614"}.icon-location2:before{content:"\e615"}.icon-target:before{content:"\e616"}.icon-share:before{content:"\e617"}.icon-sharable:before{content:"\e618"}.icon-heart:before{content:"\e619"}.icon-heart2:before{content:"\e61a"}.icon-star:before{content:"\e61b"}.icon-star2:before{content:"\e61c"}.icon-thumbs-up:before{content:"\e61d"}.icon-thumbs-down:before{content:"\e61e"}.icon-chat:before{content:"\e61f"}.icon-comment:before{content:"\e620"}.icon-quote:before{content:"\e621"}.icon-house:before{content:"\e622"}.icon-popup:before{content:"\e623"}.icon-search:before{content:"\e624"}.icon-flashlight:before{content:"\e625"}.icon-printer:before{content:"\e626"}.icon-bell:before{content:"\e627"}.icon-link:before{content:"\e628"}.icon-flag:before{content:"\e629"}.icon-cog:before{content:"\e62a"}.icon-tools:before{content:"\e62b"}.icon-trophy:before{content:"\e62c"}.icon-tag:before{content:"\e62d"}.icon-camera:before{content:"\e62e"}.icon-megaphone:before{content:"\e62f"}.icon-palette:before{content:"\e631"}.icon-music:before{content:"\e633"}.icon-music2:before{content:"\e634"}.icon-new:before{content:"\e635"}.icon-graduation:before{content:"\e636"}.icon-book:before{content:"\e637"}.icon-newspaper:before{content:"\e638"}.icon-bag:before{content:"\e639"}.icon-airplane:before{content:"\e63a"}.icon-lifebuoy:before{content:"\e63b"}.icon-eye:before{content:"\e63c"}.icon-clock:before{content:"\e63d"}.icon-microphone:before{content:"\e63e"}.icon-calendar:before{content:"\e63f"}.icon-bolt:before{content:"\e640"}.icon-thunder:before{content:"\e641"}.icon-droplet:before{content:"\e642"}.icon-briefcase:before{content:"\e644"}.icon-air:before{content:"\e645"}.icon-hourglass:before{content:"\e646"}.icon-gauge:before{content:"\e647"}.icon-network:before{content:"\e649"}.icon-key:before{content:"\e64a"}.icon-battery:before{content:"\e64b"}.icon-bucket:before{content:"\e64c"}.icon-magnet:before{content:"\e64d"}.icon-drive:before{content:"\e64e"}.icon-cup:before{content:"\e64f"}.icon-rocket:before{content:"\e650"}.icon-brush:before{content:"\e651"}.icon-suitcase:before{content:"\e652"}.icon-cone:before{content:"\e653"}.icon-earth:before{content:"\e654"}.icon-keyboard:before{content:"\e655"}.icon-browser:before{content:"\e656"}.icon-publish:before{content:"\e657"}.icon-progress-3:before{content:"\e658"}.icon-progress-2:before{content:"\e659"}.icon-brogress-1:before{content:"\e65a"}.icon-progress-0:before{content:"\e65b"}.icon-sun:before{content:"\e65d"}.icon-code:before{content:"\e65f"}.icon-screen:before{content:"\e660"}.icon-infinity:before{content:"\e661"}.icon-light-bulb:before{content:"\e662"}.icon-credit-card:before{content:"\e663"}.icon-database:before{content:"\e664"}.icon-clipboard:before{content:"\e666"}.icon-cart:before{content:"\e667"}.icon-box:before{content:"\e668"}.icon-ticket:before{content:"\e669"}.icon-rss:before{content:"\e66a"}.icon-signal:before{content:"\e66b"}.icon-thermometer:before{content:"\e66c"}.icon-droplets:before{content:"\e66d"}.icon-uniE66E:before{content:"\e66e"}.icon-statistics:before{content:"\e66f"}.icon-pie:before{content:"\e670"}.icon-bars:before{content:"\e671"}.icon-graph:before{content:"\e672"}.icon-lock:before{content:"\e673"}.icon-lock-open:before{content:"\e674"}.icon-logout:before{content:"\e675"}.icon-login:before{content:"\e676"}.icon-checkmark:before{content:"\e677"}.icon-cross:before{content:"\e678"}.icon-minus:before{content:"\e679"}.icon-plus:before{content:"\e67a"}.icon-cross2:before{content:"\e67b"}.icon-minus2:before{content:"\e67c"}.icon-plus2:before{content:"\e67d"}.icon-cross3:before{content:"\e67e"}.icon-minus3:before{content:"\e67f"}.icon-plus3:before{content:"\e680"}.icon-erase:before{content:"\e681"}.icon-blocked:before{content:"\e682"}.icon-info:before{content:"\e683"}.icon-info2:before{content:"\e684"}.icon-question:before{content:"\e685"}.icon-help:before{content:"\e686"}.icon-warning:before{content:"\e687"}.icon-cycle:before{content:"\e688"}.icon-cw:before{content:"\e689"}.icon-ccw:before{content:"\e68a"}.icon-shuffle:before{content:"\e68b"}.icon-arrow:before{content:"\e68c"}.icon-arrow2:before{content:"\e68d"}.icon-retweet:before{content:"\e68e"}.icon-loop:before{content:"\e68f"}.icon-history:before{content:"\e690"}.icon-back:before{content:"\e691"}.icon-switch:before{content:"\e692"}.icon-list:before{content:"\e693"}.icon-add-to-list:before{content:"\e694"}.icon-layout:before{content:"\e695"}.icon-list2:before{content:"\e696"}.icon-text:before{content:"\e697"}.icon-text2:before{content:"\e698"}.icon-document:before{content:"\e699"}.icon-docs:before{content:"\e69a"}.icon-landscape:before{content:"\e69b"}.icon-pictures:before{content:"\e69c"}.icon-video:before{content:"\e69d"}.icon-music3:before{content:"\e69e"}.icon-folder:before{content:"\e69f"}.icon-archive:before{content:"\e6a0"}.icon-trash:before{content:"\e6a1"}.icon-upload:before{content:"\e6a2"}.icon-download:before{content:"\e6a3"}.icon-disk:before{content:"\e6a4"}.icon-install:before{content:"\e6a5"}.icon-cloud:before{content:"\e6a6"}.icon-upload2:before{content:"\e6a7"}.icon-bookmark:before{content:"\e6a8"}.icon-bookmarks:before{content:"\e6a9"}.icon-book2:before{content:"\e6aa"}.icon-play:before{content:"\e6ab"}.icon-pause:before{content:"\e6ac"}.icon-record:before{content:"\e6ad"}.icon-stop:before{content:"\e6ae"}.icon-next:before{content:"\e6af"}.icon-previous:before{content:"\e6b0"}.icon-first:before{content:"\e6b1"}.icon-last:before{content:"\e6b2"}.icon-resize-enlarge:before{content:"\e6b3"}.icon-resize-shrink:before{content:"\e6b4"}.icon-volume:before{content:"\e6b5"}.icon-sound:before{content:"\e6b6"}.icon-mute:before{content:"\e6b7"}.icon-flow-cascade:before{content:"\e6b8"}.icon-flow-branch:before{content:"\e6b9"}.icon-flow-tree:before{content:"\e6ba"}.icon-flow-line:before{content:"\e6bb"}.icon-flow-parallel:before{content:"\e6bc"}.icon-arrow-left:before{content:"\e6bd"}.icon-arrow-down:before{content:"\e6be"}.icon-arrow-up--upload:before{content:"\e6bf"}.icon-arrow-right:before{content:"\e6c0"}.icon-arrow-left2:before{content:"\e6c1"}.icon-arrow-down2:before{content:"\e6c2"}.icon-arrow-up:before{content:"\e6c3"}.icon-arrow-right2:before{content:"\e6c4"}.icon-arrow-left3:before{content:"\e6c5"}.icon-arrow-down3:before{content:"\e6c6"}.icon-arrow-up2:before{content:"\e6c7"}.icon-arrow-right3:before{content:"\e6c8"}.icon-arrow-left4:before{content:"\e6c9"}.icon-arrow-down4:before{content:"\e6ca"}.icon-arrow-up3:before{content:"\e6cb"}.icon-arrow-right4:before{content:"\e6cc"}.icon-arrow-left5:before{content:"\e6cd"}.icon-arrow-down5:before{content:"\e6ce"}.icon-arrow-up4:before{content:"\e6cf"}.icon-arrow-right5:before{content:"\e6d0"}.icon-arrow-left6:before{content:"\e6d1"}.icon-arrow-down6:before{content:"\e6d2"}.icon-arrow-up5:before{content:"\e6d3"}.icon-arrow-right6:before{content:"\e6d4"}.icon-arrow-left7:before{content:"\e6d5"}.icon-arrow-down7:before{content:"\e6d6"}.icon-arrow-up6:before{content:"\e6d7"}.icon-uniE6D8:before{content:"\e6d8"}.icon-arrow-left8:before{content:"\e6d9"}.icon-arrow-down8:before{content:"\e6da"}.icon-arrow-up7:before{content:"\e6db"}.icon-arrow-right7:before{content:"\e6dc"}.icon-menu:before{content:"\e6dd"}.icon-ellipsis:before{content:"\e6de"}.icon-dots:before{content:"\e6df"}.icon-dot:before{content:"\e6e0"}.icon-daniel-bruce2:before{content:"\e6ed"}.icon-github:before{content:"\e6ee"}.icon-github2:before{content:"\e6ef"}.icon-flickr:before{content:"\e6f0"}.icon-flickr2:before{content:"\e6f1"}.icon-vimeo:before{content:"\e6f2"}.icon-vimeo2:before{content:"\e6f3"}.icon-twitter:before{content:"\e6f4"}.icon-twitter2:before{content:"\e6f5"}.icon-facebook:before{content:"\e6f6"}.icon-facebook2:before{content:"\e6f7"}.icon-facebook3:before{content:"\e6f8"}.icon-googleplus:before{content:"\e6f9"}.icon-googleplus2:before{content:"\e6fa"}.icon-pinterest:before{content:"\e6fb"}.icon-pinterest2:before{content:"\e6fc"}.icon-tumblr:before{content:"\e6fd"}.icon-tumblr2:before{content:"\e6fe"}.icon-linkedin:before{content:"\e6ff"}.icon-linkedin2:before{content:"\e700"}.icon-dribbble:before{content:"\e701"}.icon-dribbble2:before{content:"\e702"}.icon-stumbleupon:before{content:"\e703"}.icon-stumbleupon2:before{content:"\e704"}.icon-spotify:before{content:"\e709"}.icon-spotify2:before{content:"\e70a"}.icon-instagram:before{content:"\e70c"}.icon-dropbox:before{content:"\e70d"}.icon-evernote:before{content:"\e70e"}.icon-flattr:before{content:"\e70f"}.icon-skype:before{content:"\e710"}.icon-skype2:before{content:"\e711"}.icon-paypal:before{content:"\e714"}.icon-picasa:before{content:"\e715"}.icon-circles:before{content:"\e719"}*{padding:0;margin:0}*:focus{outline:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden}img{border:0}.debug{border:1px solid red}.u{text-decoration:underline}.b{font-weight:bold}.i{font-style:italic}.r{text-decoration:line-through}.text_left,.t-left{text-align:left}.text_right,.t-right{text-align:right !important}.text_center,.t-center{text-align:center}.pfixed{position:fixed !important}.f-left{float:left}.f-right{float:right}.column-left{float:left;width:49%}.column-right{float:right;width:49%}.column-33{width:32%}.column-66{width:66%}.m-l-10{margin-left:10px}.m-r-10{margin-right:10px}.w15p{width:15%}.w20p{width:20%}.w35p{width:35%}.w50p{width:50%}.w100p{width:100%}.w30{width:30px}.w50{width:50px}.w60{width:60px}.w70{width:70px}.w75{width:75px}.w90{width:90px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w150{width:150px}.w180{width:180px}.w200{width:200px}.w220{width:220px}.w250{width:250px}.w300{width:300px}.w350{width:350px}.w400{width:400px}.w450{width:450px}.w500{width:500px}.w600{width:600px}.w700{width:700px}.w800{width:800px}.w900{width:900px}.w1000{width:1000px}::-webkit-scrollbar-track{box-shadow:inset 1px 0px 3px rgba(0,0,0,0.2);background-color:#F5F5F5}::-webkit-scrollbar-track:hover{background-color:#EFEFEF}::-webkit-scrollbar{width:8px;background-color:#F5F5F5}::-webkit-scrollbar-thumb{background-color:#959595}::-webkit-scrollbar-thumb:hover{background-color:#6B6B6B}::-webkit-scrollbar-thumb:active{background-color:#555}span.label{padding:1px 3px 2px;font-size:10px;font-weight:bold;color:#fff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}span.label.success{background-color:#46a546}span.label.warning{background-color:#f89406}span.label.important,span.label.error{background-color:#c43c35}span.label.notice{background-color:#62cffc}.box{background:#fff;box-shadow:3px 3px 0 rgba(205,215,226,0.6);margin-bottom:15px;border:1px solid #cdd7e2;padding:2px}.box .box-header{background-color:#829cb7;height:35px}.box .box-header h1{color:#fff;float:left;font-size:14px;font-weight:bold;line-height:33px;padding-left:10px;text-transform:uppercase}.box .box-header h1:first-letter{font-size:20px}.box .box-header ul{float:right;list-style-type:none}.box .box-header ul li{display:inline;margin-left:-3px}.box .box-header ul li a{color:#fff;font-size:20px;line-height:35px;padding:4px 10px;text-decoration:none}.box .box-header ul li a:hover:not(.disabled){background:#c3cfdc;color:#829cb7 !important}.box .box-header ul li a.disabled{opacity:.4}.box .box-header ul li a.disabled:hover{cursor:default}.box .box-header ul li:first-child{margin-left:0}.box .box-header ul li:last-child a{border-right:none}.box .box-header ul li.active a{background:#fafafa;cursor:default}.box .box-content{padding:6px}.box .box-content table a{text-decoration:none;color:#829cb7}.box .box-content table a:hover{color:#c3cfdc}.box .box-footer{background:#e8e8e8;padding:7px}.box .box-footer span[class^="icon-"]{font-size:14px;margin-right:5px} -- cgit v1.2.3