Template:KIT-Kyoto-header
From 2013.igem.org
(Difference between revisions)
(30 intermediate revisions not shown) | |||
Line 16: | Line 16: | ||
<!-- remove or comment this line if you want to use the local fonts --> | <!-- remove or comment this line if you want to use the local fonts --> | ||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
+ | /*! | ||
+ | * BootMetro v1.0.0-alpha1 | ||
+ | * | ||
+ | * Copyright 2012 Marcello Palmitessa | ||
+ | * Licensed under the Apache License v2.0 | ||
+ | * http://www.apache.org/licenses/LICENSE-2.0 | ||
+ | * | ||
+ | */ | ||
+ | .clearfix { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | .clearfix:before, | ||
+ | .clearfix:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | .clearfix:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .hide-text { | ||
+ | font: 0/0 a; | ||
+ | color: transparent; | ||
+ | text-shadow: none; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .input-block-level { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | min-height: 30px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .no-border-radius { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .no-box-shadow { | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .text-overflow-wrap { | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
+ | |||
+ | /* General alignment styles | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | .align-right, | ||
+ | th.align-right, | ||
+ | td.align-right, | ||
+ | .table th.align-right, | ||
+ | .table td.align-right { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .align-left, | ||
+ | th.align-left, | ||
+ | td.align-left, | ||
+ | .table th.align-left, | ||
+ | .table td.align-left { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .align-center, | ||
+ | th.align-center, | ||
+ | td.align-center, | ||
+ | .table th.align-center, | ||
+ | .table td.align-center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .block { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* General form mixins | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | .formBorder { | ||
+ | border: 2px solid #cccccc; | ||
+ | } | ||
+ | |||
+ | article, | ||
+ | aside, | ||
+ | details, | ||
+ | figcaption, | ||
+ | figure, | ||
+ | footer, | ||
+ | header, | ||
+ | hgroup, | ||
+ | nav, | ||
+ | section { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | audio, | ||
+ | canvas, | ||
+ | video { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | audio:not([controls]) { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | font-size: 100%; | ||
+ | -webkit-text-size-adjust: 100%; | ||
+ | -ms-text-size-adjust: 100%; | ||
+ | } | ||
+ | |||
+ | a:focus { | ||
+ | outline: thin dotted #333; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | |||
+ | a:hover, | ||
+ | a:active { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | sub, | ||
+ | sup { | ||
+ | position: relative; | ||
+ | font-size: 75%; | ||
+ | line-height: 0; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | |||
+ | sup { | ||
+ | top: -0.5em; | ||
+ | } | ||
+ | |||
+ | sub { | ||
+ | bottom: -0.25em; | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | width: auto\9; | ||
+ | height: auto; | ||
+ | max-width: 100%; | ||
+ | vertical-align: middle; | ||
+ | border: 0; | ||
+ | -ms-interpolation-mode: bicubic; | ||
+ | } | ||
+ | |||
+ | #map_canvas img, | ||
+ | .google-maps img { | ||
+ | max-width: none; | ||
+ | } | ||
+ | |||
+ | button, | ||
+ | input, | ||
+ | select, | ||
+ | textarea { | ||
+ | margin: 0; | ||
+ | font-size: 100%; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | button, | ||
+ | input { | ||
+ | *overflow: visible; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | |||
+ | button::-moz-focus-inner, | ||
+ | input::-moz-focus-inner { | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | button, | ||
+ | html input[type="button"], | ||
+ | input[type="reset"], | ||
+ | input[type="submit"] { | ||
+ | cursor: pointer; | ||
+ | -webkit-appearance: button; | ||
+ | } | ||
+ | |||
+ | label, | ||
+ | select, | ||
+ | button, | ||
+ | input[type="button"], | ||
+ | input[type="reset"], | ||
+ | input[type="submit"], | ||
+ | input[type="radio"], | ||
+ | input[type="checkbox"] { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | input[type="search"] { | ||
+ | -webkit-box-sizing: content-box; | ||
+ | -moz-box-sizing: content-box; | ||
+ | box-sizing: content-box; | ||
+ | -webkit-appearance: textfield; | ||
+ | } | ||
+ | |||
+ | input[type="search"]::-webkit-search-decoration, | ||
+ | input[type="search"]::-webkit-search-cancel-button { | ||
+ | -webkit-appearance: none; | ||
+ | } | ||
+ | |||
+ | textarea { | ||
+ | overflow: auto; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | @media print { | ||
+ | * { | ||
+ | color: #000 !important; | ||
+ | text-shadow: none !important; | ||
+ | background: transparent !important; | ||
+ | box-shadow: none !important; | ||
+ | } | ||
+ | a, | ||
+ | a:visited { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a[href]:after { | ||
+ | content: " (" attr(href) ")"; | ||
+ | } | ||
+ | abbr[title]:after { | ||
+ | content: " (" attr(title) ")"; | ||
+ | } | ||
+ | .ir a:after, | ||
+ | a[href^="javascript:"]:after, | ||
+ | a[href^="#"]:after { | ||
+ | content: ""; | ||
+ | } | ||
+ | pre, | ||
+ | blockquote { | ||
+ | border: 1px solid #999; | ||
+ | page-break-inside: avoid; | ||
+ | } | ||
+ | thead { | ||
+ | display: table-header-group; | ||
+ | } | ||
+ | tr, | ||
+ | img { | ||
+ | page-break-inside: avoid; | ||
+ | } | ||
+ | img { | ||
+ | max-width: 100% !important; | ||
+ | } | ||
+ | @page { | ||
+ | margin: 0.5cm; | ||
+ | } | ||
+ | p, | ||
+ | h2, | ||
+ | h3 { | ||
+ | orphans: 3; | ||
+ | widows: 3; | ||
+ | } | ||
+ | h2, | ||
+ | h3 { | ||
+ | page-break-after: avoid; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | margin: 0; | ||
+ | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif; | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | color: #333333; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #2e8bcc; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:hover, | ||
+ | a:focus { | ||
+ | color: #20608e; | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .img-rounded { | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | .img-polaroid { | ||
+ | padding: 4px; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ccc; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.2); | ||
+ | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .img-circle { | ||
+ | -webkit-border-radius: 500px; | ||
+ | -moz-border-radius: 500px; | ||
+ | border-radius: 500px; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | margin-left: -20px; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .row:before, | ||
+ | .row:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .row:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | [class*="span"] { | ||
+ | float: left; | ||
+ | min-height: 1px; | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | |||
+ | .container, | ||
+ | .navbar-static-top .container, | ||
+ | .navbar-fixed-top .container, | ||
+ | .navbar-fixed-bottom .container { | ||
+ | width: 940px; | ||
+ | } | ||
+ | |||
+ | .span12 { | ||
+ | width: 940px; | ||
+ | } | ||
+ | |||
+ | .span11 { | ||
+ | width: 860px; | ||
+ | } | ||
+ | |||
+ | .span10 { | ||
+ | width: 780px; | ||
+ | } | ||
+ | |||
+ | .span9 { | ||
+ | width: 700px; | ||
+ | } | ||
+ | |||
+ | .span8 { | ||
+ | width: 620px; | ||
+ | } | ||
+ | |||
+ | .span7 { | ||
+ | width: 540px; | ||
+ | } | ||
+ | |||
+ | .span6 { | ||
+ | width: 460px; | ||
+ | } | ||
+ | |||
+ | .span5 { | ||
+ | width: 380px; | ||
+ | } | ||
+ | |||
+ | .span4 { | ||
+ | width: 300px; | ||
+ | } | ||
+ | |||
+ | .span3 { | ||
+ | width: 220px; | ||
+ | } | ||
+ | |||
+ | .span2 { | ||
+ | width: 140px; | ||
+ | } | ||
+ | |||
+ | .span1 { | ||
+ | width: 60px; | ||
+ | } | ||
+ | |||
+ | .offset12 { | ||
+ | margin-left: 980px; | ||
+ | } | ||
+ | |||
+ | .offset11 { | ||
+ | margin-left: 900px; | ||
+ | } | ||
+ | |||
+ | .offset10 { | ||
+ | margin-left: 820px; | ||
+ | } | ||
+ | |||
+ | .offset9 { | ||
+ | margin-left: 740px; | ||
+ | } | ||
+ | |||
+ | .offset8 { | ||
+ | margin-left: 660px; | ||
+ | } | ||
+ | |||
+ | .offset7 { | ||
+ | margin-left: 580px; | ||
+ | } | ||
+ | |||
+ | .offset6 { | ||
+ | margin-left: 500px; | ||
+ | } | ||
+ | |||
+ | .offset5 { | ||
+ | margin-left: 420px; | ||
+ | } | ||
+ | |||
+ | .offset4 { | ||
+ | margin-left: 340px; | ||
+ | } | ||
+ | |||
+ | .offset3 { | ||
+ | margin-left: 260px; | ||
+ | } | ||
+ | |||
+ | .offset2 { | ||
+ | margin-left: 180px; | ||
+ | } | ||
+ | |||
+ | .offset1 { | ||
+ | margin-left: 100px; | ||
+ | } | ||
+ | |||
+ | .row-fluid { | ||
+ | width: 100%; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .row-fluid:before, | ||
+ | .row-fluid:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .row-fluid:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .row-fluid [class*="span"] { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | min-height: 30px; | ||
+ | margin-left: 2.127659574468085%; | ||
+ | *margin-left: 2.074468085106383%; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .row-fluid [class*="span"]:first-child { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .row-fluid .controls-row [class*="span"] + [class*="span"] { | ||
+ | margin-left: 2.127659574468085%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span12 { | ||
+ | width: 100%; | ||
+ | *width: 99.94680851063829%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span11 { | ||
+ | width: 91.48936170212765%; | ||
+ | *width: 91.43617021276594%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span10 { | ||
+ | width: 82.97872340425532%; | ||
+ | *width: 82.92553191489361%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span9 { | ||
+ | width: 74.46808510638297%; | ||
+ | *width: 74.41489361702126%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span8 { | ||
+ | width: 65.95744680851064%; | ||
+ | *width: 65.90425531914893%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span7 { | ||
+ | width: 57.44680851063829%; | ||
+ | *width: 57.39361702127659%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span6 { | ||
+ | width: 48.93617021276595%; | ||
+ | *width: 48.88297872340425%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span5 { | ||
+ | width: 40.42553191489362%; | ||
+ | *width: 40.37234042553192%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span4 { | ||
+ | width: 31.914893617021278%; | ||
+ | *width: 31.861702127659576%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span3 { | ||
+ | width: 23.404255319148934%; | ||
+ | *width: 23.351063829787233%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span2 { | ||
+ | width: 14.893617021276595%; | ||
+ | *width: 14.840425531914894%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .span1 { | ||
+ | width: 6.382978723404255%; | ||
+ | *width: 6.329787234042553%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset12 { | ||
+ | margin-left: 104.25531914893617%; | ||
+ | *margin-left: 104.14893617021275%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset12:first-child { | ||
+ | margin-left: 102.12765957446808%; | ||
+ | *margin-left: 102.02127659574467%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset11 { | ||
+ | margin-left: 95.74468085106382%; | ||
+ | *margin-left: 95.6382978723404%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset11:first-child { | ||
+ | margin-left: 93.61702127659574%; | ||
+ | *margin-left: 93.51063829787232%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset10 { | ||
+ | margin-left: 87.23404255319149%; | ||
+ | *margin-left: 87.12765957446807%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset10:first-child { | ||
+ | margin-left: 85.1063829787234%; | ||
+ | *margin-left: 84.99999999999999%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset9 { | ||
+ | margin-left: 78.72340425531914%; | ||
+ | *margin-left: 78.61702127659572%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset9:first-child { | ||
+ | margin-left: 76.59574468085106%; | ||
+ | *margin-left: 76.48936170212764%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset8 { | ||
+ | margin-left: 70.2127659574468%; | ||
+ | *margin-left: 70.10638297872339%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset8:first-child { | ||
+ | margin-left: 68.08510638297872%; | ||
+ | *margin-left: 67.9787234042553%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset7 { | ||
+ | margin-left: 61.70212765957446%; | ||
+ | *margin-left: 61.59574468085106%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset7:first-child { | ||
+ | margin-left: 59.574468085106375%; | ||
+ | *margin-left: 59.46808510638297%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset6 { | ||
+ | margin-left: 53.191489361702125%; | ||
+ | *margin-left: 53.085106382978715%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset6:first-child { | ||
+ | margin-left: 51.063829787234035%; | ||
+ | *margin-left: 50.95744680851063%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset5 { | ||
+ | margin-left: 44.68085106382979%; | ||
+ | *margin-left: 44.57446808510638%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset5:first-child { | ||
+ | margin-left: 42.5531914893617%; | ||
+ | *margin-left: 42.4468085106383%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset4 { | ||
+ | margin-left: 36.170212765957444%; | ||
+ | *margin-left: 36.06382978723405%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset4:first-child { | ||
+ | margin-left: 34.04255319148936%; | ||
+ | *margin-left: 33.93617021276596%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset3 { | ||
+ | margin-left: 27.659574468085104%; | ||
+ | *margin-left: 27.5531914893617%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset3:first-child { | ||
+ | margin-left: 25.53191489361702%; | ||
+ | *margin-left: 25.425531914893618%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset2 { | ||
+ | margin-left: 19.148936170212764%; | ||
+ | *margin-left: 19.04255319148936%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset2:first-child { | ||
+ | margin-left: 17.02127659574468%; | ||
+ | *margin-left: 16.914893617021278%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset1 { | ||
+ | margin-left: 10.638297872340425%; | ||
+ | *margin-left: 10.53191489361702%; | ||
+ | } | ||
+ | |||
+ | .row-fluid .offset1:first-child { | ||
+ | margin-left: 8.51063829787234%; | ||
+ | *margin-left: 8.404255319148938%; | ||
+ | } | ||
+ | |||
+ | [class*="span"].hide, | ||
+ | .row-fluid [class*="span"].hide { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | [class*="span"].pull-right, | ||
+ | .row-fluid [class*="span"].pull-right { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .container:before, | ||
+ | .container:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .container:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .container-fluid { | ||
+ | padding-right: 20px; | ||
+ | padding-left: 20px; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .container-fluid:before, | ||
+ | .container-fluid:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .container-fluid:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0 0 10px; | ||
+ | } | ||
+ | |||
+ | .lead { | ||
+ | margin-bottom: 20px; | ||
+ | font-size: 21px; | ||
+ | font-weight: 200; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | small { | ||
+ | font-size: 85%; | ||
+ | } | ||
+ | |||
+ | strong { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | em { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | cite { | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | .muted { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | a.muted:hover, | ||
+ | a.muted:focus { | ||
+ | color: #808080; | ||
+ | } | ||
+ | |||
+ | .text-warning { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | a.text-warning:hover, | ||
+ | a.text-warning:focus { | ||
+ | color: #e6e6e6; | ||
+ | } | ||
+ | |||
+ | .text-error { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | a.text-error:hover, | ||
+ | a.text-error:focus { | ||
+ | color: #e6e6e6; | ||
+ | } | ||
+ | |||
+ | .text-info { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | a.text-info:hover, | ||
+ | a.text-info:focus { | ||
+ | color: #e6e6e6; | ||
+ | } | ||
+ | |||
+ | .text-success { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | a.text-success:hover, | ||
+ | a.text-success:focus { | ||
+ | color: #e6e6e6; | ||
+ | } | ||
+ | |||
+ | .text-left { | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .text-right { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .text-center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | h1, | ||
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6 { | ||
+ | margin: 10px 0; | ||
+ | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif; | ||
+ | font-weight: 300; | ||
+ | line-height: 20px; | ||
+ | color: inherit; | ||
+ | text-rendering: optimizelegibility; | ||
+ | } | ||
+ | |||
+ | h1 small, | ||
+ | h2 small, | ||
+ | h3 small, | ||
+ | h4 small, | ||
+ | h5 small, | ||
+ | h6 small { | ||
+ | font-weight: normal; | ||
+ | line-height: 1; | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | h1, | ||
+ | h2, | ||
+ | h3 { | ||
+ | line-height: 40px; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 38.5px; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 31.5px; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 24.5px; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 17.5px; | ||
+ | } | ||
+ | |||
+ | h5 { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | h6 { | ||
+ | font-size: 11.9px; | ||
+ | } | ||
+ | |||
+ | h1 small { | ||
+ | font-size: 24.5px; | ||
+ | } | ||
+ | |||
+ | h2 small { | ||
+ | font-size: 17.5px; | ||
+ | } | ||
+ | |||
+ | h3 small { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | h4 small { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .page-header { | ||
+ | padding-bottom: 9px; | ||
+ | margin: 20px 0 30px; | ||
+ | border-bottom: 1px solid #eeeeee; | ||
+ | } | ||
+ | |||
+ | ul, | ||
+ | ol { | ||
+ | padding: 0; | ||
+ | margin: 0 0 10px 25px; | ||
+ | } | ||
+ | |||
+ | ul ul, | ||
+ | ul ol, | ||
+ | ol ol, | ||
+ | ol ul { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | li { | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | ul.unstyled, | ||
+ | ol.unstyled { | ||
+ | margin-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | ul.inline, | ||
+ | ol.inline { | ||
+ | margin-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | ul.inline > li, | ||
+ | ol.inline > li { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | padding-right: 5px; | ||
+ | padding-left: 5px; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | dl { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | dt, | ||
+ | dd { | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | dt { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | dd { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .dl-horizontal { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .dl-horizontal:before, | ||
+ | .dl-horizontal:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .dl-horizontal:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .dl-horizontal dt { | ||
+ | float: left; | ||
+ | width: 160px; | ||
+ | overflow: hidden; | ||
+ | clear: left; | ||
+ | text-align: right; | ||
+ | text-overflow: ellipsis; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .dl-horizontal dd { | ||
+ | margin-left: 180px; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | margin: 20px 0; | ||
+ | border: 0; | ||
+ | border-top: 1px solid #eeeeee; | ||
+ | border-bottom: 1px solid #ffffff; | ||
+ | } | ||
+ | |||
+ | abbr[title], | ||
+ | abbr[data-original-title] { | ||
+ | cursor: help; | ||
+ | border-bottom: 1px dotted #999999; | ||
+ | } | ||
+ | |||
+ | abbr.initialism { | ||
+ | font-size: 90%; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | padding: 0 0 0 15px; | ||
+ | margin: 0 0 20px; | ||
+ | border-left: 5px solid #eeeeee; | ||
+ | } | ||
+ | |||
+ | blockquote p { | ||
+ | margin-bottom: 0; | ||
+ | font-size: 17.5px; | ||
+ | font-weight: 300; | ||
+ | line-height: 1.25; | ||
+ | } | ||
+ | |||
+ | blockquote small { | ||
+ | display: block; | ||
+ | line-height: 20px; | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | blockquote small:before { | ||
+ | content: '\2014 \00A0'; | ||
+ | } | ||
+ | |||
+ | blockquote.pull-right { | ||
+ | float: right; | ||
+ | padding-right: 15px; | ||
+ | padding-left: 0; | ||
+ | border-right: 5px solid #eeeeee; | ||
+ | border-left: 0; | ||
+ | } | ||
+ | |||
+ | blockquote.pull-right p, | ||
+ | blockquote.pull-right small { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | blockquote.pull-right small:before { | ||
+ | content: ''; | ||
+ | } | ||
+ | |||
+ | blockquote.pull-right small:after { | ||
+ | content: '\00A0 \2014'; | ||
+ | } | ||
+ | |||
+ | q:before, | ||
+ | q:after, | ||
+ | blockquote:before, | ||
+ | blockquote:after { | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | address { | ||
+ | display: block; | ||
+ | margin-bottom: 20px; | ||
+ | font-style: normal; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | code, | ||
+ | pre { | ||
+ | padding: 0 3px 2px; | ||
+ | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | ||
+ | font-size: 12px; | ||
+ | color: #333333; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | padding: 2px 4px; | ||
+ | color: #d14; | ||
+ | white-space: nowrap; | ||
+ | background-color: #f7f7f9; | ||
+ | border: 1px solid #e1e1e8; | ||
+ | } | ||
+ | |||
+ | pre { | ||
+ | display: block; | ||
+ | padding: 9.5px; | ||
+ | margin: 0 0 10px; | ||
+ | font-size: 13px; | ||
+ | line-height: 20px; | ||
+ | word-break: break-all; | ||
+ | word-wrap: break-word; | ||
+ | white-space: pre; | ||
+ | white-space: pre-wrap; | ||
+ | background-color: #f5f5f5; | ||
+ | border: 1px solid #ccc; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.15); | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | pre.prettyprint { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | pre code { | ||
+ | padding: 0; | ||
+ | color: inherit; | ||
+ | white-space: pre; | ||
+ | white-space: pre-wrap; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .pre-scrollable { | ||
+ | max-height: 340px; | ||
+ | overflow-y: scroll; | ||
+ | } | ||
+ | |||
+ | form { | ||
+ | margin: 0 0 20px; | ||
+ | } | ||
+ | |||
+ | fieldset { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | legend { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | margin-bottom: 20px; | ||
+ | font-size: 21px; | ||
+ | line-height: 40px; | ||
+ | color: #333333; | ||
+ | border: 0; | ||
+ | border-bottom: 1px solid #e5e5e5; | ||
+ | } | ||
+ | |||
+ | legend small { | ||
+ | font-size: 15px; | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | label, | ||
+ | input, | ||
+ | button, | ||
+ | select, | ||
+ | textarea { | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | input, | ||
+ | button, | ||
+ | select, | ||
+ | textarea { | ||
+ | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif; | ||
+ | } | ||
+ | |||
+ | label { | ||
+ | display: block; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | select, | ||
+ | textarea, | ||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="datetime"], | ||
+ | input[type="datetime-local"], | ||
+ | input[type="date"], | ||
+ | input[type="month"], | ||
+ | input[type="time"], | ||
+ | input[type="week"], | ||
+ | input[type="number"], | ||
+ | input[type="email"], | ||
+ | input[type="url"], | ||
+ | input[type="search"], | ||
+ | input[type="tel"], | ||
+ | input[type="color"], | ||
+ | .uneditable-input { | ||
+ | display: inline-block; | ||
+ | height: 20px; | ||
+ | padding: 4px 6px; | ||
+ | margin-bottom: 10px; | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | color: #555555; | ||
+ | vertical-align: middle; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | input, | ||
+ | textarea, | ||
+ | .uneditable-input { | ||
+ | width: 206px; | ||
+ | } | ||
+ | |||
+ | textarea { | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | textarea, | ||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="datetime"], | ||
+ | input[type="datetime-local"], | ||
+ | input[type="date"], | ||
+ | input[type="month"], | ||
+ | input[type="time"], | ||
+ | input[type="week"], | ||
+ | input[type="number"], | ||
+ | input[type="email"], | ||
+ | input[type="url"], | ||
+ | input[type="search"], | ||
+ | input[type="tel"], | ||
+ | input[type="color"], | ||
+ | .uneditable-input { | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #cccccc; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; | ||
+ | -moz-transition: border linear 0.2s, box-shadow linear 0.2s; | ||
+ | -o-transition: border linear 0.2s, box-shadow linear 0.2s; | ||
+ | transition: border linear 0.2s, box-shadow linear 0.2s; | ||
+ | } | ||
+ | |||
+ | textarea:focus, | ||
+ | input[type="text"]:focus, | ||
+ | input[type="password"]:focus, | ||
+ | input[type="datetime"]:focus, | ||
+ | input[type="datetime-local"]:focus, | ||
+ | input[type="date"]:focus, | ||
+ | input[type="month"]:focus, | ||
+ | input[type="time"]:focus, | ||
+ | input[type="week"]:focus, | ||
+ | input[type="number"]:focus, | ||
+ | input[type="email"]:focus, | ||
+ | input[type="url"]:focus, | ||
+ | input[type="search"]:focus, | ||
+ | input[type="tel"]:focus, | ||
+ | input[type="color"]:focus, | ||
+ | .uneditable-input:focus { | ||
+ | border-color: rgba(82, 168, 236, 0.8); | ||
+ | outline: 0; | ||
+ | outline: thin dotted \9; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | input[type="radio"], | ||
+ | input[type="checkbox"] { | ||
+ | margin: 4px 0 0; | ||
+ | margin-top: 1px \9; | ||
+ | *margin-top: 0; | ||
+ | line-height: normal; | ||
+ | } | ||
+ | |||
+ | input[type="file"], | ||
+ | input[type="image"], | ||
+ | input[type="submit"], | ||
+ | input[type="reset"], | ||
+ | input[type="button"], | ||
+ | input[type="radio"], | ||
+ | input[type="checkbox"] { | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | select, | ||
+ | input[type="file"] { | ||
+ | height: 30px; | ||
+ | /* In IE7, the height of the select element cannot be changed by height, only font-size */ | ||
+ | |||
+ | *margin-top: 4px; | ||
+ | /* For IE7, add top margin to align select with labels */ | ||
+ | |||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | select { | ||
+ | width: 220px; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #cccccc; | ||
+ | } | ||
+ | |||
+ | select[multiple], | ||
+ | select[size] { | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | select:focus, | ||
+ | input[type="file"]:focus, | ||
+ | input[type="radio"]:focus, | ||
+ | input[type="checkbox"]:focus { | ||
+ | outline: thin dotted #333; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | |||
+ | .uneditable-input, | ||
+ | .uneditable-textarea { | ||
+ | color: #999999; | ||
+ | cursor: not-allowed; | ||
+ | background-color: #fcfcfc; | ||
+ | border-color: #cccccc; | ||
+ | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .uneditable-input { | ||
+ | overflow: hidden; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .uneditable-textarea { | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | input:-moz-placeholder, | ||
+ | textarea:-moz-placeholder { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | input:-ms-input-placeholder, | ||
+ | textarea:-ms-input-placeholder { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | input::-webkit-input-placeholder, | ||
+ | textarea::-webkit-input-placeholder { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | .radio, | ||
+ | .checkbox { | ||
+ | min-height: 20px; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | |||
+ | .radio input[type="radio"], | ||
+ | .checkbox input[type="checkbox"] { | ||
+ | float: left; | ||
+ | margin-left: -20px; | ||
+ | } | ||
+ | |||
+ | .controls > .radio:first-child, | ||
+ | .controls > .checkbox:first-child { | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | |||
+ | .radio.inline, | ||
+ | .checkbox.inline { | ||
+ | display: inline-block; | ||
+ | padding-top: 5px; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .radio.inline + .radio.inline, | ||
+ | .checkbox.inline + .checkbox.inline { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .input-mini { | ||
+ | width: 60px; | ||
+ | } | ||
+ | |||
+ | .input-small { | ||
+ | width: 90px; | ||
+ | } | ||
+ | |||
+ | .input-medium { | ||
+ | width: 150px; | ||
+ | } | ||
+ | |||
+ | .input-large { | ||
+ | width: 210px; | ||
+ | } | ||
+ | |||
+ | .input-xlarge { | ||
+ | width: 270px; | ||
+ | } | ||
+ | |||
+ | .input-xxlarge { | ||
+ | width: 530px; | ||
+ | } | ||
+ | |||
+ | input[class*="span"], | ||
+ | select[class*="span"], | ||
+ | textarea[class*="span"], | ||
+ | .uneditable-input[class*="span"], | ||
+ | .row-fluid input[class*="span"], | ||
+ | .row-fluid select[class*="span"], | ||
+ | .row-fluid textarea[class*="span"], | ||
+ | .row-fluid .uneditable-input[class*="span"] { | ||
+ | float: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .input-append input[class*="span"], | ||
+ | .input-append .uneditable-input[class*="span"], | ||
+ | .input-prepend input[class*="span"], | ||
+ | .input-prepend .uneditable-input[class*="span"], | ||
+ | .row-fluid input[class*="span"], | ||
+ | .row-fluid select[class*="span"], | ||
+ | .row-fluid textarea[class*="span"], | ||
+ | .row-fluid .uneditable-input[class*="span"], | ||
+ | .row-fluid .input-prepend [class*="span"], | ||
+ | .row-fluid .input-append [class*="span"] { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | input, | ||
+ | textarea, | ||
+ | .uneditable-input { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .controls-row [class*="span"] + [class*="span"] { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | |||
+ | input.span12, | ||
+ | textarea.span12, | ||
+ | .uneditable-input.span12 { | ||
+ | width: 926px; | ||
+ | } | ||
+ | |||
+ | input.span11, | ||
+ | textarea.span11, | ||
+ | .uneditable-input.span11 { | ||
+ | width: 846px; | ||
+ | } | ||
+ | |||
+ | input.span10, | ||
+ | textarea.span10, | ||
+ | .uneditable-input.span10 { | ||
+ | width: 766px; | ||
+ | } | ||
+ | |||
+ | input.span9, | ||
+ | textarea.span9, | ||
+ | .uneditable-input.span9 { | ||
+ | width: 686px; | ||
+ | } | ||
+ | |||
+ | input.span8, | ||
+ | textarea.span8, | ||
+ | .uneditable-input.span8 { | ||
+ | width: 606px; | ||
+ | } | ||
+ | |||
+ | input.span7, | ||
+ | textarea.span7, | ||
+ | .uneditable-input.span7 { | ||
+ | width: 526px; | ||
+ | } | ||
+ | |||
+ | input.span6, | ||
+ | textarea.span6, | ||
+ | .uneditable-input.span6 { | ||
+ | width: 446px; | ||
+ | } | ||
+ | |||
+ | input.span5, | ||
+ | textarea.span5, | ||
+ | .uneditable-input.span5 { | ||
+ | width: 366px; | ||
+ | } | ||
+ | |||
+ | input.span4, | ||
+ | textarea.span4, | ||
+ | .uneditable-input.span4 { | ||
+ | width: 286px; | ||
+ | } | ||
+ | |||
+ | input.span3, | ||
+ | textarea.span3, | ||
+ | .uneditable-input.span3 { | ||
+ | width: 206px; | ||
+ | } | ||
+ | |||
+ | input.span2, | ||
+ | textarea.span2, | ||
+ | .uneditable-input.span2 { | ||
+ | width: 126px; | ||
+ | } | ||
+ | |||
+ | input.span1, | ||
+ | textarea.span1, | ||
+ | .uneditable-input.span1 { | ||
+ | width: 46px; | ||
+ | } | ||
+ | |||
+ | .controls-row { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .controls-row:before, | ||
+ | .controls-row:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .controls-row:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .controls-row [class*="span"], | ||
+ | .row-fluid .controls-row [class*="span"] { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .controls-row .checkbox[class*="span"], | ||
+ | .controls-row .radio[class*="span"] { | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | |||
+ | input[disabled], | ||
+ | select[disabled], | ||
+ | textarea[disabled], | ||
+ | input[readonly], | ||
+ | select[readonly], | ||
+ | textarea[readonly] { | ||
+ | cursor: not-allowed; | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | input[type="radio"][disabled], | ||
+ | input[type="checkbox"][disabled], | ||
+ | input[type="radio"][readonly], | ||
+ | input[type="checkbox"][readonly] { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .control-group.warning .control-label, | ||
+ | .control-group.warning .help-block, | ||
+ | .control-group.warning .help-inline { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.warning .checkbox, | ||
+ | .control-group.warning .radio, | ||
+ | .control-group.warning input, | ||
+ | .control-group.warning select, | ||
+ | .control-group.warning textarea { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.warning input, | ||
+ | .control-group.warning select, | ||
+ | .control-group.warning textarea { | ||
+ | border-color: #ffffff; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.warning input:focus, | ||
+ | .control-group.warning select:focus, | ||
+ | .control-group.warning textarea:focus { | ||
+ | border-color: #e6e6e6; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.warning .input-prepend .add-on, | ||
+ | .control-group.warning .input-append .add-on { | ||
+ | color: #ffffff; | ||
+ | background-color: #f09609; | ||
+ | border-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.error .control-label, | ||
+ | .control-group.error .help-block, | ||
+ | .control-group.error .help-inline { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.error .checkbox, | ||
+ | .control-group.error .radio, | ||
+ | .control-group.error input, | ||
+ | .control-group.error select, | ||
+ | .control-group.error textarea { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.error input, | ||
+ | .control-group.error select, | ||
+ | .control-group.error textarea { | ||
+ | border-color: #ffffff; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.error input:focus, | ||
+ | .control-group.error select:focus, | ||
+ | .control-group.error textarea:focus { | ||
+ | border-color: #e6e6e6; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.error .input-prepend .add-on, | ||
+ | .control-group.error .input-append .add-on { | ||
+ | color: #ffffff; | ||
+ | background-color: #bc1c48; | ||
+ | border-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.success .control-label, | ||
+ | .control-group.success .help-block, | ||
+ | .control-group.success .help-inline { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.success .checkbox, | ||
+ | .control-group.success .radio, | ||
+ | .control-group.success input, | ||
+ | .control-group.success select, | ||
+ | .control-group.success textarea { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.success input, | ||
+ | .control-group.success select, | ||
+ | .control-group.success textarea { | ||
+ | border-color: #ffffff; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.success input:focus, | ||
+ | .control-group.success select:focus, | ||
+ | .control-group.success textarea:focus { | ||
+ | border-color: #e6e6e6; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.success .input-prepend .add-on, | ||
+ | .control-group.success .input-append .add-on { | ||
+ | color: #ffffff; | ||
+ | background-color: #01a31c; | ||
+ | border-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.info .control-label, | ||
+ | .control-group.info .help-block, | ||
+ | .control-group.info .help-inline { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.info .checkbox, | ||
+ | .control-group.info .radio, | ||
+ | .control-group.info input, | ||
+ | .control-group.info select, | ||
+ | .control-group.info textarea { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .control-group.info input, | ||
+ | .control-group.info select, | ||
+ | .control-group.info textarea { | ||
+ | border-color: #ffffff; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.info input:focus, | ||
+ | .control-group.info select:focus, | ||
+ | .control-group.info textarea:focus { | ||
+ | border-color: #e6e6e6; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.info .input-prepend .add-on, | ||
+ | .control-group.info .input-append .add-on { | ||
+ | color: #ffffff; | ||
+ | background-color: #2d89f0; | ||
+ | border-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | input:focus:invalid, | ||
+ | textarea:focus:invalid, | ||
+ | select:focus:invalid { | ||
+ | color: #b94a48; | ||
+ | border-color: #ee5f5b; | ||
+ | } | ||
+ | |||
+ | input:focus:invalid:focus, | ||
+ | textarea:focus:invalid:focus, | ||
+ | select:focus:invalid:focus { | ||
+ | border-color: #e9322d; | ||
+ | -webkit-box-shadow: 0 0 6px #f8b9b7; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 0 6px #f8b9b7; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 0 6px #f8b9b7; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .form-actions { | ||
+ | padding: 19px 20px 20px; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | background-color: #f5f5f5; | ||
+ | border-top: 1px solid #e5e5e5; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .form-actions:before, | ||
+ | .form-actions:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .form-actions:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .help-block, | ||
+ | .help-inline { | ||
+ | color: #595959; | ||
+ | } | ||
+ | |||
+ | .help-block { | ||
+ | display: block; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .help-inline { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | padding-left: 5px; | ||
+ | vertical-align: middle; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .input-append, | ||
+ | .input-prepend { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 10px; | ||
+ | font-size: 0; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .input-append input, | ||
+ | .input-prepend input, | ||
+ | .input-append select, | ||
+ | .input-prepend select, | ||
+ | .input-append .uneditable-input, | ||
+ | .input-prepend .uneditable-input, | ||
+ | .input-append .dropdown-menu, | ||
+ | .input-prepend .dropdown-menu, | ||
+ | .input-append .popover, | ||
+ | .input-prepend .popover { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .input-append input, | ||
+ | .input-prepend input, | ||
+ | .input-append select, | ||
+ | .input-prepend select, | ||
+ | .input-append .uneditable-input, | ||
+ | .input-prepend .uneditable-input { | ||
+ | position: relative; | ||
+ | margin-bottom: 0; | ||
+ | *margin-left: 0; | ||
+ | vertical-align: top; | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .input-append input:focus, | ||
+ | .input-prepend input:focus, | ||
+ | .input-append select:focus, | ||
+ | .input-prepend select:focus, | ||
+ | .input-append .uneditable-input:focus, | ||
+ | .input-prepend .uneditable-input:focus { | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | .input-append .add-on, | ||
+ | .input-prepend .add-on { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | height: 20px; | ||
+ | min-width: 16px; | ||
+ | padding: 4px 5px; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 20px; | ||
+ | text-align: center; | ||
+ | text-shadow: 0 1px 0 #ffffff; | ||
+ | background-color: #eeeeee; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | |||
+ | .input-append .add-on, | ||
+ | .input-prepend .add-on, | ||
+ | .input-append .btn, | ||
+ | .input-prepend .btn, | ||
+ | .input-append .btn-group > .dropdown-toggle, | ||
+ | .input-prepend .btn-group > .dropdown-toggle { | ||
+ | vertical-align: top; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .input-append .active, | ||
+ | .input-prepend .active { | ||
+ | background-color: #8cd98c; | ||
+ | border-color: #339933; | ||
+ | } | ||
+ | |||
+ | .input-prepend .add-on, | ||
+ | .input-prepend .btn { | ||
+ | margin-right: -1px; | ||
+ | } | ||
+ | |||
+ | .input-prepend .add-on:first-child, | ||
+ | .input-prepend .btn:first-child { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .input-append input, | ||
+ | .input-append select, | ||
+ | .input-append .uneditable-input { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .input-append input + .btn-group .btn:last-child, | ||
+ | .input-append select + .btn-group .btn:last-child, | ||
+ | .input-append .uneditable-input + .btn-group .btn:last-child { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .input-append .add-on, | ||
+ | .input-append .btn, | ||
+ | .input-append .btn-group { | ||
+ | margin-left: -1px; | ||
+ | } | ||
+ | |||
+ | .input-append .add-on:last-child, | ||
+ | .input-append .btn:last-child, | ||
+ | .input-append .btn-group:last-child > .dropdown-toggle { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .input-prepend.input-append input, | ||
+ | .input-prepend.input-append select, | ||
+ | .input-prepend.input-append .uneditable-input { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .input-prepend.input-append input + .btn-group .btn, | ||
+ | .input-prepend.input-append select + .btn-group .btn, | ||
+ | .input-prepend.input-append .uneditable-input + .btn-group .btn { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .input-prepend.input-append .add-on:first-child, | ||
+ | .input-prepend.input-append .btn:first-child { | ||
+ | margin-right: -1px; | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .input-prepend.input-append .add-on:last-child, | ||
+ | .input-prepend.input-append .btn:last-child { | ||
+ | margin-left: -1px; | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .input-prepend.input-append .btn-group:first-child { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | input.search-query { | ||
+ | padding-right: 14px; | ||
+ | padding-right: 4px \9; | ||
+ | padding-left: 14px; | ||
+ | padding-left: 4px \9; | ||
+ | /* IE7-8 doesn't have border-radius, so don't indent the padding */ | ||
+ | |||
+ | margin-bottom: 0; | ||
+ | -webkit-border-radius: 15px; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | } | ||
+ | |||
+ | /* Allow for input prepend/append in search forms */ | ||
+ | |||
+ | .form-search .input-append .search-query, | ||
+ | .form-search .input-prepend .search-query { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append .search-query { | ||
+ | -webkit-border-radius: 14px 0 0 14px; | ||
+ | -moz-border-radius: 14px 0 0 14px; | ||
+ | border-radius: 14px 0 0 14px; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append .btn { | ||
+ | -webkit-border-radius: 0 14px 14px 0; | ||
+ | -moz-border-radius: 0 14px 14px 0; | ||
+ | border-radius: 0 14px 14px 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-prepend .search-query { | ||
+ | -webkit-border-radius: 0 14px 14px 0; | ||
+ | -moz-border-radius: 0 14px 14px 0; | ||
+ | border-radius: 0 14px 14px 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-prepend .btn { | ||
+ | -webkit-border-radius: 14px 0 0 14px; | ||
+ | -moz-border-radius: 14px 0 0 14px; | ||
+ | border-radius: 14px 0 0 14px; | ||
+ | } | ||
+ | |||
+ | .form-search input, | ||
+ | .form-inline input, | ||
+ | .form-horizontal input, | ||
+ | .form-search textarea, | ||
+ | .form-inline textarea, | ||
+ | .form-horizontal textarea, | ||
+ | .form-search select, | ||
+ | .form-inline select, | ||
+ | .form-horizontal select, | ||
+ | .form-search .help-inline, | ||
+ | .form-inline .help-inline, | ||
+ | .form-horizontal .help-inline, | ||
+ | .form-search .uneditable-input, | ||
+ | .form-inline .uneditable-input, | ||
+ | .form-horizontal .uneditable-input, | ||
+ | .form-search .input-prepend, | ||
+ | .form-inline .input-prepend, | ||
+ | .form-horizontal .input-prepend, | ||
+ | .form-search .input-append, | ||
+ | .form-inline .input-append, | ||
+ | .form-horizontal .input-append { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .form-search .hide, | ||
+ | .form-inline .hide, | ||
+ | .form-horizontal .hide { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .form-search label, | ||
+ | .form-inline label, | ||
+ | .form-search .btn-group, | ||
+ | .form-inline .btn-group { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append, | ||
+ | .form-inline .input-append, | ||
+ | .form-search .input-prepend, | ||
+ | .form-inline .input-prepend { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .radio, | ||
+ | .form-search .checkbox, | ||
+ | .form-inline .radio, | ||
+ | .form-inline .checkbox { | ||
+ | padding-left: 0; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .form-search .radio input[type="radio"], | ||
+ | .form-search .checkbox input[type="checkbox"], | ||
+ | .form-inline .radio input[type="radio"], | ||
+ | .form-inline .checkbox input[type="checkbox"] { | ||
+ | float: left; | ||
+ | margin-right: 3px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .control-group { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | legend + .control-group { | ||
+ | margin-top: 20px; | ||
+ | -webkit-margin-top-collapse: separate; | ||
+ | } | ||
+ | |||
+ | .form-horizontal .control-group { | ||
+ | margin-bottom: 20px; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .form-horizontal .control-group:before, | ||
+ | .form-horizontal .control-group:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .form-horizontal .control-group:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .form-horizontal .control-label { | ||
+ | float: left; | ||
+ | width: 160px; | ||
+ | padding-top: 5px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .form-horizontal .controls { | ||
+ | *display: inline-block; | ||
+ | *padding-left: 20px; | ||
+ | margin-left: 180px; | ||
+ | *margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .form-horizontal .controls:first-child { | ||
+ | *padding-left: 180px; | ||
+ | } | ||
+ | |||
+ | .form-horizontal .help-block { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .form-horizontal input + .help-block, | ||
+ | .form-horizontal select + .help-block, | ||
+ | .form-horizontal textarea + .help-block, | ||
+ | .form-horizontal .uneditable-input + .help-block, | ||
+ | .form-horizontal .input-prepend + .help-block, | ||
+ | .form-horizontal .input-append + .help-block { | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | .form-horizontal .form-actions { | ||
+ | padding-left: 180px; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | max-width: 100%; | ||
+ | background-color: transparent; | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | |||
+ | .table { | ||
+ | width: 100%; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .table th, | ||
+ | .table td { | ||
+ | padding: 8px; | ||
+ | line-height: 20px; | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | border-top: 1px solid #cccccc; | ||
+ | } | ||
+ | |||
+ | .table th { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .table thead th { | ||
+ | vertical-align: bottom; | ||
+ | } | ||
+ | |||
+ | .table caption + thead tr:first-child th, | ||
+ | .table caption + thead tr:first-child td, | ||
+ | .table colgroup + thead tr:first-child th, | ||
+ | .table colgroup + thead tr:first-child td, | ||
+ | .table thead:first-child tr:first-child th, | ||
+ | .table thead:first-child tr:first-child td { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | .table tbody + tbody { | ||
+ | border-top: 2px solid #cccccc; | ||
+ | } | ||
+ | |||
+ | .table .table { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .table-condensed th, | ||
+ | .table-condensed td { | ||
+ | padding: 4px 5px; | ||
+ | } | ||
+ | |||
+ | .table-bordered { | ||
+ | border: 1px solid #cccccc; | ||
+ | border-collapse: separate; | ||
+ | *border-collapse: collapse; | ||
+ | border-left: 0; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered th, | ||
+ | .table-bordered td { | ||
+ | border-left: 1px solid #cccccc; | ||
+ | } | ||
+ | |||
+ | .table-bordered caption + thead tr:first-child th, | ||
+ | .table-bordered caption + tbody tr:first-child th, | ||
+ | .table-bordered caption + tbody tr:first-child td, | ||
+ | .table-bordered colgroup + thead tr:first-child th, | ||
+ | .table-bordered colgroup + tbody tr:first-child th, | ||
+ | .table-bordered colgroup + tbody tr:first-child td, | ||
+ | .table-bordered thead:first-child tr:first-child th, | ||
+ | .table-bordered tbody:first-child tr:first-child th, | ||
+ | .table-bordered tbody:first-child tr:first-child td { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered thead:first-child tr:first-child > th:first-child, | ||
+ | .table-bordered tbody:first-child tr:first-child > td:first-child, | ||
+ | .table-bordered tbody:first-child tr:first-child > th:first-child { | ||
+ | -webkit-border-top-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | -moz-border-radius-topleft: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered thead:first-child tr:first-child > th:last-child, | ||
+ | .table-bordered tbody:first-child tr:first-child > td:last-child, | ||
+ | .table-bordered tbody:first-child tr:first-child > th:last-child { | ||
+ | -webkit-border-top-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | -moz-border-radius-topright: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered thead:last-child tr:last-child > th:first-child, | ||
+ | .table-bordered tbody:last-child tr:last-child > td:first-child, | ||
+ | .table-bordered tbody:last-child tr:last-child > th:first-child, | ||
+ | .table-bordered tfoot:last-child tr:last-child > td:first-child, | ||
+ | .table-bordered tfoot:last-child tr:last-child > th:first-child { | ||
+ | -webkit-border-bottom-left-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered thead:last-child tr:last-child > th:last-child, | ||
+ | .table-bordered tbody:last-child tr:last-child > td:last-child, | ||
+ | .table-bordered tbody:last-child tr:last-child > th:last-child, | ||
+ | .table-bordered tfoot:last-child tr:last-child > td:last-child, | ||
+ | .table-bordered tfoot:last-child tr:last-child > th:last-child { | ||
+ | -webkit-border-bottom-right-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | -moz-border-radius-bottomright: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { | ||
+ | -webkit-border-bottom-left-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { | ||
+ | -webkit-border-bottom-right-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | -moz-border-radius-bottomright: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered caption + thead tr:first-child th:first-child, | ||
+ | .table-bordered caption + tbody tr:first-child td:first-child, | ||
+ | .table-bordered colgroup + thead tr:first-child th:first-child, | ||
+ | .table-bordered colgroup + tbody tr:first-child td:first-child { | ||
+ | -webkit-border-top-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | -moz-border-radius-topleft: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered caption + thead tr:first-child th:last-child, | ||
+ | .table-bordered caption + tbody tr:first-child td:last-child, | ||
+ | .table-bordered colgroup + thead tr:first-child th:last-child, | ||
+ | .table-bordered colgroup + tbody tr:first-child td:last-child { | ||
+ | -webkit-border-top-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | -moz-border-radius-topright: 0; | ||
+ | } | ||
+ | |||
+ | .table-striped tbody > tr:nth-child(odd) > td, | ||
+ | .table-striped tbody > tr:nth-child(odd) > th { | ||
+ | background-color: #f9f9f9; | ||
+ | } | ||
+ | |||
+ | .table-hover tbody tr:hover > td, | ||
+ | .table-hover tbody tr:hover > th { | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | table td[class*="span"], | ||
+ | table th[class*="span"], | ||
+ | .row-fluid table td[class*="span"], | ||
+ | .row-fluid table th[class*="span"] { | ||
+ | display: table-cell; | ||
+ | float: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span1, | ||
+ | .table th.span1 { | ||
+ | float: none; | ||
+ | width: 44px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span2, | ||
+ | .table th.span2 { | ||
+ | float: none; | ||
+ | width: 124px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span3, | ||
+ | .table th.span3 { | ||
+ | float: none; | ||
+ | width: 204px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span4, | ||
+ | .table th.span4 { | ||
+ | float: none; | ||
+ | width: 284px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span5, | ||
+ | .table th.span5 { | ||
+ | float: none; | ||
+ | width: 364px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span6, | ||
+ | .table th.span6 { | ||
+ | float: none; | ||
+ | width: 444px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span7, | ||
+ | .table th.span7 { | ||
+ | float: none; | ||
+ | width: 524px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span8, | ||
+ | .table th.span8 { | ||
+ | float: none; | ||
+ | width: 604px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span9, | ||
+ | .table th.span9 { | ||
+ | float: none; | ||
+ | width: 684px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span10, | ||
+ | .table th.span10 { | ||
+ | float: none; | ||
+ | width: 764px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span11, | ||
+ | .table th.span11 { | ||
+ | float: none; | ||
+ | width: 844px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table td.span12, | ||
+ | .table th.span12 { | ||
+ | float: none; | ||
+ | width: 924px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .table tbody tr.success > td { | ||
+ | background-color: #01a31c; | ||
+ | } | ||
+ | |||
+ | .table tbody tr.error > td { | ||
+ | background-color: #bc1c48; | ||
+ | } | ||
+ | |||
+ | .table tbody tr.warning > td { | ||
+ | background-color: #f09609; | ||
+ | } | ||
+ | |||
+ | .table tbody tr.info > td { | ||
+ | background-color: #2d89f0; | ||
+ | } | ||
+ | |||
+ | .table-hover tbody tr.success:hover > td { | ||
+ | background-color: #018a18; | ||
+ | } | ||
+ | |||
+ | .table-hover tbody tr.error:hover > td { | ||
+ | background-color: #a6193f; | ||
+ | } | ||
+ | |||
+ | .table-hover tbody tr.warning:hover > td { | ||
+ | background-color: #d78708; | ||
+ | } | ||
+ | |||
+ | .table-hover tbody tr.info:hover > td { | ||
+ | background-color: #157cee; | ||
+ | } | ||
+ | |||
+ | .dropup, | ||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .dropdown-toggle { | ||
+ | *margin-bottom: -3px; | ||
+ | } | ||
+ | |||
+ | .dropdown-toggle:active, | ||
+ | .open .dropdown-toggle { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .caret { | ||
+ | display: inline-block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | vertical-align: top; | ||
+ | border-top: 4px solid #000000; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-left: 4px solid transparent; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .dropdown .caret { | ||
+ | margin-top: 8px; | ||
+ | margin-left: 2px; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu { | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 1000; | ||
+ | display: none; | ||
+ | float: left; | ||
+ | min-width: 160px; | ||
+ | padding: 5px 0; | ||
+ | margin: 2px 0 0; | ||
+ | list-style: none; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #ccc; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.2); | ||
+ | *border-right-width: 2px; | ||
+ | *border-bottom-width: 2px; | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
+ | box-shadow: none; | ||
+ | -webkit-background-clip: padding-box; | ||
+ | -moz-background-clip: padding; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu.pull-right { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu .divider { | ||
+ | *width: 100%; | ||
+ | height: 1px; | ||
+ | margin: 9px 1px; | ||
+ | *margin: -5px 0 5px; | ||
+ | overflow: hidden; | ||
+ | background-color: #e5e5e5; | ||
+ | border-bottom: 1px solid #ffffff; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > li > a { | ||
+ | display: block; | ||
+ | padding: 3px 20px; | ||
+ | clear: both; | ||
+ | font-weight: normal; | ||
+ | line-height: 20px; | ||
+ | color: #333333; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > li > a:hover, | ||
+ | .dropdown-menu > li > a:focus, | ||
+ | .dropdown-submenu:hover > a, | ||
+ | .dropdown-submenu:focus > a { | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | background-color: #2c85c4; | ||
+ | background-image: -moz-linear-gradient(top, #2e8bcc, #297db7); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7)); | ||
+ | background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7); | ||
+ | background-image: -o-linear-gradient(top, #2e8bcc, #297db7); | ||
+ | background-image: linear-gradient(to bottom, #2e8bcc, #297db7); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > .active > a, | ||
+ | .dropdown-menu > .active > a:hover, | ||
+ | .dropdown-menu > .active > a:focus { | ||
+ | color: #333333; | ||
+ | text-decoration: none; | ||
+ | background-color: #2c85c4; | ||
+ | background-image: -moz-linear-gradient(top, #2e8bcc, #297db7); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#297db7)); | ||
+ | background-image: -webkit-linear-gradient(top, #2e8bcc, #297db7); | ||
+ | background-image: -o-linear-gradient(top, #2e8bcc, #297db7); | ||
+ | background-image: linear-gradient(to bottom, #2e8bcc, #297db7); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | outline: 0; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff297db7', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > .disabled > a, | ||
+ | .dropdown-menu > .disabled > a:hover, | ||
+ | .dropdown-menu > .disabled > a:focus { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu > .disabled > a:hover, | ||
+ | .dropdown-menu > .disabled > a:focus { | ||
+ | text-decoration: none; | ||
+ | cursor: default; | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .open { | ||
+ | *z-index: 1000; | ||
+ | } | ||
+ | |||
+ | .open > .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .pull-right > .dropdown-menu { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .dropup .caret, | ||
+ | .navbar-fixed-bottom .dropdown .caret { | ||
+ | border-top: 0; | ||
+ | border-bottom: 4px solid #000000; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .dropup .dropdown-menu, | ||
+ | .navbar-fixed-bottom .dropdown .dropdown-menu { | ||
+ | top: auto; | ||
+ | bottom: 100%; | ||
+ | margin-bottom: 1px; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu > .dropdown-menu { | ||
+ | top: 0; | ||
+ | left: 100%; | ||
+ | margin-top: -6px; | ||
+ | margin-left: -1px; | ||
+ | -webkit-border-radius: 0 6px 6px 6px; | ||
+ | -moz-border-radius: 0 6px 6px 6px; | ||
+ | border-radius: 0 6px 6px 6px; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu:hover > .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .dropup .dropdown-submenu > .dropdown-menu { | ||
+ | top: auto; | ||
+ | bottom: 0; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: -2px; | ||
+ | -webkit-border-radius: 5px 5px 5px 0; | ||
+ | -moz-border-radius: 5px 5px 5px 0; | ||
+ | border-radius: 5px 5px 5px 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu > a:after { | ||
+ | display: block; | ||
+ | float: right; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | margin-top: 5px; | ||
+ | margin-right: -10px; | ||
+ | border-color: transparent; | ||
+ | border-left-color: #cccccc; | ||
+ | border-style: solid; | ||
+ | border-width: 5px 0 5px 5px; | ||
+ | content: " "; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu:hover > a:after { | ||
+ | border-left-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu.pull-left { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu.pull-left > .dropdown-menu { | ||
+ | left: -100%; | ||
+ | margin-left: 10px; | ||
+ | -webkit-border-radius: 6px 0 6px 6px; | ||
+ | -moz-border-radius: 6px 0 6px 6px; | ||
+ | border-radius: 6px 0 6px 6px; | ||
+ | } | ||
+ | |||
+ | .dropdown .dropdown-menu .nav-header { | ||
+ | padding-right: 20px; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | |||
+ | .typeahead { | ||
+ | z-index: 1051; | ||
+ | margin-top: 2px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .well { | ||
+ | min-height: 20px; | ||
+ | padding: 19px; | ||
+ | margin-bottom: 20px; | ||
+ | background-color: #f5f5f5; | ||
+ | border: 1px solid #e3e3e3; | ||
+ | } | ||
+ | |||
+ | .well blockquote { | ||
+ | border-color: #ddd; | ||
+ | border-color: rgba(0, 0, 0, 0.15); | ||
+ | } | ||
+ | |||
+ | .well-large { | ||
+ | padding: 24px; | ||
+ | } | ||
+ | |||
+ | .well-small { | ||
+ | padding: 9px; | ||
+ | } | ||
+ | |||
+ | .fade { | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 0.15s linear; | ||
+ | -moz-transition: opacity 0.15s linear; | ||
+ | -o-transition: opacity 0.15s linear; | ||
+ | transition: opacity 0.15s linear; | ||
+ | } | ||
+ | |||
+ | .fade.in { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .collapse { | ||
+ | position: relative; | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | -webkit-transition: height 0.35s ease; | ||
+ | -moz-transition: height 0.35s ease; | ||
+ | -o-transition: height 0.35s ease; | ||
+ | transition: height 0.35s ease; | ||
+ | } | ||
+ | |||
+ | .collapse.in { | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .close { | ||
+ | float: right; | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | line-height: 20px; | ||
+ | color: #000000; | ||
+ | text-shadow: 0 1px 0 #ffffff; | ||
+ | opacity: 0.2; | ||
+ | filter: alpha(opacity=20); | ||
+ | } | ||
+ | |||
+ | .close:hover, | ||
+ | .close:focus { | ||
+ | color: #000000; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | opacity: 0.4; | ||
+ | filter: alpha(opacity=40); | ||
+ | } | ||
+ | |||
+ | button.close { | ||
+ | padding: 0; | ||
+ | cursor: pointer; | ||
+ | background: transparent; | ||
+ | border: 0; | ||
+ | -webkit-appearance: none; | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | padding: 4px 12px; | ||
+ | margin-bottom: 0; | ||
+ | *margin-left: .3em; | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | color: #333333; | ||
+ | text-align: center; | ||
+ | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | ||
+ | vertical-align: middle; | ||
+ | cursor: pointer; | ||
+ | background-color: #eeeeee; | ||
+ | *background-color: #eeeeee; | ||
+ | background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee)); | ||
+ | background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee); | ||
+ | background-image: -o-linear-gradient(top, #eeeeee, #eeeeee); | ||
+ | background-image: linear-gradient(to bottom, #eeeeee, #eeeeee); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border: 1px solid #cccccc; | ||
+ | *border: 0; | ||
+ | border-color: #eeeeee #eeeeee #c8c8c8; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | border-bottom-color: #b3b3b3; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | *zoom: 1; | ||
+ | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn:hover, | ||
+ | .btn:focus, | ||
+ | .btn:active, | ||
+ | .btn.active, | ||
+ | .btn.disabled, | ||
+ | .btn[disabled] { | ||
+ | color: #333333; | ||
+ | background-color: #eeeeee; | ||
+ | *background-color: #e1e1e1; | ||
+ | } | ||
+ | |||
+ | .btn:active, | ||
+ | .btn.active { | ||
+ | background-color: #d5d5d5 \9; | ||
+ | } | ||
+ | |||
+ | .btn:first-child { | ||
+ | *margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .btn:hover, | ||
+ | .btn:focus { | ||
+ | color: #333333; | ||
+ | text-decoration: none; | ||
+ | background-position: 0 -15px; | ||
+ | -webkit-transition: background-position 0.1s linear; | ||
+ | -moz-transition: background-position 0.1s linear; | ||
+ | -o-transition: background-position 0.1s linear; | ||
+ | transition: background-position 0.1s linear; | ||
+ | } | ||
+ | |||
+ | .btn:focus { | ||
+ | outline: thin dotted #333; | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px; | ||
+ | } | ||
+ | |||
+ | .btn.active, | ||
+ | .btn:active { | ||
+ | background-image: none; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn.disabled, | ||
+ | .btn[disabled] { | ||
+ | cursor: default; | ||
+ | background-image: none; | ||
+ | opacity: 0.65; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn-large { | ||
+ | padding: 11px 19px; | ||
+ | font-size: 17.5px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-large [class^="icon-"], | ||
+ | .btn-large [class*=" icon-"] { | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | |||
+ | .btn-small { | ||
+ | padding: 2px 10px; | ||
+ | font-size: 11.9px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-small [class^="icon-"], | ||
+ | .btn-small [class*=" icon-"] { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .btn-mini [class^="icon-"], | ||
+ | .btn-mini [class*=" icon-"] { | ||
+ | margin-top: -1px; | ||
+ | } | ||
+ | |||
+ | .btn-mini { | ||
+ | padding: 0 6px; | ||
+ | font-size: 10.5px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-block { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | padding-right: 0; | ||
+ | padding-left: 0; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .btn-block + .btn-block { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | input[type="submit"].btn-block, | ||
+ | input[type="reset"].btn-block, | ||
+ | input[type="button"].btn-block { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .btn-primary.active, | ||
+ | .btn-warning.active, | ||
+ | .btn-danger.active, | ||
+ | .btn-success.active, | ||
+ | .btn-info.active, | ||
+ | .btn-inverse.active { | ||
+ | color: rgba(255, 255, 255, 0.75); | ||
+ | } | ||
+ | |||
+ | .btn-primary { | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #2e7bcc; | ||
+ | *background-color: #2e63cc; | ||
+ | background-image: -moz-linear-gradient(top, #2e8bcc, #2e63cc); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2e8bcc), to(#2e63cc)); | ||
+ | background-image: -webkit-linear-gradient(top, #2e8bcc, #2e63cc); | ||
+ | background-image: -o-linear-gradient(top, #2e8bcc, #2e63cc); | ||
+ | background-image: linear-gradient(to bottom, #2e8bcc, #2e63cc); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #2e63cc #2e63cc #20458e; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2e8bcc', endColorstr='#ff2e63cc', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .btn-primary:hover, | ||
+ | .btn-primary:focus, | ||
+ | .btn-primary:active, | ||
+ | .btn-primary.active, | ||
+ | .btn-primary.disabled, | ||
+ | .btn-primary[disabled] { | ||
+ | color: #ffffff; | ||
+ | background-color: #2e63cc; | ||
+ | *background-color: #2959b7; | ||
+ | } | ||
+ | |||
+ | .btn-primary:active, | ||
+ | .btn-primary.active { | ||
+ | background-color: #254fa2 \9; | ||
+ | } | ||
+ | |||
+ | .btn-warning { | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #f5a932; | ||
+ | *background-color: #f09609; | ||
+ | background-image: -moz-linear-gradient(top, #f8b64d, #f09609); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609)); | ||
+ | background-image: -webkit-linear-gradient(top, #f8b64d, #f09609); | ||
+ | background-image: -o-linear-gradient(top, #f8b64d, #f09609); | ||
+ | background-image: linear-gradient(to bottom, #f8b64d, #f09609); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #f09609 #f09609 #a66806; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .btn-warning:hover, | ||
+ | .btn-warning:focus, | ||
+ | .btn-warning:active, | ||
+ | .btn-warning.active, | ||
+ | .btn-warning.disabled, | ||
+ | .btn-warning[disabled] { | ||
+ | color: #ffffff; | ||
+ | background-color: #f09609; | ||
+ | *background-color: #d78708; | ||
+ | } | ||
+ | |||
+ | .btn-warning:active, | ||
+ | .btn-warning.active { | ||
+ | background-color: #bf7707 \9; | ||
+ | } | ||
+ | |||
+ | .btn-danger { | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #da4f49; | ||
+ | *background-color: #bd362f; | ||
+ | background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); | ||
+ | background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); | ||
+ | background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); | ||
+ | background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #bd362f #bd362f #802420; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .btn-danger:hover, | ||
+ | .btn-danger:focus, | ||
+ | .btn-danger:active, | ||
+ | .btn-danger.active, | ||
+ | .btn-danger.disabled, | ||
+ | .btn-danger[disabled] { | ||
+ | color: #ffffff; | ||
+ | background-color: #bd362f; | ||
+ | *background-color: #a9302a; | ||
+ | } | ||
+ | |||
+ | .btn-danger:active, | ||
+ | .btn-danger.active { | ||
+ | background-color: #942a25 \9; | ||
+ | } | ||
+ | |||
+ | .btn-success { | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #5bb75b; | ||
+ | *background-color: #51a351; | ||
+ | background-image: -moz-linear-gradient(top, #62c462, #51a351); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); | ||
+ | background-image: -webkit-linear-gradient(top, #62c462, #51a351); | ||
+ | background-image: -o-linear-gradient(top, #62c462, #51a351); | ||
+ | background-image: linear-gradient(to bottom, #62c462, #51a351); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #51a351 #51a351 #387038; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .btn-success:hover, | ||
+ | .btn-success:focus, | ||
+ | .btn-success:active, | ||
+ | .btn-success.active, | ||
+ | .btn-success.disabled, | ||
+ | .btn-success[disabled] { | ||
+ | color: #ffffff; | ||
+ | background-color: #51a351; | ||
+ | *background-color: #499249; | ||
+ | } | ||
+ | |||
+ | .btn-success:active, | ||
+ | .btn-success.active { | ||
+ | background-color: #408140 \9; | ||
+ | } | ||
+ | |||
+ | .btn-info { | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #49afcd; | ||
+ | *background-color: #2f96b4; | ||
+ | background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); | ||
+ | background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); | ||
+ | background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); | ||
+ | background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #2f96b4 #2f96b4 #1f6377; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .btn-info:hover, | ||
+ | .btn-info:focus, | ||
+ | .btn-info:active, | ||
+ | .btn-info.active, | ||
+ | .btn-info.disabled, | ||
+ | .btn-info[disabled] { | ||
+ | color: #ffffff; | ||
+ | background-color: #2f96b4; | ||
+ | *background-color: #2a85a0; | ||
+ | } | ||
+ | |||
+ | .btn-info:active, | ||
+ | .btn-info.active { | ||
+ | background-color: #24748c \9; | ||
+ | } | ||
+ | |||
+ | .btn-inverse { | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #414141; | ||
+ | *background-color: #222222; | ||
+ | background-image: -moz-linear-gradient(top, #555555, #222222); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); | ||
+ | background-image: -webkit-linear-gradient(top, #555555, #222222); | ||
+ | background-image: -o-linear-gradient(top, #555555, #222222); | ||
+ | background-image: linear-gradient(to bottom, #555555, #222222); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #222222 #222222 #000000; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff222222', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .btn-inverse:hover, | ||
+ | .btn-inverse:focus, | ||
+ | .btn-inverse:active, | ||
+ | .btn-inverse.active, | ||
+ | .btn-inverse.disabled, | ||
+ | .btn-inverse[disabled] { | ||
+ | color: #ffffff; | ||
+ | background-color: #222222; | ||
+ | *background-color: #151515; | ||
+ | } | ||
+ | |||
+ | .btn-inverse:active, | ||
+ | .btn-inverse.active { | ||
+ | background-color: #080808 \9; | ||
+ | } | ||
+ | |||
+ | button.btn, | ||
+ | input[type="submit"].btn { | ||
+ | *padding-top: 3px; | ||
+ | *padding-bottom: 3px; | ||
+ | } | ||
+ | |||
+ | button.btn::-moz-focus-inner, | ||
+ | input[type="submit"].btn::-moz-focus-inner { | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | button.btn.btn-large, | ||
+ | input[type="submit"].btn.btn-large { | ||
+ | *padding-top: 7px; | ||
+ | *padding-bottom: 7px; | ||
+ | } | ||
+ | |||
+ | button.btn.btn-small, | ||
+ | input[type="submit"].btn.btn-small { | ||
+ | *padding-top: 3px; | ||
+ | *padding-bottom: 3px; | ||
+ | } | ||
+ | |||
+ | button.btn.btn-mini, | ||
+ | input[type="submit"].btn.btn-mini { | ||
+ | *padding-top: 1px; | ||
+ | *padding-bottom: 1px; | ||
+ | } | ||
+ | |||
+ | .btn-link, | ||
+ | .btn-link:active, | ||
+ | .btn-link[disabled] { | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn-link { | ||
+ | color: #2e8bcc; | ||
+ | cursor: pointer; | ||
+ | border-color: transparent; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-link:hover, | ||
+ | .btn-link:focus { | ||
+ | color: #20608e; | ||
+ | text-decoration: underline; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .btn-link[disabled]:hover, | ||
+ | .btn-link[disabled]:focus { | ||
+ | color: #333333; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .btn-group { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | *margin-left: .3em; | ||
+ | font-size: 0; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .btn-group:first-child { | ||
+ | *margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group + .btn-group { | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | .btn-toolbar { | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | font-size: 0; | ||
+ | } | ||
+ | |||
+ | .btn-toolbar > .btn + .btn, | ||
+ | .btn-toolbar > .btn-group + .btn, | ||
+ | .btn-toolbar > .btn + .btn-group { | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn { | ||
+ | position: relative; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn + .btn { | ||
+ | margin-left: -1px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn, | ||
+ | .btn-group > .dropdown-menu, | ||
+ | .btn-group > .popover { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-mini { | ||
+ | font-size: 10.5px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-small { | ||
+ | font-size: 11.9px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-large { | ||
+ | font-size: 17.5px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn:first-child { | ||
+ | margin-left: 0; | ||
+ | -webkit-border-bottom-left-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | -webkit-border-top-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 0; | ||
+ | -moz-border-radius-topleft: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn:last-child, | ||
+ | .btn-group > .dropdown-toggle { | ||
+ | -webkit-border-top-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | -webkit-border-bottom-right-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | -moz-border-radius-topright: 0; | ||
+ | -moz-border-radius-bottomright: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn.large:first-child { | ||
+ | margin-left: 0; | ||
+ | -webkit-border-bottom-left-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | -webkit-border-top-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 0; | ||
+ | -moz-border-radius-topleft: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn.large:last-child, | ||
+ | .btn-group > .large.dropdown-toggle { | ||
+ | -webkit-border-top-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | -webkit-border-bottom-right-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | -moz-border-radius-topright: 0; | ||
+ | -moz-border-radius-bottomright: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn:hover, | ||
+ | .btn-group > .btn:focus, | ||
+ | .btn-group > .btn:active, | ||
+ | .btn-group > .btn.active { | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | .btn-group .dropdown-toggle:active, | ||
+ | .btn-group.open .dropdown-toggle { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn + .dropdown-toggle { | ||
+ | *padding-top: 5px; | ||
+ | padding-right: 8px; | ||
+ | *padding-bottom: 5px; | ||
+ | padding-left: 8px; | ||
+ | -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-mini + .dropdown-toggle { | ||
+ | *padding-top: 2px; | ||
+ | padding-right: 5px; | ||
+ | *padding-bottom: 2px; | ||
+ | padding-left: 5px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-small + .dropdown-toggle { | ||
+ | *padding-top: 5px; | ||
+ | *padding-bottom: 4px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-large + .dropdown-toggle { | ||
+ | *padding-top: 7px; | ||
+ | padding-right: 12px; | ||
+ | *padding-bottom: 7px; | ||
+ | padding-left: 12px; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .dropdown-toggle { | ||
+ | background-image: none; | ||
+ | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .btn.dropdown-toggle { | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .btn-primary.dropdown-toggle { | ||
+ | background-color: #2e63cc; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .btn-warning.dropdown-toggle { | ||
+ | background-color: #f09609; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .btn-danger.dropdown-toggle { | ||
+ | background-color: #bd362f; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .btn-success.dropdown-toggle { | ||
+ | background-color: #51a351; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .btn-info.dropdown-toggle { | ||
+ | background-color: #2f96b4; | ||
+ | } | ||
+ | |||
+ | .btn-group.open .btn-inverse.dropdown-toggle { | ||
+ | background-color: #222222; | ||
+ | } | ||
+ | |||
+ | .btn .caret { | ||
+ | margin-top: 8px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .btn-large .caret { | ||
+ | margin-top: 6px; | ||
+ | } | ||
+ | |||
+ | .btn-large .caret { | ||
+ | border-top-width: 5px; | ||
+ | border-right-width: 5px; | ||
+ | border-left-width: 5px; | ||
+ | } | ||
+ | |||
+ | .btn-mini .caret, | ||
+ | .btn-small .caret { | ||
+ | margin-top: 8px; | ||
+ | } | ||
+ | |||
+ | .dropup .btn-large .caret { | ||
+ | border-bottom-width: 5px; | ||
+ | } | ||
+ | |||
+ | .btn-primary .caret, | ||
+ | .btn-warning .caret, | ||
+ | .btn-danger .caret, | ||
+ | .btn-info .caret, | ||
+ | .btn-success .caret, | ||
+ | .btn-inverse .caret { | ||
+ | border-top-color: #ffffff; | ||
+ | border-bottom-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | /* IE7 inline-block hack */ | ||
+ | |||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical > .btn { | ||
+ | display: block; | ||
+ | float: none; | ||
+ | max-width: 100%; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical > .btn + .btn { | ||
+ | margin-top: -1px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical > .btn:first-child { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical > .btn:last-child { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical > .btn-large:first-child { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical > .btn-large:last-child { | ||
+ | -webkit-border-radius: 0 0 0 0; | ||
+ | -moz-border-radius: 0 0 0 0; | ||
+ | border-radius: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .alert { | ||
+ | padding: 8px 35px 8px 14px; | ||
+ | margin-bottom: 20px; | ||
+ | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | background-color: #f09609; | ||
+ | border: 1px solid #e16908; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .alert, | ||
+ | .alert h4 { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .alert h4 { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .alert .close { | ||
+ | position: relative; | ||
+ | top: -2px; | ||
+ | right: -21px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .alert-success { | ||
+ | color: #ffffff; | ||
+ | background-color: #01a31c; | ||
+ | border-color: #018a01; | ||
+ | } | ||
+ | |||
+ | .alert-success h4 { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .alert-danger, | ||
+ | .alert-error { | ||
+ | color: #ffffff; | ||
+ | background-color: #bc1c48; | ||
+ | border-color: #af1a5c; | ||
+ | } | ||
+ | |||
+ | .alert-danger h4, | ||
+ | .alert-error h4 { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .alert-info { | ||
+ | color: #ffffff; | ||
+ | background-color: #2d89f0; | ||
+ | border-color: #119be9; | ||
+ | } | ||
+ | |||
+ | .alert-info h4 { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .alert-block { | ||
+ | padding-top: 14px; | ||
+ | padding-bottom: 14px; | ||
+ | } | ||
+ | |||
+ | .alert-block > p, | ||
+ | .alert-block > ul { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .alert-block p + p { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .nav { | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .nav > li > a { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .nav > li > a:hover, | ||
+ | .nav > li > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | .nav > li > a > img { | ||
+ | max-width: none; | ||
+ | } | ||
+ | |||
+ | .nav > .pull-right { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .nav-header { | ||
+ | display: block; | ||
+ | padding: 3px 15px; | ||
+ | font-size: 11px; | ||
+ | font-weight: bold; | ||
+ | line-height: 20px; | ||
+ | color: #999999; | ||
+ | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .nav li + .nav-header { | ||
+ | margin-top: 9px; | ||
+ | } | ||
+ | |||
+ | .nav-list { | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .nav-list > li > a, | ||
+ | .nav-list .nav-header { | ||
+ | margin-right: -15px; | ||
+ | margin-left: -15px; | ||
+ | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | ||
+ | } | ||
+ | |||
+ | .nav-list > li > a { | ||
+ | padding: 3px 15px; | ||
+ | } | ||
+ | |||
+ | .nav-list > .active > a, | ||
+ | .nav-list > .active > a:hover, | ||
+ | .nav-list > .active > a:focus { | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
+ | background-color: #2e8bcc; | ||
+ | } | ||
+ | |||
+ | .nav-list [class^="icon-"], | ||
+ | .nav-list [class*=" icon-"] { | ||
+ | margin-right: 2px; | ||
+ | } | ||
+ | |||
+ | .nav-list .divider { | ||
+ | *width: 100%; | ||
+ | height: 1px; | ||
+ | margin: 9px 1px; | ||
+ | *margin: -5px 0 5px; | ||
+ | overflow: hidden; | ||
+ | background-color: #e5e5e5; | ||
+ | border-bottom: 1px solid #ffffff; | ||
+ | } | ||
+ | |||
+ | .nav-tabs, | ||
+ | .nav-pills { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .nav-tabs:before, | ||
+ | .nav-pills:before, | ||
+ | .nav-tabs:after, | ||
+ | .nav-pills:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .nav-tabs:after, | ||
+ | .nav-pills:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li, | ||
+ | .nav-pills > li { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li > a, | ||
+ | .nav-pills > li > a { | ||
+ | padding-right: 12px; | ||
+ | padding-left: 12px; | ||
+ | margin-right: 2px; | ||
+ | line-height: 14px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs { | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li { | ||
+ | margin-bottom: -1px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li > a { | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | line-height: 20px; | ||
+ | border: 1px solid transparent; | ||
+ | -webkit-border-radius: 4px 4px 0 0; | ||
+ | -moz-border-radius: 4px 4px 0 0; | ||
+ | border-radius: 4px 4px 0 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > li > a:hover, | ||
+ | .nav-tabs > li > a:focus { | ||
+ | border-color: #eeeeee #eeeeee #dddddd; | ||
+ | } | ||
+ | |||
+ | .nav-tabs > .active > a, | ||
+ | .nav-tabs > .active > a:hover, | ||
+ | .nav-tabs > .active > a:focus { | ||
+ | color: #555555; | ||
+ | cursor: default; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #ddd; | ||
+ | border-bottom-color: transparent; | ||
+ | } | ||
+ | |||
+ | .nav-pills > li > a { | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | margin-top: 2px; | ||
+ | margin-bottom: 2px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .nav-pills > .active > a, | ||
+ | .nav-pills > .active > a:hover, | ||
+ | .nav-pills > .active > a:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #2e8bcc; | ||
+ | } | ||
+ | |||
+ | .nav-stacked > li { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .nav-stacked > li > a { | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li > a { | ||
+ | border: 1px solid #ddd; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li:first-child > a { | ||
+ | -webkit-border-top-right-radius: 4px; | ||
+ | border-top-right-radius: 4px; | ||
+ | -webkit-border-top-left-radius: 4px; | ||
+ | border-top-left-radius: 4px; | ||
+ | -moz-border-radius-topright: 4px; | ||
+ | -moz-border-radius-topleft: 4px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li:last-child > a { | ||
+ | -webkit-border-bottom-right-radius: 4px; | ||
+ | border-bottom-right-radius: 4px; | ||
+ | -webkit-border-bottom-left-radius: 4px; | ||
+ | border-bottom-left-radius: 4px; | ||
+ | -moz-border-radius-bottomright: 4px; | ||
+ | -moz-border-radius-bottomleft: 4px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li > a:hover, | ||
+ | .nav-tabs.nav-stacked > li > a:focus { | ||
+ | z-index: 2; | ||
+ | border-color: #ddd; | ||
+ | } | ||
+ | |||
+ | .nav-pills.nav-stacked > li > a { | ||
+ | margin-bottom: 3px; | ||
+ | } | ||
+ | |||
+ | .nav-pills.nav-stacked > li:last-child > a { | ||
+ | margin-bottom: 1px; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-menu { | ||
+ | -webkit-border-radius: 0 0 6px 6px; | ||
+ | -moz-border-radius: 0 0 6px 6px; | ||
+ | border-radius: 0 0 6px 6px; | ||
+ | } | ||
+ | |||
+ | .nav-pills .dropdown-menu { | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | .nav .dropdown-toggle .caret { | ||
+ | margin-top: 6px; | ||
+ | border-top-color: #2e8bcc; | ||
+ | border-bottom-color: #2e8bcc; | ||
+ | } | ||
+ | |||
+ | .nav .dropdown-toggle:hover .caret, | ||
+ | .nav .dropdown-toggle:focus .caret { | ||
+ | border-top-color: #20608e; | ||
+ | border-bottom-color: #20608e; | ||
+ | } | ||
+ | |||
+ | /* move down carets for tabs */ | ||
+ | |||
+ | .nav-tabs .dropdown-toggle .caret { | ||
+ | margin-top: 8px; | ||
+ | } | ||
+ | |||
+ | .nav .active .dropdown-toggle .caret { | ||
+ | border-top-color: #fff; | ||
+ | border-bottom-color: #fff; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .active .dropdown-toggle .caret { | ||
+ | border-top-color: #555555; | ||
+ | border-bottom-color: #555555; | ||
+ | } | ||
+ | |||
+ | .nav > .dropdown.active > a:hover, | ||
+ | .nav > .dropdown.active > a:focus { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .open .dropdown-toggle, | ||
+ | .nav-pills .open .dropdown-toggle, | ||
+ | .nav > li.dropdown.open.active > a:hover, | ||
+ | .nav > li.dropdown.open.active > a:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #999999; | ||
+ | border-color: #999999; | ||
+ | } | ||
+ | |||
+ | .nav li.dropdown.open .caret, | ||
+ | .nav li.dropdown.open.active .caret, | ||
+ | .nav li.dropdown.open a:hover .caret, | ||
+ | .nav li.dropdown.open a:focus .caret { | ||
+ | border-top-color: #ffffff; | ||
+ | border-bottom-color: #ffffff; | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | } | ||
+ | |||
+ | .tabs-stacked .open > a:hover, | ||
+ | .tabs-stacked .open > a:focus { | ||
+ | border-color: #999999; | ||
+ | } | ||
+ | |||
+ | .tabbable { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .tabbable:before, | ||
+ | .tabbable:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .tabbable:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .tab-content { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .tabs-below > .nav-tabs, | ||
+ | .tabs-right > .nav-tabs, | ||
+ | .tabs-left > .nav-tabs { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .tab-content > .tab-pane, | ||
+ | .pill-content > .pill-pane { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .tab-content > .active, | ||
+ | .pill-content > .active { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .tabs-below > .nav-tabs { | ||
+ | border-top: 1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | .tabs-below > .nav-tabs > li { | ||
+ | margin-top: -1px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .tabs-below > .nav-tabs > li > a { | ||
+ | -webkit-border-radius: 0 0 4px 4px; | ||
+ | -moz-border-radius: 0 0 4px 4px; | ||
+ | border-radius: 0 0 4px 4px; | ||
+ | } | ||
+ | |||
+ | .tabs-below > .nav-tabs > li > a:hover, | ||
+ | .tabs-below > .nav-tabs > li > a:focus { | ||
+ | border-top-color: #ddd; | ||
+ | border-bottom-color: transparent; | ||
+ | } | ||
+ | |||
+ | .tabs-below > .nav-tabs > .active > a, | ||
+ | .tabs-below > .nav-tabs > .active > a:hover, | ||
+ | .tabs-below > .nav-tabs > .active > a:focus { | ||
+ | border-color: transparent #ddd #ddd #ddd; | ||
+ | } | ||
+ | |||
+ | .tabs-left > .nav-tabs > li, | ||
+ | .tabs-right > .nav-tabs > li { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .tabs-left > .nav-tabs > li > a, | ||
+ | .tabs-right > .nav-tabs > li > a { | ||
+ | min-width: 74px; | ||
+ | margin-right: 0; | ||
+ | margin-bottom: 3px; | ||
+ | } | ||
+ | |||
+ | .tabs-left > .nav-tabs { | ||
+ | float: left; | ||
+ | margin-right: 19px; | ||
+ | border-right: 1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | .tabs-left > .nav-tabs > li > a { | ||
+ | margin-right: -1px; | ||
+ | -webkit-border-radius: 4px 0 0 4px; | ||
+ | -moz-border-radius: 4px 0 0 4px; | ||
+ | border-radius: 4px 0 0 4px; | ||
+ | } | ||
+ | |||
+ | .tabs-left > .nav-tabs > li > a:hover, | ||
+ | .tabs-left > .nav-tabs > li > a:focus { | ||
+ | border-color: #eeeeee #dddddd #eeeeee #eeeeee; | ||
+ | } | ||
+ | |||
+ | .tabs-left > .nav-tabs .active > a, | ||
+ | .tabs-left > .nav-tabs .active > a:hover, | ||
+ | .tabs-left > .nav-tabs .active > a:focus { | ||
+ | border-color: #ddd transparent #ddd #ddd; | ||
+ | *border-right-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .tabs-right > .nav-tabs { | ||
+ | float: right; | ||
+ | margin-left: 19px; | ||
+ | border-left: 1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | .tabs-right > .nav-tabs > li > a { | ||
+ | margin-left: -1px; | ||
+ | -webkit-border-radius: 0 4px 4px 0; | ||
+ | -moz-border-radius: 0 4px 4px 0; | ||
+ | border-radius: 0 4px 4px 0; | ||
+ | } | ||
+ | |||
+ | .tabs-right > .nav-tabs > li > a:hover, | ||
+ | .tabs-right > .nav-tabs > li > a:focus { | ||
+ | border-color: #eeeeee #eeeeee #eeeeee #dddddd; | ||
+ | } | ||
+ | |||
+ | .tabs-right > .nav-tabs .active > a, | ||
+ | .tabs-right > .nav-tabs .active > a:hover, | ||
+ | .tabs-right > .nav-tabs .active > a:focus { | ||
+ | border-color: #ddd #ddd #ddd transparent; | ||
+ | *border-left-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .nav > .disabled > a { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | .nav > .disabled > a:hover, | ||
+ | .nav > .disabled > a:focus { | ||
+ | text-decoration: none; | ||
+ | cursor: default; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | *position: relative; | ||
+ | *z-index: 2; | ||
+ | margin-bottom: 20px; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | .navbar-inner { | ||
+ | min-height: 40px; | ||
+ | padding-right: 20px; | ||
+ | padding-left: 20px; | ||
+ | background-color: #fafafa; | ||
+ | background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); | ||
+ | background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); | ||
+ | background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); | ||
+ | background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border: 1px solid #d4d4d4; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | *zoom: 1; | ||
+ | -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar-inner:before, | ||
+ | .navbar-inner:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .navbar-inner:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .navbar .container { | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | .nav-collapse.collapse { | ||
+ | height: auto; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | .navbar .brand { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | padding: 10px 20px 10px; | ||
+ | margin-left: -20px; | ||
+ | font-size: 20px; | ||
+ | font-weight: 200; | ||
+ | color: #777777; | ||
+ | text-shadow: 0 1px 0 #ffffff; | ||
+ | } | ||
+ | |||
+ | .navbar .brand:hover, | ||
+ | .navbar .brand:focus { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .navbar-text { | ||
+ | margin-bottom: 0; | ||
+ | line-height: 40px; | ||
+ | color: #777777; | ||
+ | } | ||
+ | |||
+ | .navbar-link { | ||
+ | color: #777777; | ||
+ | } | ||
+ | |||
+ | .navbar-link:hover, | ||
+ | .navbar-link:focus { | ||
+ | color: #333333; | ||
+ | } | ||
+ | |||
+ | .navbar .divider-vertical { | ||
+ | height: 40px; | ||
+ | margin: 0 9px; | ||
+ | border-right: 1px solid #ffffff; | ||
+ | border-left: 1px solid #f2f2f2; | ||
+ | } | ||
+ | |||
+ | .navbar .btn, | ||
+ | .navbar .btn-group { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .navbar .btn-group .btn, | ||
+ | .navbar .input-prepend .btn, | ||
+ | .navbar .input-append .btn, | ||
+ | .navbar .input-prepend .btn-group, | ||
+ | .navbar .input-append .btn-group { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-form { | ||
+ | margin-bottom: 0; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .navbar-form:before, | ||
+ | .navbar-form:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .navbar-form:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .navbar-form input, | ||
+ | .navbar-form select, | ||
+ | .navbar-form .radio, | ||
+ | .navbar-form .checkbox { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .navbar-form input, | ||
+ | .navbar-form select, | ||
+ | .navbar-form .btn { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-form input[type="image"], | ||
+ | .navbar-form input[type="checkbox"], | ||
+ | .navbar-form input[type="radio"] { | ||
+ | margin-top: 3px; | ||
+ | } | ||
+ | |||
+ | .navbar-form .input-append, | ||
+ | .navbar-form .input-prepend { | ||
+ | margin-top: 5px; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .navbar-form .input-append input, | ||
+ | .navbar-form .input-prepend input { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-search { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | margin-top: 5px; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-search .search-query { | ||
+ | padding: 4px 14px; | ||
+ | margin-bottom: 0; | ||
+ | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif; | ||
+ | font-size: 13px; | ||
+ | font-weight: normal; | ||
+ | line-height: 1; | ||
+ | -webkit-border-radius: 15px; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | } | ||
+ | |||
+ | .navbar-static-top { | ||
+ | position: static; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-static-top .navbar-inner { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top, | ||
+ | .navbar-fixed-bottom { | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | z-index: 1030; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top .navbar-inner, | ||
+ | .navbar-static-top .navbar-inner { | ||
+ | border-width: 0 0 1px; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom .navbar-inner { | ||
+ | border-width: 1px 0 0; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top .navbar-inner, | ||
+ | .navbar-fixed-bottom .navbar-inner { | ||
+ | padding-right: 0; | ||
+ | padding-left: 0; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-static-top .container, | ||
+ | .navbar-fixed-top .container, | ||
+ | .navbar-fixed-bottom .container { | ||
+ | width: 940px; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top { | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top .navbar-inner, | ||
+ | .navbar-static-top .navbar-inner { | ||
+ | -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom { | ||
+ | bottom: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom .navbar-inner { | ||
+ | -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar .nav { | ||
+ | position: relative; | ||
+ | left: 0; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | margin: 0 10px 0 0; | ||
+ | } | ||
+ | |||
+ | .navbar .nav.pull-right { | ||
+ | float: right; | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | |||
+ | .navbar .nav > li { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .navbar .nav > li > a { | ||
+ | float: none; | ||
+ | padding: 10px 15px 10px; | ||
+ | color: #777777; | ||
+ | text-decoration: none; | ||
+ | text-shadow: 0 1px 0 #ffffff; | ||
+ | } | ||
+ | |||
+ | .navbar .nav .dropdown-toggle .caret { | ||
+ | margin-top: 8px; | ||
+ | } | ||
+ | |||
+ | .navbar .nav > li > a:focus, | ||
+ | .navbar .nav > li > a:hover { | ||
+ | color: #333333; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .navbar .nav > .active > a, | ||
+ | .navbar .nav > .active > a:hover, | ||
+ | .navbar .nav > .active > a:focus { | ||
+ | color: #555555; | ||
+ | text-decoration: none; | ||
+ | background-color: #e5e5e5; | ||
+ | -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar .btn-navbar { | ||
+ | display: none; | ||
+ | float: right; | ||
+ | padding: 7px 10px; | ||
+ | margin-right: 5px; | ||
+ | margin-left: 5px; | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #ededed; | ||
+ | *background-color: #e5e5e5; | ||
+ | background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); | ||
+ | background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); | ||
+ | background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); | ||
+ | background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #e5e5e5 #e5e5e5 #bfbfbf; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar .btn-navbar:hover, | ||
+ | .navbar .btn-navbar:focus, | ||
+ | .navbar .btn-navbar:active, | ||
+ | .navbar .btn-navbar.active, | ||
+ | .navbar .btn-navbar.disabled, | ||
+ | .navbar .btn-navbar[disabled] { | ||
+ | color: #ffffff; | ||
+ | background-color: #e5e5e5; | ||
+ | *background-color: #d9d9d9; | ||
+ | } | ||
+ | |||
+ | .navbar .btn-navbar:active, | ||
+ | .navbar .btn-navbar.active { | ||
+ | background-color: #cccccc \9; | ||
+ | } | ||
+ | |||
+ | .navbar .btn-navbar .icon-bar { | ||
+ | display: block; | ||
+ | width: 18px; | ||
+ | height: 2px; | ||
+ | background-color: #f5f5f5; | ||
+ | -webkit-border-radius: 1px; | ||
+ | -moz-border-radius: 1px; | ||
+ | border-radius: 1px; | ||
+ | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn-navbar .icon-bar + .icon-bar { | ||
+ | margin-top: 3px; | ||
+ | } | ||
+ | |||
+ | .navbar .nav > li > .dropdown-menu:before { | ||
+ | position: absolute; | ||
+ | top: -7px; | ||
+ | left: 9px; | ||
+ | display: inline-block; | ||
+ | border-right: 7px solid transparent; | ||
+ | border-bottom: 7px solid #ccc; | ||
+ | border-left: 7px solid transparent; | ||
+ | border-bottom-color: rgba(0, 0, 0, 0.2); | ||
+ | content: ''; | ||
+ | } | ||
+ | |||
+ | .navbar .nav > li > .dropdown-menu:after { | ||
+ | position: absolute; | ||
+ | top: -6px; | ||
+ | left: 10px; | ||
+ | display: inline-block; | ||
+ | border-right: 6px solid transparent; | ||
+ | border-bottom: 6px solid #ffffff; | ||
+ | border-left: 6px solid transparent; | ||
+ | content: ''; | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom .nav > li > .dropdown-menu:before { | ||
+ | top: auto; | ||
+ | bottom: -7px; | ||
+ | border-top: 7px solid #ccc; | ||
+ | border-bottom: 0; | ||
+ | border-top-color: rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom .nav > li > .dropdown-menu:after { | ||
+ | top: auto; | ||
+ | bottom: -6px; | ||
+ | border-top: 6px solid #ffffff; | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .navbar .nav li.dropdown > a:hover .caret, | ||
+ | .navbar .nav li.dropdown > a:focus .caret { | ||
+ | border-top-color: #333333; | ||
+ | border-bottom-color: #333333; | ||
+ | } | ||
+ | |||
+ | .navbar .nav li.dropdown.open > .dropdown-toggle, | ||
+ | .navbar .nav li.dropdown.active > .dropdown-toggle, | ||
+ | .navbar .nav li.dropdown.open.active > .dropdown-toggle { | ||
+ | color: #555555; | ||
+ | background-color: #e5e5e5; | ||
+ | } | ||
+ | |||
+ | .navbar .nav li.dropdown > .dropdown-toggle .caret { | ||
+ | border-top-color: #777777; | ||
+ | border-bottom-color: #777777; | ||
+ | } | ||
+ | |||
+ | .navbar .nav li.dropdown.open > .dropdown-toggle .caret, | ||
+ | .navbar .nav li.dropdown.active > .dropdown-toggle .caret, | ||
+ | .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { | ||
+ | border-top-color: #555555; | ||
+ | border-bottom-color: #555555; | ||
+ | } | ||
+ | |||
+ | .navbar .pull-right > li > .dropdown-menu, | ||
+ | .navbar .nav > li > .dropdown-menu.pull-right { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .navbar .pull-right > li > .dropdown-menu:before, | ||
+ | .navbar .nav > li > .dropdown-menu.pull-right:before { | ||
+ | right: 12px; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .navbar .pull-right > li > .dropdown-menu:after, | ||
+ | .navbar .nav > li > .dropdown-menu.pull-right:after { | ||
+ | right: 13px; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .navbar .pull-right > li > .dropdown-menu .dropdown-menu, | ||
+ | .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { | ||
+ | right: 100%; | ||
+ | left: auto; | ||
+ | margin-right: -1px; | ||
+ | margin-left: 0; | ||
+ | -webkit-border-radius: 6px 0 6px 6px; | ||
+ | -moz-border-radius: 6px 0 6px 6px; | ||
+ | border-radius: 6px 0 6px 6px; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-inner { | ||
+ | background-color: #1b1b1b; | ||
+ | background-image: -moz-linear-gradient(top, #222222, #111111); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); | ||
+ | background-image: -webkit-linear-gradient(top, #222222, #111111); | ||
+ | background-image: -o-linear-gradient(top, #222222, #111111); | ||
+ | background-image: linear-gradient(to bottom, #222222, #111111); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #252525; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .brand, | ||
+ | .navbar-inverse .nav > li > a { | ||
+ | color: #999999; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .brand:hover, | ||
+ | .navbar-inverse .nav > li > a:hover, | ||
+ | .navbar-inverse .brand:focus, | ||
+ | .navbar-inverse .nav > li > a:focus { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .brand { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-text { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .nav > li > a:focus, | ||
+ | .navbar-inverse .nav > li > a:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .nav .active > a, | ||
+ | .navbar-inverse .nav .active > a:hover, | ||
+ | .navbar-inverse .nav .active > a:focus { | ||
+ | color: #ffffff; | ||
+ | background-color: #111111; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-link { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-link:hover, | ||
+ | .navbar-inverse .navbar-link:focus { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .divider-vertical { | ||
+ | border-right-color: #222222; | ||
+ | border-left-color: #111111; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, | ||
+ | .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, | ||
+ | .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { | ||
+ | color: #ffffff; | ||
+ | background-color: #111111; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .nav li.dropdown > a:hover .caret, | ||
+ | .navbar-inverse .nav li.dropdown > a:focus .caret { | ||
+ | border-top-color: #ffffff; | ||
+ | border-bottom-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { | ||
+ | border-top-color: #999999; | ||
+ | border-bottom-color: #999999; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, | ||
+ | .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, | ||
+ | .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { | ||
+ | border-top-color: #ffffff; | ||
+ | border-bottom-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-search .search-query { | ||
+ | color: #ffffff; | ||
+ | background-color: #515151; | ||
+ | border-color: #111111; | ||
+ | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); | ||
+ | box-shadow: none; | ||
+ | -webkit-transition: none; | ||
+ | -moz-transition: none; | ||
+ | -o-transition: none; | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-search .search-query:-moz-placeholder { | ||
+ | color: #cccccc; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { | ||
+ | color: #cccccc; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { | ||
+ | color: #cccccc; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-search .search-query:focus, | ||
+ | .navbar-inverse .navbar-search .search-query.focused { | ||
+ | padding: 5px 15px; | ||
+ | color: #333333; | ||
+ | text-shadow: 0 1px 0 #ffffff; | ||
+ | background-color: #ffffff; | ||
+ | border: 0; | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .btn-navbar { | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #0e0e0e; | ||
+ | *background-color: #040404; | ||
+ | background-image: -moz-linear-gradient(top, #151515, #040404); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); | ||
+ | background-image: -webkit-linear-gradient(top, #151515, #040404); | ||
+ | background-image: -o-linear-gradient(top, #151515, #040404); | ||
+ | background-image: linear-gradient(to bottom, #151515, #040404); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | border-color: #040404 #040404 #000000; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .btn-navbar:hover, | ||
+ | .navbar-inverse .btn-navbar:focus, | ||
+ | .navbar-inverse .btn-navbar:active, | ||
+ | .navbar-inverse .btn-navbar.active, | ||
+ | .navbar-inverse .btn-navbar.disabled, | ||
+ | .navbar-inverse .btn-navbar[disabled] { | ||
+ | color: #ffffff; | ||
+ | background-color: #040404; | ||
+ | *background-color: #000000; | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .btn-navbar:active, | ||
+ | .navbar-inverse .btn-navbar.active { | ||
+ | background-color: #000000 \9; | ||
+ | } | ||
+ | |||
+ | .breadcrumb { | ||
+ | padding: 8px 15px; | ||
+ | margin: 0 0 20px; | ||
+ | list-style: none; | ||
+ | background-color: #f5f5f5; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .breadcrumb > li { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | text-shadow: 0 1px 0 #ffffff; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .breadcrumb > li > .divider { | ||
+ | padding: 0 5px; | ||
+ | color: #ccc; | ||
+ | } | ||
+ | |||
+ | .breadcrumb > .active { | ||
+ | color: #999999; | ||
+ | } | ||
+ | |||
+ | .pagination { | ||
+ | margin: 20px 0; | ||
+ | } | ||
+ | |||
+ | .pagination ul { | ||
+ | display: inline-block; | ||
+ | *display: inline; | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 0; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | *zoom: 1; | ||
+ | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .pagination ul > li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .pagination ul > li > a, | ||
+ | .pagination ul > li > span { | ||
+ | float: left; | ||
+ | padding: 4px 12px; | ||
+ | line-height: 20px; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #dddddd; | ||
+ | border-left-width: 0; | ||
+ | } | ||
+ | |||
+ | .pagination ul > li > a:hover, | ||
+ | .pagination ul > li > a:focus, | ||
+ | .pagination ul > .active > a, | ||
+ | .pagination ul > .active > span { | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | .pagination ul > .active > a, | ||
+ | .pagination ul > .active > span { | ||
+ | color: #999999; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .pagination ul > .disabled > span, | ||
+ | .pagination ul > .disabled > a, | ||
+ | .pagination ul > .disabled > a:hover, | ||
+ | .pagination ul > .disabled > a:focus { | ||
+ | color: #999999; | ||
+ | cursor: default; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .pagination ul > li:first-child > a, | ||
+ | .pagination ul > li:first-child > span { | ||
+ | border-left-width: 1px; | ||
+ | -webkit-border-bottom-left-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | -webkit-border-top-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 0; | ||
+ | -moz-border-radius-topleft: 0; | ||
+ | } | ||
+ | |||
+ | .pagination ul > li:last-child > a, | ||
+ | .pagination ul > li:last-child > span { | ||
+ | -webkit-border-top-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | -webkit-border-bottom-right-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | -moz-border-radius-topright: 0; | ||
+ | -moz-border-radius-bottomright: 0; | ||
+ | } | ||
+ | |||
+ | .pagination-centered { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .pagination-right { | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .pagination-large ul > li > a, | ||
+ | .pagination-large ul > li > span { | ||
+ | padding: 11px 19px; | ||
+ | font-size: 17.5px; | ||
+ | } | ||
+ | |||
+ | .pagination-large ul > li:first-child > a, | ||
+ | .pagination-large ul > li:first-child > span { | ||
+ | -webkit-border-bottom-left-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | -webkit-border-top-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 0; | ||
+ | -moz-border-radius-topleft: 0; | ||
+ | } | ||
+ | |||
+ | .pagination-large ul > li:last-child > a, | ||
+ | .pagination-large ul > li:last-child > span { | ||
+ | -webkit-border-top-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | -webkit-border-bottom-right-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | -moz-border-radius-topright: 0; | ||
+ | -moz-border-radius-bottomright: 0; | ||
+ | } | ||
+ | |||
+ | .pagination-mini ul > li:first-child > a, | ||
+ | .pagination-small ul > li:first-child > a, | ||
+ | .pagination-mini ul > li:first-child > span, | ||
+ | .pagination-small ul > li:first-child > span { | ||
+ | -webkit-border-bottom-left-radius: 0; | ||
+ | border-bottom-left-radius: 0; | ||
+ | -webkit-border-top-left-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | -moz-border-radius-bottomleft: 0; | ||
+ | -moz-border-radius-topleft: 0; | ||
+ | } | ||
+ | |||
+ | .pagination-mini ul > li:last-child > a, | ||
+ | .pagination-small ul > li:last-child > a, | ||
+ | .pagination-mini ul > li:last-child > span, | ||
+ | .pagination-small ul > li:last-child > span { | ||
+ | -webkit-border-top-right-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | -webkit-border-bottom-right-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | -moz-border-radius-topright: 0; | ||
+ | -moz-border-radius-bottomright: 0; | ||
+ | } | ||
+ | |||
+ | .pagination-small ul > li > a, | ||
+ | .pagination-small ul > li > span { | ||
+ | padding: 2px 10px; | ||
+ | font-size: 11.9px; | ||
+ | } | ||
+ | |||
+ | .pagination-mini ul > li > a, | ||
+ | .pagination-mini ul > li > span { | ||
+ | padding: 0 6px; | ||
+ | font-size: 10.5px; | ||
+ | } | ||
+ | |||
+ | .pager { | ||
+ | margin: 20px 0; | ||
+ | text-align: center; | ||
+ | list-style: none; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .pager:before, | ||
+ | .pager:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .pager:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .pager li { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | .pager li > a, | ||
+ | .pager li > span { | ||
+ | display: inline-block; | ||
+ | padding: 5px 14px; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | -webkit-border-radius: 15px; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | } | ||
+ | |||
+ | .pager li > a:hover, | ||
+ | .pager li > a:focus { | ||
+ | text-decoration: none; | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | .pager .next > a, | ||
+ | .pager .next > span { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .pager .previous > a, | ||
+ | .pager .previous > span { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .pager .disabled > a, | ||
+ | .pager .disabled > a:hover, | ||
+ | .pager .disabled > a:focus, | ||
+ | .pager .disabled > span { | ||
+ | color: #999999; | ||
+ | cursor: default; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .modal-backdrop { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | z-index: 1040; | ||
+ | background-color: #000000; | ||
+ | } | ||
+ | |||
+ | .modal-backdrop.fade { | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | .modal-backdrop, | ||
+ | .modal-backdrop.fade.in { | ||
+ | opacity: 0.8; | ||
+ | filter: alpha(opacity=80); | ||
+ | } | ||
+ | |||
+ | .modal { | ||
+ | position: fixed; | ||
+ | top: 10%; | ||
+ | left: 50%; | ||
+ | z-index: 1050; | ||
+ | width: 560px; | ||
+ | margin-left: -280px; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #999; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.3); | ||
+ | *border: 1px solid #999; | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | outline: none; | ||
+ | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | ||
+ | box-shadow: none; | ||
+ | -webkit-background-clip: padding-box; | ||
+ | -moz-background-clip: padding-box; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | .modal.fade { | ||
+ | top: -25%; | ||
+ | -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; | ||
+ | -moz-transition: opacity 0.3s linear, top 0.3s ease-out; | ||
+ | -o-transition: opacity 0.3s linear, top 0.3s ease-out; | ||
+ | transition: opacity 0.3s linear, top 0.3s ease-out; | ||
+ | } | ||
+ | |||
+ | .modal.fade.in { | ||
+ | top: 10%; | ||
+ | } | ||
+ | |||
+ | .modal-header { | ||
+ | padding: 9px 15px; | ||
+ | border-bottom: 1px solid #eee; | ||
+ | } | ||
+ | |||
+ | .modal-header .close { | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | |||
+ | .modal-header h3 { | ||
+ | margin: 0; | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | .modal-body { | ||
+ | position: relative; | ||
+ | max-height: 400px; | ||
+ | padding: 15px; | ||
+ | overflow-y: auto; | ||
+ | } | ||
+ | |||
+ | .modal-form { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .modal-footer { | ||
+ | padding: 14px 15px 15px; | ||
+ | margin-bottom: 0; | ||
+ | text-align: right; | ||
+ | background-color: #f5f5f5; | ||
+ | border-top: 1px solid #ddd; | ||
+ | -webkit-border-radius: 0 0 6px 6px; | ||
+ | -moz-border-radius: 0 0 6px 6px; | ||
+ | border-radius: 0 0 6px 6px; | ||
+ | *zoom: 1; | ||
+ | -webkit-box-shadow: inset 0 1px 0 #ffffff; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 0 #ffffff; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 0 #ffffff; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .modal-footer:before, | ||
+ | .modal-footer:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .modal-footer:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .modal-footer .btn + .btn { | ||
+ | margin-bottom: 0; | ||
+ | margin-left: 5px; | ||
+ | } | ||
+ | |||
+ | .modal-footer .btn-group .btn + .btn { | ||
+ | margin-left: -1px; | ||
+ | } | ||
+ | |||
+ | .modal-footer .btn-block + .btn-block { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .tooltip { | ||
+ | position: absolute; | ||
+ | z-index: 1030; | ||
+ | display: block; | ||
+ | font-size: 11px; | ||
+ | line-height: 1.4; | ||
+ | opacity: 0; | ||
+ | filter: alpha(opacity=0); | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | .tooltip.in { | ||
+ | opacity: 0.8; | ||
+ | filter: alpha(opacity=80); | ||
+ | } | ||
+ | |||
+ | .tooltip.top { | ||
+ | padding: 5px 0; | ||
+ | margin-top: -3px; | ||
+ | } | ||
+ | |||
+ | .tooltip.right { | ||
+ | padding: 0 5px; | ||
+ | margin-left: 3px; | ||
+ | } | ||
+ | |||
+ | .tooltip.bottom { | ||
+ | padding: 5px 0; | ||
+ | margin-top: 3px; | ||
+ | } | ||
+ | |||
+ | .tooltip.left { | ||
+ | padding: 0 5px; | ||
+ | margin-left: -3px; | ||
+ | } | ||
+ | |||
+ | .tooltip-inner { | ||
+ | max-width: 200px; | ||
+ | padding: 8px; | ||
+ | color: #ffffff; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | background-color: #000000; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .tooltip-arrow { | ||
+ | position: absolute; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-color: transparent; | ||
+ | border-style: solid; | ||
+ | } | ||
+ | |||
+ | .tooltip.top .tooltip-arrow { | ||
+ | bottom: 0; | ||
+ | left: 50%; | ||
+ | margin-left: -5px; | ||
+ | border-top-color: #000000; | ||
+ | border-width: 5px 5px 0; | ||
+ | } | ||
+ | |||
+ | .tooltip.right .tooltip-arrow { | ||
+ | top: 50%; | ||
+ | left: 0; | ||
+ | margin-top: -5px; | ||
+ | border-right-color: #000000; | ||
+ | border-width: 5px 5px 5px 0; | ||
+ | } | ||
+ | |||
+ | .tooltip.left .tooltip-arrow { | ||
+ | top: 50%; | ||
+ | right: 0; | ||
+ | margin-top: -5px; | ||
+ | border-left-color: #000000; | ||
+ | border-width: 5px 0 5px 5px; | ||
+ | } | ||
+ | |||
+ | .tooltip.bottom .tooltip-arrow { | ||
+ | top: 0; | ||
+ | left: 50%; | ||
+ | margin-left: -5px; | ||
+ | border-bottom-color: #000000; | ||
+ | border-width: 0 5px 5px; | ||
+ | } | ||
+ | |||
+ | .popover { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 1010; | ||
+ | display: none; | ||
+ | max-width: 276px; | ||
+ | padding: 1px; | ||
+ | text-align: left; | ||
+ | white-space: normal; | ||
+ | background-color: #ffffff; | ||
+ | border: 1px solid #ccc; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.2); | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
+ | box-shadow: none; | ||
+ | -webkit-background-clip: padding-box; | ||
+ | -moz-background-clip: padding; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | .popover.top { | ||
+ | margin-top: -10px; | ||
+ | } | ||
+ | |||
+ | .popover.right { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .popover.bottom { | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | .popover.left { | ||
+ | margin-left: -10px; | ||
+ | } | ||
+ | |||
+ | .popover-title { | ||
+ | padding: 8px 14px; | ||
+ | margin: 0; | ||
+ | font-size: 14px; | ||
+ | font-weight: normal; | ||
+ | line-height: 18px; | ||
+ | background-color: #f7f7f7; | ||
+ | border-bottom: 1px solid #ebebeb; | ||
+ | -webkit-border-radius: 5px 5px 0 0; | ||
+ | -moz-border-radius: 5px 5px 0 0; | ||
+ | border-radius: 5px 5px 0 0; | ||
+ | } | ||
+ | |||
+ | .popover-title:empty { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .popover-content { | ||
+ | padding: 9px 14px; | ||
+ | } | ||
+ | |||
+ | .popover .arrow, | ||
+ | .popover .arrow:after { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-color: transparent; | ||
+ | border-style: solid; | ||
+ | } | ||
+ | |||
+ | .popover .arrow { | ||
+ | border-width: 11px; | ||
+ | } | ||
+ | |||
+ | .popover .arrow:after { | ||
+ | border-width: 10px; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .popover.top .arrow { | ||
+ | bottom: -11px; | ||
+ | left: 50%; | ||
+ | margin-left: -11px; | ||
+ | border-top-color: #999; | ||
+ | border-top-color: rgba(0, 0, 0, 0.25); | ||
+ | border-bottom-width: 0; | ||
+ | } | ||
+ | |||
+ | .popover.top .arrow:after { | ||
+ | bottom: 1px; | ||
+ | margin-left: -10px; | ||
+ | border-top-color: #ffffff; | ||
+ | border-bottom-width: 0; | ||
+ | } | ||
+ | |||
+ | .popover.right .arrow { | ||
+ | top: 50%; | ||
+ | left: -11px; | ||
+ | margin-top: -11px; | ||
+ | border-right-color: #999; | ||
+ | border-right-color: rgba(0, 0, 0, 0.25); | ||
+ | border-left-width: 0; | ||
+ | } | ||
+ | |||
+ | .popover.right .arrow:after { | ||
+ | bottom: -10px; | ||
+ | left: 1px; | ||
+ | border-right-color: #ffffff; | ||
+ | border-left-width: 0; | ||
+ | } | ||
+ | |||
+ | .popover.bottom .arrow { | ||
+ | top: -11px; | ||
+ | left: 50%; | ||
+ | margin-left: -11px; | ||
+ | border-bottom-color: #999; | ||
+ | border-bottom-color: rgba(0, 0, 0, 0.25); | ||
+ | border-top-width: 0; | ||
+ | } | ||
+ | |||
+ | .popover.bottom .arrow:after { | ||
+ | top: 1px; | ||
+ | margin-left: -10px; | ||
+ | border-bottom-color: #ffffff; | ||
+ | border-top-width: 0; | ||
+ | } | ||
+ | |||
+ | .popover.left .arrow { | ||
+ | top: 50%; | ||
+ | right: -11px; | ||
+ | margin-top: -11px; | ||
+ | border-left-color: #999; | ||
+ | border-left-color: rgba(0, 0, 0, 0.25); | ||
+ | border-right-width: 0; | ||
+ | } | ||
+ | |||
+ | .popover.left .arrow:after { | ||
+ | right: 1px; | ||
+ | bottom: -10px; | ||
+ | border-left-color: #ffffff; | ||
+ | border-right-width: 0; | ||
+ | } | ||
+ | |||
+ | .thumbnails { | ||
+ | margin-left: -20px; | ||
+ | list-style: none; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .thumbnails:before, | ||
+ | .thumbnails:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .thumbnails:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .row-fluid .thumbnails { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .thumbnails > li { | ||
+ | float: left; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | |||
+ | .thumbnail { | ||
+ | display: block; | ||
+ | padding: 4px; | ||
+ | line-height: 20px; | ||
+ | border: 1px solid #ddd; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | ||
+ | box-shadow: none; | ||
+ | -webkit-transition: all 0.2s ease-in-out; | ||
+ | -moz-transition: all 0.2s ease-in-out; | ||
+ | -o-transition: all 0.2s ease-in-out; | ||
+ | transition: all 0.2s ease-in-out; | ||
+ | } | ||
+ | |||
+ | a.thumbnail:hover, | ||
+ | a.thumbnail:focus { | ||
+ | border-color: #2e8bcc; | ||
+ | -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .thumbnail > img { | ||
+ | display: block; | ||
+ | max-width: 100%; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | |||
+ | .thumbnail .caption { | ||
+ | padding: 9px; | ||
+ | color: #555555; | ||
+ | } | ||
+ | |||
+ | .media, | ||
+ | .media-body { | ||
+ | overflow: hidden; | ||
+ | *overflow: visible; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | .media, | ||
+ | .media .media { | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | |||
+ | .media:first-child { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .media-object { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .media-heading { | ||
+ | margin: 0 0 5px; | ||
+ | } | ||
+ | |||
+ | .media > .pull-left { | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .media > .pull-right { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .media-list { | ||
+ | margin-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .label, | ||
+ | .badge { | ||
+ | display: inline-block; | ||
+ | padding: 2px 4px; | ||
+ | font-size: 11.844px; | ||
+ | font-weight: bold; | ||
+ | line-height: 14px; | ||
+ | color: #ffffff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | white-space: nowrap; | ||
+ | vertical-align: baseline; | ||
+ | background-color: #999999; | ||
+ | } | ||
+ | |||
+ | .label { | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | |||
+ | .badge { | ||
+ | padding-right: 9px; | ||
+ | padding-left: 9px; | ||
+ | -webkit-border-radius: 9px; | ||
+ | -moz-border-radius: 9px; | ||
+ | border-radius: 9px; | ||
+ | } | ||
+ | |||
+ | .label:empty, | ||
+ | .badge:empty { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | a.label:hover, | ||
+ | a.label:focus, | ||
+ | a.badge:hover, | ||
+ | a.badge:focus { | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .label-important, | ||
+ | .badge-important { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .label-important[href], | ||
+ | .badge-important[href] { | ||
+ | background-color: #e6e6e6; | ||
+ | } | ||
+ | |||
+ | .label-warning, | ||
+ | .badge-warning { | ||
+ | background-color: #f09609; | ||
+ | } | ||
+ | |||
+ | .label-warning[href], | ||
+ | .badge-warning[href] { | ||
+ | background-color: #bf7707; | ||
+ | } | ||
+ | |||
+ | .label-success, | ||
+ | .badge-success { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .label-success[href], | ||
+ | .badge-success[href] { | ||
+ | background-color: #e6e6e6; | ||
+ | } | ||
+ | |||
+ | .label-info, | ||
+ | .badge-info { | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .label-info[href], | ||
+ | .badge-info[href] { | ||
+ | background-color: #e6e6e6; | ||
+ | } | ||
+ | |||
+ | .label-inverse, | ||
+ | .badge-inverse { | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | |||
+ | .label-inverse[href], | ||
+ | .badge-inverse[href] { | ||
+ | background-color: #1a1a1a; | ||
+ | } | ||
+ | |||
+ | .btn .label, | ||
+ | .btn .badge { | ||
+ | position: relative; | ||
+ | top: -1px; | ||
+ | } | ||
+ | |||
+ | .btn-mini .label, | ||
+ | .btn-mini .badge { | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes progress-bar-stripes { | ||
+ | from { | ||
+ | background-position: 40px 0; | ||
+ | } | ||
+ | to { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @-moz-keyframes progress-bar-stripes { | ||
+ | from { | ||
+ | background-position: 40px 0; | ||
+ | } | ||
+ | to { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @-ms-keyframes progress-bar-stripes { | ||
+ | from { | ||
+ | background-position: 40px 0; | ||
+ | } | ||
+ | to { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @-o-keyframes progress-bar-stripes { | ||
+ | from { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | to { | ||
+ | background-position: 40px 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @keyframes progress-bar-stripes { | ||
+ | from { | ||
+ | background-position: 40px 0; | ||
+ | } | ||
+ | to { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .progress { | ||
+ | height: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | overflow: hidden; | ||
+ | background-color: #f7f7f7; | ||
+ | background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); | ||
+ | background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); | ||
+ | background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); | ||
+ | background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .progress .bar { | ||
+ | float: left; | ||
+ | width: 0; | ||
+ | height: 100%; | ||
+ | font-size: 12px; | ||
+ | color: #ffffff; | ||
+ | text-align: center; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | background-color: #0e90d2; | ||
+ | background-image: -moz-linear-gradient(top, #149bdf, #0480be); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); | ||
+ | background-image: -webkit-linear-gradient(top, #149bdf, #0480be); | ||
+ | background-image: -o-linear-gradient(top, #149bdf, #0480be); | ||
+ | background-image: linear-gradient(to bottom, #149bdf, #0480be); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
+ | box-shadow: none; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | -webkit-transition: width 0.6s ease; | ||
+ | -moz-transition: width 0.6s ease; | ||
+ | -o-transition: width 0.6s ease; | ||
+ | transition: width 0.6s ease; | ||
+ | } | ||
+ | |||
+ | .progress .bar + .bar { | ||
+ | -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .progress-striped .bar { | ||
+ | background-color: #149bdf; | ||
+ | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: none; | ||
+ | -webkit-background-size: 40px 40px; | ||
+ | -moz-background-size: 40px 40px; | ||
+ | -o-background-size: 40px 40px; | ||
+ | background-size: 40px 40px; | ||
+ | } | ||
+ | |||
+ | .progress.active .bar { | ||
+ | -webkit-animation: progress-bar-stripes 2s linear infinite; | ||
+ | -moz-animation: progress-bar-stripes 2s linear infinite; | ||
+ | -ms-animation: progress-bar-stripes 2s linear infinite; | ||
+ | -o-animation: progress-bar-stripes 2s linear infinite; | ||
+ | animation: progress-bar-stripes 2s linear infinite; | ||
+ | } | ||
+ | |||
+ | .progress-danger .bar, | ||
+ | .progress .bar-danger { | ||
+ | background-color: #dd514c; | ||
+ | background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); | ||
+ | background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); | ||
+ | background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); | ||
+ | background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .progress-danger.progress-striped .bar, | ||
+ | .progress-striped .bar-danger { | ||
+ | background-color: #ee5f5b; | ||
+ | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | .progress-success .bar, | ||
+ | .progress .bar-success { | ||
+ | background-color: #5eb95e; | ||
+ | background-image: -moz-linear-gradient(top, #62c462, #57a957); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); | ||
+ | background-image: -webkit-linear-gradient(top, #62c462, #57a957); | ||
+ | background-image: -o-linear-gradient(top, #62c462, #57a957); | ||
+ | background-image: linear-gradient(to bottom, #62c462, #57a957); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .progress-success.progress-striped .bar, | ||
+ | .progress-striped .bar-success { | ||
+ | background-color: #62c462; | ||
+ | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | .progress-info .bar, | ||
+ | .progress .bar-info { | ||
+ | background-color: #4bb1cf; | ||
+ | background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); | ||
+ | background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); | ||
+ | background-image: -o-linear-gradient(top, #5bc0de, #339bb9); | ||
+ | background-image: linear-gradient(to bottom, #5bc0de, #339bb9); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .progress-info.progress-striped .bar, | ||
+ | .progress-striped .bar-info { | ||
+ | background-color: #5bc0de; | ||
+ | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | .progress-warning .bar, | ||
+ | .progress .bar-warning { | ||
+ | background-color: #f5a932; | ||
+ | background-image: -moz-linear-gradient(top, #f8b64d, #f09609); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8b64d), to(#f09609)); | ||
+ | background-image: -webkit-linear-gradient(top, #f8b64d, #f09609); | ||
+ | background-image: -o-linear-gradient(top, #f8b64d, #f09609); | ||
+ | background-image: linear-gradient(to bottom, #f8b64d, #f09609); | ||
+ | background-image: none; | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8b64d', endColorstr='#fff09609', GradientType=0); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | } | ||
+ | |||
+ | .progress-warning.progress-striped .bar, | ||
+ | .progress-striped .bar-warning { | ||
+ | background-color: #f8b64d; | ||
+ | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
+ | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
+ | background-image: none; | ||
+ | } | ||
+ | |||
+ | .accordion { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .accordion-group { | ||
+ | margin-bottom: 2px; | ||
+ | border: 1px solid #e5e5e5; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .accordion-heading { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .accordion-heading .accordion-toggle { | ||
+ | display: block; | ||
+ | padding: 8px 15px; | ||
+ | } | ||
+ | |||
+ | .accordion-toggle { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .accordion-inner { | ||
+ | padding: 9px 15px; | ||
+ | border-top: 1px solid #e5e5e5; | ||
+ | } | ||
+ | |||
+ | .carousel { | ||
+ | position: relative; | ||
+ | margin-bottom: 20px; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | |||
+ | .carousel-inner { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .item { | ||
+ | position: relative; | ||
+ | display: none; | ||
+ | -webkit-transition: 0.6s ease-in-out left; | ||
+ | -moz-transition: 0.6s ease-in-out left; | ||
+ | -o-transition: 0.6s ease-in-out left; | ||
+ | transition: 0.6s ease-in-out left; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .item > img, | ||
+ | .carousel-inner > .item > a > img { | ||
+ | display: block; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .active, | ||
+ | .carousel-inner > .next, | ||
+ | .carousel-inner > .prev { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .active { | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .next, | ||
+ | .carousel-inner > .prev { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .next { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .prev { | ||
+ | left: -100%; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .next.left, | ||
+ | .carousel-inner > .prev.right { | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .active.left { | ||
+ | left: -100%; | ||
+ | } | ||
+ | |||
+ | .carousel-inner > .active.right { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .carousel-control { | ||
+ | position: absolute; | ||
+ | top: 40%; | ||
+ | left: 15px; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | margin-top: -20px; | ||
+ | font-size: 60px; | ||
+ | font-weight: 100; | ||
+ | line-height: 30px; | ||
+ | color: #ffffff; | ||
+ | text-align: center; | ||
+ | background: #222222; | ||
+ | border: 3px solid #ffffff; | ||
+ | -webkit-border-radius: 23px; | ||
+ | -moz-border-radius: 23px; | ||
+ | border-radius: 23px; | ||
+ | opacity: 0.5; | ||
+ | filter: alpha(opacity=50); | ||
+ | } | ||
+ | |||
+ | .carousel-control.right { | ||
+ | right: 15px; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .carousel-control:hover, | ||
+ | .carousel-control:focus { | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | opacity: 0.9; | ||
+ | filter: alpha(opacity=90); | ||
+ | } | ||
+ | |||
+ | .carousel-indicators { | ||
+ | position: absolute; | ||
+ | top: 15px; | ||
+ | right: 15px; | ||
+ | z-index: 5; | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators li { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | margin-left: 5px; | ||
+ | text-indent: -999px; | ||
+ | background-color: #ccc; | ||
+ | background-color: rgba(255, 255, 255, 0.25); | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .carousel-indicators .active { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | .carousel-caption { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | padding: 15px; | ||
+ | background: #333333; | ||
+ | background: rgba(0, 0, 0, 0.75); | ||
+ | } | ||
+ | |||
+ | .carousel-caption h4, | ||
+ | .carousel-caption p { | ||
+ | line-height: 20px; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .carousel-caption h4 { | ||
+ | margin: 0 0 5px; | ||
+ | } | ||
+ | |||
+ | .carousel-caption p { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .hero-unit { | ||
+ | padding: 60px; | ||
+ | margin-bottom: 30px; | ||
+ | font-size: 18px; | ||
+ | font-weight: 200; | ||
+ | line-height: 30px; | ||
+ | color: inherit; | ||
+ | background-color: #eeeeee; | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | |||
+ | .hero-unit h1 { | ||
+ | margin-bottom: 0; | ||
+ | font-size: 60px; | ||
+ | line-height: 1; | ||
+ | letter-spacing: -1px; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | .hero-unit li { | ||
+ | line-height: 30px; | ||
+ | } | ||
+ | |||
+ | .pull-right { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .pull-left { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .hide { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .show { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .invisible { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .affix { | ||
+ | position: fixed; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | position: relative; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | No border on images when in a link. | ||
+ | */ | ||
+ | |||
+ | img { | ||
+ | border-style: none; | ||
+ | } | ||
+ | |||
+ | #top-info { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #top-info > a { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #header-container { | ||
+ | display: inline-block; | ||
+ | margin-left: 50px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | header h1 { | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #nav-bar { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | height: auto; | ||
+ | padding-top: 24px; | ||
+ | padding-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .row-fluid .hide { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .form-actions { | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | |||
+ | .label { | ||
+ | text-shadow: none; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | input, | ||
+ | button, | ||
+ | select, | ||
+ | textarea { | ||
+ | font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif; | ||
+ | font-weight: 300; | ||
+ | line-height: 30px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | textarea { | ||
+ | width: 260px; | ||
+ | height: auto; | ||
+ | min-width: 260px; | ||
+ | min-height: 39px; | ||
+ | padding: 4px 4px 4px 8px; | ||
+ | overflow-y: scroll; | ||
+ | word-wrap: break-word; | ||
+ | } | ||
+ | |||
+ | input[type=text], | ||
+ | input[type=password], | ||
+ | input[type=email], | ||
+ | input[type=number], | ||
+ | input[type=tel], | ||
+ | input[type=url], | ||
+ | input[type=search], | ||
+ | textarea { | ||
+ | min-width: 64px; | ||
+ | min-height: 28px; | ||
+ | font-weight: 400; | ||
+ | line-height: 1.3636; | ||
+ | border-style: solid; | ||
+ | border-width: 2px; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | .input-prepend .add-on, | ||
+ | .input-append .add-on { | ||
+ | height: 16px; | ||
+ | line-height: 15px; | ||
+ | } | ||
+ | |||
+ | .input-prepend .btn-group .btn.dropdown-toggle .caret { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .input-prepend .add-on:first-child, | ||
+ | .input-prepend .btn:first-child { | ||
+ | border: 2px solid #cccccc; | ||
+ | border-width: 2px 0 2px 2px; | ||
+ | } | ||
+ | |||
+ | .input-append .add-on:last-child, | ||
+ | .input-append .btn:last-child { | ||
+ | border: 2px solid #cccccc; | ||
+ | border-width: 2px 2px 2px 0; | ||
+ | } | ||
+ | |||
+ | .input-prepend.input-append .add-on:first-child, | ||
+ | .input-prepend.input-append .btn:first-child { | ||
+ | margin-right: -1px; | ||
+ | } | ||
+ | |||
+ | .input-append .btn { | ||
+ | height: 28px; | ||
+ | min-height: 28px; | ||
+ | } | ||
+ | |||
+ | .radio.inline, | ||
+ | .checkbox.inline { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Select control. | ||
+ | */ | ||
+ | |||
+ | select { | ||
+ | min-width: 80px; | ||
+ | min-height: 24px; | ||
+ | padding: 2px; | ||
+ | border-style: solid; | ||
+ | border-width: 2px; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Range control. | ||
+ | */ | ||
+ | |||
+ | input[type=range] { | ||
+ | width: 280px; | ||
+ | height: auto; | ||
+ | padding: 17px 0 32px 0; | ||
+ | } | ||
+ | |||
+ | input.search-query { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append .search-query { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append .btn { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-prepend .search-query { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-prepend .btn { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append button[type="submit"].btn, | ||
+ | .form-search .input-append input[type="submit"].btn { | ||
+ | padding-right: 2px; | ||
+ | color: #333333; | ||
+ | background-color: transparent; | ||
+ | border-left: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append button[type="submit"].btn .icon-search, | ||
+ | .form-search .input-append input[type="submit"].btn .icon-search { | ||
+ | font-size: 18px; | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append .search-query { | ||
+ | border-right: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-append .search-query:focus + button[type="submit"].btn, | ||
+ | .form-search .input-append .search-query:focus + input[type="submit"].btn { | ||
+ | border-color: rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | .form-search .input-prepend button[type="submit"].btn, | ||
+ | .form-search .input-prepend input[type="submit"].btn { | ||
+ | padding-left: 2px; | ||
+ | color: #333333; | ||
+ | background-color: transparent; | ||
+ | border-right: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-prepend button[type="submit"].btn .icon-search, | ||
+ | .form-search .input-prepend input[type="submit"].btn .icon-search { | ||
+ | font-size: 18px; | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | |||
+ | .form-search .input-prepend .search-query { | ||
+ | border-left: 0; | ||
+ | } | ||
+ | |||
+ | .form-search .input-prepend .search-query:focus + button[type="submit"].btn, | ||
+ | .form-search .input-prepend .search-query:focus + input[type="submit"].btn { | ||
+ | border-color: rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | .control-group.warning .control-label, | ||
+ | .control-group.warning .help-block, | ||
+ | .control-group.warning .help-inline { | ||
+ | color: #f09609; | ||
+ | } | ||
+ | |||
+ | .control-group.warning .checkbox, | ||
+ | .control-group.warning .radio, | ||
+ | .control-group.warning input, | ||
+ | .control-group.warning select, | ||
+ | .control-group.warning textarea { | ||
+ | color: #f09609; | ||
+ | } | ||
+ | |||
+ | .control-group.warning input, | ||
+ | .control-group.warning select, | ||
+ | .control-group.warning textarea { | ||
+ | border-color: #f09609; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.warning input:focus, | ||
+ | .control-group.warning select:focus, | ||
+ | .control-group.warning textarea:focus { | ||
+ | border-color: #bf7707; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f9c066; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.warning .input-prepend .add-on, | ||
+ | .control-group.warning .input-append .add-on { | ||
+ | color: #f09609; | ||
+ | background-color: #f09609; | ||
+ | border-color: #f09609; | ||
+ | } | ||
+ | |||
+ | .control-group.error .control-label, | ||
+ | .control-group.error .help-block, | ||
+ | .control-group.error .help-inline { | ||
+ | color: #bc1c48; | ||
+ | } | ||
+ | |||
+ | .control-group.error .checkbox, | ||
+ | .control-group.error .radio, | ||
+ | .control-group.error input, | ||
+ | .control-group.error select, | ||
+ | .control-group.error textarea { | ||
+ | color: #bc1c48; | ||
+ | } | ||
+ | |||
+ | .control-group.error input, | ||
+ | .control-group.error select, | ||
+ | .control-group.error textarea { | ||
+ | border-color: #bc1c48; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.error input:focus, | ||
+ | .control-group.error select:focus, | ||
+ | .control-group.error textarea:focus { | ||
+ | border-color: #901537; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e6587f; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.error .input-prepend .add-on, | ||
+ | .control-group.error .input-append .add-on { | ||
+ | color: #bc1c48; | ||
+ | background-color: #bc1c48; | ||
+ | border-color: #bc1c48; | ||
+ | } | ||
+ | |||
+ | .control-group.success .control-label, | ||
+ | .control-group.success .help-block, | ||
+ | .control-group.success .help-inline { | ||
+ | color: #01a31c; | ||
+ | } | ||
+ | |||
+ | .control-group.success .checkbox, | ||
+ | .control-group.success .radio, | ||
+ | .control-group.success input, | ||
+ | .control-group.success select, | ||
+ | .control-group.success textarea { | ||
+ | color: #01a31c; | ||
+ | } | ||
+ | |||
+ | .control-group.success input, | ||
+ | .control-group.success select, | ||
+ | .control-group.success textarea { | ||
+ | border-color: #01a31c; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.success input:focus, | ||
+ | .control-group.success select:focus, | ||
+ | .control-group.success textarea:focus { | ||
+ | border-color: #017013; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #0cfe35; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.success .input-prepend .add-on, | ||
+ | .control-group.success .input-append .add-on { | ||
+ | color: #01a31c; | ||
+ | background-color: #01a31c; | ||
+ | border-color: #01a31c; | ||
+ | } | ||
+ | |||
+ | .control-group.info .control-label, | ||
+ | .control-group.info .help-block, | ||
+ | .control-group.info .help-inline { | ||
+ | color: #2d89f0; | ||
+ | } | ||
+ | |||
+ | .control-group.info .checkbox, | ||
+ | .control-group.info .radio, | ||
+ | .control-group.info input, | ||
+ | .control-group.info select, | ||
+ | .control-group.info textarea { | ||
+ | color: #2d89f0; | ||
+ | } | ||
+ | |||
+ | .control-group.info input, | ||
+ | .control-group.info select, | ||
+ | .control-group.info textarea { | ||
+ | border-color: #2d89f0; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.info input:focus, | ||
+ | .control-group.info select:focus, | ||
+ | .control-group.info textarea:focus { | ||
+ | border-color: #106fda; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #8cbef7; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .control-group.info .input-prepend .add-on, | ||
+ | .control-group.info .input-append .add-on { | ||
+ | color: #2d89f0; | ||
+ | background-color: #2d89f0; | ||
+ | border-color: #2d89f0; | ||
+ | } | ||
+ | |||
+ | /* Metro Radio button | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* | ||
+ | NOTE: | ||
+ | Originally the following rules used the adjacent sibling selector '+ span' | ||
+ | but in Rails & ASP.NET radio & checkbox are rendered with a supplemental hidden input following | ||
+ | the radio/checkbox, so I changed the rules to use the general sibling selector '~ span' and adding a | ||
+ | custom class to the span. | ||
+ | Note that the general sibling selector '~' is CSS3 only and is not supported in <= IE7. | ||
+ | */ | ||
+ | |||
+ | .controls > .radio:first-child, | ||
+ | .controls > .checkbox:first-child { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | label.radio, | ||
+ | label.checkbox { | ||
+ | position: relative; | ||
+ | padding-left: 0; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | input[type=radio], | ||
+ | input[type=radio] ~ span.metro-radio, | ||
+ | input[type=radio] ~ span.metro-radio::before, | ||
+ | input[type=radio] ~ span.metro-radio::after { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | input[type=radio] { | ||
+ | position: absolute; | ||
+ | opacity: 0; | ||
+ | filter: alpha(opacity=0); | ||
+ | } | ||
+ | |||
+ | input[type=radio] ~ span.metro-radio { | ||
+ | padding-top: 4px; | ||
+ | padding-left: 36px; | ||
+ | } | ||
+ | |||
+ | input[type=radio] ~ span.metro-radio::before { | ||
+ | position: absolute; | ||
+ | top: 2px; | ||
+ | left: 0; | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | margin-right: 10px; | ||
+ | font-family: 'IcoMoon'; | ||
+ | text-indent: -9999px; | ||
+ | background: #FFF; | ||
+ | border: 2px solid #BABABA; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | content: "\e10b"; | ||
+ | } | ||
+ | |||
+ | input[type=radio]:checked ~ span.metro-radio::after { | ||
+ | position: absolute; | ||
+ | top: 8px; | ||
+ | left: 6px; | ||
+ | z-index: 999; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | font-family: 'IcoMoon'; | ||
+ | text-indent: -9999px; | ||
+ | background: #000; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | content: "\e10b"; | ||
+ | } | ||
+ | |||
+ | input[type=radio]:not(:checked):disabled ~ span.metro-radio::before, | ||
+ | input[type=radio]:disabled ~ span.metro-radio::before, | ||
+ | input[type=radio]:disabled ~ span.metro-radio::after { | ||
+ | cursor: default; | ||
+ | background: #868686; | ||
+ | } | ||
+ | |||
+ | /* Metro Checkbox | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | label.checkbox input[type=checkbox], | ||
+ | label.checkbox input[type=checkbox] ~ span.metro-checkbox, | ||
+ | label.checkbox input[type=checkbox] ~ span.metro-checkbox::before, | ||
+ | label.checkbox input[type=checkbox] ~ span.metro-checkbox::after { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | label.checkbox input[type=checkbox] { | ||
+ | position: absolute; | ||
+ | opacity: 0; | ||
+ | filter: alpha(opacity=0); | ||
+ | } | ||
+ | |||
+ | label.checkbox input[type=checkbox] ~ span.metro-checkbox { | ||
+ | padding-top: 4px; | ||
+ | padding-left: 36px; | ||
+ | } | ||
+ | |||
+ | label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after { | ||
+ | position: absolute; | ||
+ | top: 2px; | ||
+ | left: 0; | ||
+ | z-index: 999; | ||
+ | width: 18px; | ||
+ | height: 18px; | ||
+ | font-family: 'IcoMoon'; | ||
+ | font-size: 16px; | ||
+ | color: #202020; | ||
+ | background-color: #FFF; | ||
+ | border: 2px solid #BABABA; | ||
+ | content: "\e379"; | ||
+ | } | ||
+ | |||
+ | label.checkbox input[type=checkbox] ~ span.metro-checkbox::after { | ||
+ | position: absolute; | ||
+ | top: 2px; | ||
+ | left: 0; | ||
+ | z-index: 999; | ||
+ | width: 18px; | ||
+ | height: 18px; | ||
+ | font-family: 'IcoMoon'; | ||
+ | font-size: 16px; | ||
+ | background-color: #FFF; | ||
+ | border: 2px solid #BABABA; | ||
+ | content: "\2003"; | ||
+ | } | ||
+ | |||
+ | label.checkbox input[type=checkbox]:not(:checked):disabled ~ span.metro-checkbox::after, | ||
+ | label.checkbox:hover input[type=checkbox]:disabled ~ span.metro-checkbox::after, | ||
+ | label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after { | ||
+ | cursor: default; | ||
+ | background: #BABABA; | ||
+ | } | ||
+ | |||
+ | label.checkbox input[type=checkbox]:disabled ~ span.metro-checkbox::after { | ||
+ | color: #4c4c4c; | ||
+ | } | ||
+ | |||
+ | /* RTL support | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | [dir="rtl"] label.checkbox input[type="checkbox"] ~ span.metro-checkbox, | ||
+ | [dir="rtl"] input[type="radio"] ~ span.metro-radio { | ||
+ | padding-right: 36px; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | |||
+ | [dir="rtl"] input[type=radio] ~ span.metro-radio::before { | ||
+ | right: -10px; | ||
+ | } | ||
+ | |||
+ | [dir="rtl"] input[type=radio]:checked ~ span.metro-radio::after { | ||
+ | right: 6px; | ||
+ | } | ||
+ | |||
+ | [dir="rtl"] label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after { | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | [dir="rtl"] label.checkbox input[type=checkbox] ~ span.metro-checkbox::after { | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | .table thead { | ||
+ | border-bottom: 1px solid #cccccc; | ||
+ | } | ||
+ | |||
+ | .table th { | ||
+ | font-size: 9pt; | ||
+ | font-weight: 400; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .table th, | ||
+ | .table td { | ||
+ | border-top: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered th, | ||
+ | .table-bordered td { | ||
+ | border-top: 1px solid #cccccc; | ||
+ | } | ||
+ | |||
+ | .table-bordered thead:first-child tr:first-child th:first-child, | ||
+ | .table-bordered tbody:first-child tr:first-child td:first-child { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered thead:first-child tr:first-child th:last-child, | ||
+ | .table-bordered tbody:first-child tr:first-child td:last-child { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered thead:last-child tr:last-child th:first-child, | ||
+ | .table-bordered tbody:last-child tr:last-child td:first-child, | ||
+ | .table-bordered tfoot:last-child tr:last-child td:first-child { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered thead:last-child tr:last-child th:last-child, | ||
+ | .table-bordered tbody:last-child tr:last-child td:last-child, | ||
+ | .table-bordered tfoot:last-child tr:last-child td:last-child { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered caption + thead tr:first-child th:first-child, | ||
+ | .table-bordered caption + tbody tr:first-child td:first-child, | ||
+ | .table-bordered colgroup + thead tr:first-child th:first-child, | ||
+ | .table-bordered colgroup + tbody tr:first-child td:first-child { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .table-bordered caption + thead tr:first-child th:last-child, | ||
+ | .table-bordered caption + tbody tr:first-child td:last-child, | ||
+ | .table-bordered colgroup + thead tr:first-child th:last-child, | ||
+ | .table-bordered colgroup + tbody tr:first-child td:last-child { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .table tbody tr.success td { | ||
+ | color: #ffffff; | ||
+ | background-color: #01a31c; | ||
+ | } | ||
+ | |||
+ | .table tbody tr.error td { | ||
+ | color: #ffffff; | ||
+ | background-color: #bc1c48; | ||
+ | } | ||
+ | |||
+ | .table tbody tr.warning td { | ||
+ | color: #ffffff; | ||
+ | background-color: #f09609; | ||
+ | } | ||
+ | |||
+ | .table tbody tr.info td { | ||
+ | color: #ffffff; | ||
+ | background-color: #2d89f0; | ||
+ | } | ||
+ | |||
+ | .table-hover tbody tr:hover td, | ||
+ | .table-hover tbody tr:hover th { | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | .table-cell-hover tbody tr td:hover, | ||
+ | .table-cell-hover tbody tr th:hover { | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | |||
+ | /* CheckBox cells */ | ||
+ | |||
+ | table td label.checkbox, | ||
+ | table th label.checkbox { | ||
+ | width: 24px; | ||
+ | } | ||
+ | |||
+ | table th label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after, | ||
+ | table td label.checkbox input[type=checkbox]:checked ~ span.metro-checkbox::after { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 16px; | ||
+ | height: 16px; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | table th label.checkbox input[type=checkbox] ~ span.metro-checkbox::after, | ||
+ | table td label.checkbox input[type=checkbox] ~ span.metro-checkbox::after { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 16px; | ||
+ | height: 16px; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Dropdown submenu | ||
+ | */ | ||
+ | |||
+ | .dropdown .caret { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .caret:after { | ||
+ | content: "\e12c"; | ||
+ | } | ||
+ | |||
+ | .navbar .nav li.dropdown .dropdown-toggle .caret, | ||
+ | .navbar .nav li.dropdown.open .caret { | ||
+ | margin-top: 6px; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-toggle:hover .caret, | ||
+ | .nav-pills .dropdown-toggle:hover .caret { | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .active .dropdown-toggle .caret, | ||
+ | .nav-pills .active .dropdown-toggle .caret { | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-toggle .caret, | ||
+ | .nav-pills .dropdown-toggle .caret { | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu li > a:hover, | ||
+ | .dropdown-menu li > a:focus, | ||
+ | .dropdown-submenu:hover > a { | ||
+ | background-image: none; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .btn-mini .caret { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu .active > a, | ||
+ | .dropdown-menu .active > a:hover { | ||
+ | background-image: none; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .btn .caret { | ||
+ | margin-top: 4px; | ||
+ | } | ||
+ | |||
+ | .dropup .caret:after { | ||
+ | content: "\e131"; | ||
+ | } | ||
+ | |||
+ | .dropup .btn-large .caret { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | a.header-dropdown .caret { | ||
+ | width: auto; | ||
+ | height: 24px; | ||
+ | font-size: 24px; | ||
+ | font-weight: 200; | ||
+ | line-height: 30px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .btn-primary .caret, | ||
+ | .btn-warning .caret, | ||
+ | .btn-danger .caret, | ||
+ | .btn-info .caret, | ||
+ | .btn-success .caret, | ||
+ | .btn-inverse .caret { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .btn-small .caret { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu > a:after { | ||
+ | margin-top: 0; | ||
+ | margin-right: -5px; | ||
+ | font-family: 'IcoMoon'; | ||
+ | color: #CCC; | ||
+ | border: 0; | ||
+ | content: "\e12a"; | ||
+ | } | ||
+ | |||
+ | .dropup .caret, | ||
+ | .navbar-fixed-bottom .dropdown .caret { | ||
+ | border: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .nav li.dropdown.open .caret, | ||
+ | .nav li.dropdown.open.active .caret, | ||
+ | .nav li.dropdown.open a:hover .caret { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .btn-large .caret { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .caret, | ||
+ | .open .caret { | ||
+ | opacity: 0.6; | ||
+ | filter: alpha(opacity=60); | ||
+ | } | ||
+ | |||
+ | .caret { | ||
+ | min-width: 14px; | ||
+ | min-height: 18px; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | font-family: 'IcoMoon'; | ||
+ | font-size: inherit; | ||
+ | font-weight: normal; | ||
+ | line-height: 1; | ||
+ | text-indent: 0; | ||
+ | cursor: default; | ||
+ | cursor: pointer; | ||
+ | border: 0; | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | vertical-position: bottom; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 40px; | ||
+ | font-weight: 300; | ||
+ | line-height: 48px; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 26px; | ||
+ | font-weight: 300; | ||
+ | line-height: 34px; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 20px; | ||
+ | font-weight: 600; | ||
+ | line-height: 26px; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 15px; | ||
+ | font-weight: 400; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | h5, | ||
+ | legend { | ||
+ | font-size: 13px; | ||
+ | font-weight: 300; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | h6, | ||
+ | caption, | ||
+ | figcaption, | ||
+ | small { | ||
+ | font-size: 11px; | ||
+ | font-weight: 400; | ||
+ | line-height: 11px; | ||
+ | } | ||
+ | |||
+ | h1, | ||
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6 { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | #header-container a.header-dropdown { | ||
+ | font-size: 26px; | ||
+ | font-weight: 200; | ||
+ | line-height: 34px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #header-container .dropdown-menu .divider { | ||
+ | background-color: #717171; | ||
+ | } | ||
+ | |||
+ | #header-container .dropdown.open .dropdown-toggle { | ||
+ | color: inherit; | ||
+ | background: inherit; | ||
+ | } | ||
+ | |||
+ | #header-container h5 { | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .text-warning { | ||
+ | color: #f09609; | ||
+ | } | ||
+ | |||
+ | a.text-warning:hover, | ||
+ | a.text-warning:focus { | ||
+ | color: #bf7707; | ||
+ | } | ||
+ | |||
+ | .text-error { | ||
+ | color: #bc1c48; | ||
+ | } | ||
+ | |||
+ | a.text-error:hover, | ||
+ | a.text-error:focus { | ||
+ | color: #901537; | ||
+ | } | ||
+ | |||
+ | .text-info { | ||
+ | color: #2d89f0; | ||
+ | } | ||
+ | |||
+ | a.text-info:hover, | ||
+ | a.text-info:focus { | ||
+ | color: #106fda; | ||
+ | } | ||
+ | |||
+ | .text-success { | ||
+ | color: #01a31c; | ||
+ | } | ||
+ | |||
+ | a.text-success:hover, | ||
+ | a.text-success:focus { | ||
+ | color: #017013; | ||
+ | } | ||
+ | |||
+ | dt, | ||
+ | th { | ||
+ | font-size: 16px; | ||
+ | font-weight: 600; | ||
+ | line-height: 1.3636; | ||
+ | /* 20px when font-size is 11pt */ | ||
+ | |||
+ | } | ||
+ | |||
+ | abbr, | ||
+ | acronym, | ||
+ | address, | ||
+ | blockquote, | ||
+ | cite, | ||
+ | dl, | ||
+ | dd, | ||
+ | li, | ||
+ | ol, | ||
+ | p, | ||
+ | q, | ||
+ | td, | ||
+ | tr { | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | padding-top: 5px; | ||
+ | padding-bottom: 5px; | ||
+ | background-color: #eeeeee; | ||
+ | border-left: 5px solid #0177db; | ||
+ | } | ||
+ | |||
+ | blockquote.pull-right { | ||
+ | padding-left: 15px; | ||
+ | border-right: 5px solid #0177db; | ||
+ | } | ||
+ | |||
+ | b, | ||
+ | strong { | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | em { | ||
+ | font-style: italic; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | /* Additional letter-spacing for the document and its controls. | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | body, | ||
+ | button, | ||
+ | input, | ||
+ | textarea, | ||
+ | select, | ||
+ | option { | ||
+ | letter-spacing: 0.02em; | ||
+ | } | ||
+ | |||
+ | .page-header { | ||
+ | border-bottom: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Button control. | ||
+ | */ | ||
+ | |||
+ | button, | ||
+ | input[type=button], | ||
+ | input[type=reset], | ||
+ | input[type=submit] { | ||
+ | padding: 4px 8px; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: 600; | ||
+ | line-height: 1.3636; | ||
+ | border: 2px solid #cccccc; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | File upload control. | ||
+ | */ | ||
+ | |||
+ | input[type=file] { | ||
+ | width: 340px; | ||
+ | height: 32px; | ||
+ | min-width: 100px; | ||
+ | min-height: 20px; | ||
+ | padding: 0; | ||
+ | margin: 7px 8px 21px 8px; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Back button. | ||
+ | */ | ||
+ | |||
+ | .win-backbutton { | ||
+ | display: inline-block; | ||
+ | width: 38px; | ||
+ | height: 38px; | ||
+ | min-width: 0; | ||
+ | min-height: 0; | ||
+ | padding: 0; | ||
+ | font-size: 20px; | ||
+ | line-height: 38px; | ||
+ | text-align: center; | ||
+ | vertical-align: baseline; | ||
+ | border-style: solid; | ||
+ | border-width: 2px; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | background-clip: border-box; | ||
+ | } | ||
+ | |||
+ | .win-backbutton:before { | ||
+ | font-family: 'IcoMoon'; | ||
+ | font-size: 22px; | ||
+ | font-weight: normal; | ||
+ | vertical-align: top; | ||
+ | content: "\e41c"; | ||
+ | } | ||
+ | |||
+ | .win-backbutton:disabled, | ||
+ | .win-backbutton:disabled:active { | ||
+ | visibility: hidden; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | #nav-bar .win-backbutton { | ||
+ | position: absolute; | ||
+ | top: 30px; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Command buttons. | ||
+ | */ | ||
+ | |||
+ | .win-command { | ||
+ | display: inline-block; | ||
+ | height: auto; | ||
+ | margin: 0 5px; | ||
+ | font-size: 9pt; | ||
+ | font-weight: normal; | ||
+ | line-height: 16px; | ||
+ | letter-spacing: 0.02em; | ||
+ | text-align: center; | ||
+ | vertical-align: top; | ||
+ | cursor: pointer; | ||
+ | background: none; | ||
+ | border: 0; | ||
+ | background-clip: border-box; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Command button icons. | ||
+ | */ | ||
+ | |||
+ | .win-commandicon { | ||
+ | display: inline-block; | ||
+ | width: 42px; | ||
+ | height: 42px; | ||
+ | min-width: 0; | ||
+ | min-height: 0; | ||
+ | padding: 0; | ||
+ | font-size: 24px; | ||
+ | line-height: 40px !important; | ||
+ | } | ||
+ | |||
+ | .win-commandimage { | ||
+ | display: inline-block; | ||
+ | width: 42px; | ||
+ | height: 42px; | ||
+ | letter-spacing: 0; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Command button "ring". | ||
+ | */ | ||
+ | |||
+ | .win-commandring { | ||
+ | border-style: solid; | ||
+ | border-width: 2px; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | background-clip: border-box; | ||
+ | } | ||
+ | |||
+ | a:hover:active .win-commandring, | ||
+ | a[aria-checked=true] .win-commandring, | ||
+ | a[aria-checked=true]:active .win-commandring, | ||
+ | a[aria-checked=true]:disabled .win-commandring, | ||
+ | a[aria-checked=true]:disabled:active .win-commandring, | ||
+ | button:hover:active .win-commandring, | ||
+ | button[aria-checked=true] .win-commandring, | ||
+ | button[aria-checked=true]:active .win-commandring, | ||
+ | button[aria-checked=true]:disabled .win-commandring, | ||
+ | button[aria-checked=true]:disabled:active .win-commandring { | ||
+ | background-clip: border-box; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Command button labels. | ||
+ | */ | ||
+ | |||
+ | a.win-command .win-label, | ||
+ | button.win-command .win-label { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | padding-right: 4px; | ||
+ | padding-left: 4px; | ||
+ | margin-top: 3px; | ||
+ | overflow: hidden; | ||
+ | line-height: 15px; | ||
+ | word-break: keep-all; | ||
+ | word-wrap: break-word; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | a.win-command, | ||
+ | a.win-command:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .win-command.win-command-large .win-commandicon { | ||
+ | width: 60px; | ||
+ | height: 60px; | ||
+ | font-size: 40px; | ||
+ | line-height: 60px !important; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .win-command.win-command-small .win-commandicon { | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | font-size: 16px; | ||
+ | line-height: 24px !important; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | AppBarCommand separator. | ||
+ | */ | ||
+ | |||
+ | hr.win-command { | ||
+ | display: inline-block; | ||
+ | width: 1px; | ||
+ | height: 40px; | ||
+ | padding: 0; | ||
+ | margin: 14px 29px 34px 30px; | ||
+ | vertical-align: top; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | AppBar Edgy Container | ||
+ | */ | ||
+ | |||
+ | .win-appbar { | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | z-index: 1001; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | border-width: 0; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | AppBar control. | ||
+ | */ | ||
+ | |||
+ | .win-commandlayout { | ||
+ | min-height: 88px; | ||
+ | padding-left: 10px; | ||
+ | font-size: 0; | ||
+ | } | ||
+ | |||
+ | .win-commandlayout .win-selection { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .win-commandlayout .win-command { | ||
+ | padding: 12px 0; | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | |||
+ | .btn.btn-link { | ||
+ | color: #0088CC; | ||
+ | background-color: transparent; | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | .btn.btn-link:hover { | ||
+ | background-color: transparent; | ||
+ | border-color: transparent; | ||
+ | -webkit-transition: none 0s ease 0s; | ||
+ | -moz-transition: none 0s ease 0s; | ||
+ | -o-transition: none 0s ease 0s; | ||
+ | transition: none 0s ease 0s; | ||
+ | } | ||
+ | |||
+ | .btn-large.dropdown-toggle { | ||
+ | padding-top: 2px; | ||
+ | padding-bottom: 2px; | ||
+ | } | ||
+ | |||
+ | .btn-mini.dropdown-toggle { | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | |||
+ | .btn-small { | ||
+ | min-height: 20px; | ||
+ | padding: 3px 9px; | ||
+ | line-height: 16px; | ||
+ | } | ||
+ | |||
+ | .btn-primary, | ||
+ | .btn-primary:hover, | ||
+ | .btn-warning, | ||
+ | .btn-warning:hover, | ||
+ | .btn-danger, | ||
+ | .btn-danger:hover, | ||
+ | .btn-success, | ||
+ | .btn-success:hover, | ||
+ | .btn-info, | ||
+ | .btn-info:hover, | ||
+ | .btn-inverse, | ||
+ | .btn-inverse:hover { | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn.btn-warning, | ||
+ | .btn.btn-danger, | ||
+ | .btn.btn-success, | ||
+ | .btn.btn-info, | ||
+ | .btn.btn-inverse { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn:first-child, | ||
+ | .btn-group > .btn:last-child, | ||
+ | .btn-group > .dropdown-toggle { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn + .dropdown-toggle { | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn-group > .dropdown-toggle { | ||
+ | min-width: 20px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-mini + .dropdown-toggle { | ||
+ | padding-top: 0; | ||
+ | *padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | *padding-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-mini + .dropdown-toggle .caret { | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-mini.dropdown-toggle { | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-mini.dropdown-toggle .caret { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .btn-group > .btn-large + .dropdown-toggle { | ||
+ | padding-top: 10px; | ||
+ | *padding-top: 10px; | ||
+ | padding-bottom: 8px; | ||
+ | *padding-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | .btn-group .btn.dropdown-toggle .caret { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .notifications { | ||
+ | position: fixed; | ||
+ | } | ||
+ | |||
+ | .notifications.top-right { | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | .notifications > div { | ||
+ | position: relative; | ||
+ | z-index: 1060; | ||
+ | } | ||
+ | |||
+ | .alert { | ||
+ | position: relative; | ||
+ | z-index: 1060; | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | |||
+ | .alert .close:hover { | ||
+ | color: #FFF; | ||
+ | background-color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | |||
+ | .alert .alert-heading { | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | .toast { | ||
+ | position: relative; | ||
+ | z-index: 1060; | ||
+ | width: 400px; | ||
+ | height: 90px; | ||
+ | margin-top: 15px; | ||
+ | margin-bottom: 10px; | ||
+ | overflow: hidden; | ||
+ | *overflow: visible; | ||
+ | color: #ffffff; | ||
+ | text-shadow: none; | ||
+ | background-color: #2e8bcc; | ||
+ | border: 2px solid #54a2d9; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | .toast-body { | ||
+ | height: 64px; | ||
+ | padding: 13px 60px 13px 15px; | ||
+ | overflow: hidden; | ||
+ | *overflow: visible; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | .toast-body p { | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
+ | |||
+ | .toast-object { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .toast-heading { | ||
+ | margin: 0 0 5px; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
+ | |||
+ | .toast.toasttext01 p { | ||
+ | height: 60px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .toast.toasttext02 h4 { | ||
+ | height: 20px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .toast.toasttext02 p { | ||
+ | height: 40px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .toast.toasttext03 h4 { | ||
+ | height: 40px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .toast.toasttext03 p { | ||
+ | height: 20px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .toast.toasttext04 h4 { | ||
+ | height: 20px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .toast.toasttext04 p { | ||
+ | height: 20px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .toast .close, | ||
+ | .modal .close, | ||
+ | .alert .close { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | display: inline-block; | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | min-width: 0; | ||
+ | min-height: 0; | ||
+ | font-family: 'IcoMoon'; | ||
+ | font-size: 12px; | ||
+ | font-weight: normal; | ||
+ | line-height: 12px; | ||
+ | text-align: center; | ||
+ | text-indent: 0; | ||
+ | text-shadow: none; | ||
+ | vertical-align: baseline; | ||
+ | border: 0; | ||
+ | opacity: 1; | ||
+ | box-sizing: border-box; | ||
+ | background-clip: border-box; | ||
+ | } | ||
+ | |||
+ | .toast .close:after, | ||
+ | .modal .close:after, | ||
+ | .alert .close:after { | ||
+ | font-size: 14px; | ||
+ | content: "\e37a"; | ||
+ | } | ||
+ | |||
+ | .toast .close { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .toast:hover .close { | ||
+ | display: inline-block; | ||
+ | color: #FFF; | ||
+ | background-color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | |||
+ | .nav-header { | ||
+ | font-size: 14px; | ||
+ | font-weight: 300; | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | |||
+ | .nav-pills > li > a, | ||
+ | .nav-tabs > li > a { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs.nav-stacked > li:first-child > a, | ||
+ | .nav-tabs.nav-stacked > li:last-child > a { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .nav-tabs .dropdown-menu, | ||
+ | .nav-pills .dropdown-menu { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .tabs-below > .nav-tabs > li > a { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .tabs-left > .nav-tabs > li > a, | ||
+ | .tabs-right > .nav-tabs > li > a { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .nav .dropdown-toggle .caret { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | /* Nav: first level */ | ||
+ | |||
+ | .metro-nav-list { | ||
+ | margin: 0 0 25px 0; | ||
+ | } | ||
+ | |||
+ | .metro-nav-list > li { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .metro-nav-list > li > a { | ||
+ | display: block; | ||
+ | padding: 4px 25px; | ||
+ | font-size: 18px; | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | |||
+ | .metro-nav-list > li > a:hover, | ||
+ | .metro-nav-list > li > a:focus { | ||
+ | color: #FFF; | ||
+ | text-decoration: none; | ||
+ | background-color: #0177db; | ||
+ | } | ||
+ | |||
+ | .metro-nav-list > .active > a, | ||
+ | .metro-nav-list > .active:hover > a, | ||
+ | .metro-nav-list > .active:focus > a { | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | /* Section headings for groups of links */ | ||
+ | |||
+ | .metro-nav-list > .nav-header { | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 5px; | ||
+ | font-size: 14px; | ||
+ | font-weight: 500; | ||
+ | color: #333; | ||
+ | } | ||
+ | |||
+ | /* Nav: second level (shown on .active) */ | ||
+ | |||
+ | .metro-nav-list .nav { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | .metro-nav-list > .active > ul { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .metro-nav-list .nav > li > a { | ||
+ | display: inline-block; | ||
+ | padding-top: 2px; | ||
+ | padding-left: 10px; | ||
+ | margin-bottom: 2px; | ||
+ | margin-left: 40px; | ||
+ | font-size: 90%; | ||
+ | border-left: 3px solid #00BFF2; | ||
+ | } | ||
+ | |||
+ | .metro-nav-list .nav > li > a:hover { | ||
+ | color: #FFF; | ||
+ | background-color: #00BFF2; | ||
+ | } | ||
+ | |||
+ | .metro-nav-list .nav > .active > a, | ||
+ | .metro-nav-list .nav > .active:hover > a, | ||
+ | .metro-nav-list .nav > .active:focus > a { | ||
+ | font-weight: 600; | ||
+ | border-left: 3px solid #0177db; | ||
+ | } | ||
+ | |||
+ | /* Nav: third level (shown on .active) */ | ||
+ | |||
+ | .metro-nav-list .nav .nav { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | |||
+ | .navbar-inner { | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | filter: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar .nav > .active > a, | ||
+ | .navbar .nav > .active > a:hover, | ||
+ | .navbar .nav > .active > a:focus { | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar .btn-navbar { | ||
+ | background-image: none; | ||
+ | filter: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .navbar .nav li.dropdown .dropdown-toggle .caret, | ||
+ | .navbar .nav li.dropdown.open .caret, | ||
+ | .navbar .nav .dropdown-toggle .caret { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-search .search-query { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .navbar.metro-navbar .navbar-inner { | ||
+ | height: 60px; | ||
+ | min-height: 60px; | ||
+ | background-color: #EEEEEE; | ||
+ | } | ||
+ | |||
+ | .navbar.metro-navbar .nav > li { | ||
+ | line-height: 40px; | ||
+ | } | ||
+ | |||
+ | .navbar.metro-navbar .nav > li > a { | ||
+ | margin-right: 4px; | ||
+ | text-shadow: none; | ||
+ | text-transform: uppercase; | ||
+ | background-color: #DDD; | ||
+ | } | ||
+ | |||
+ | .navbar.metro-navbar .nav > li.active > a { | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | .navbar.metro-navbar .nav li.dropdown .dropdown-toggle .caret, | ||
+ | .navbar.metro-navbar .nav li.dropdown.open .caret { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .pager .next a:after { | ||
+ | font-family: 'IcoMoon'; | ||
+ | content: "\e12a"; | ||
+ | } | ||
+ | |||
+ | .pager .previous a:before { | ||
+ | font-family: 'IcoMoon'; | ||
+ | content: "\e127"; | ||
+ | } | ||
+ | |||
+ | .pager li > a, | ||
+ | .pager li > span { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .pagination a:hover, | ||
+ | .pagination .active a { | ||
+ | background-color: #CCC; | ||
+ | } | ||
+ | |||
+ | .pagination .active a { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .pagination ul { | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .modal { | ||
+ | border: 0; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .modal .close:hover { | ||
+ | margin-top: 0; | ||
+ | color: #FFF; | ||
+ | background-color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | .modal.warning.fade.in { | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | .modal.message.fade.in { | ||
+ | top: 20%; | ||
+ | } | ||
+ | |||
+ | .modal-header { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .modal.message, | ||
+ | .modal.warning { | ||
+ | left: 0; | ||
+ | width: 60%; | ||
+ | padding: 0 20%; | ||
+ | margin: 0; | ||
+ | border: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .modal.warning { | ||
+ | width: 100%; | ||
+ | padding: 0 1%; | ||
+ | color: #FFF; | ||
+ | background-color: #0177db !important; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .modal.warning .modal-body { | ||
+ | display: inline-block; | ||
+ | width: 60%; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .modal.warning .modal-footer { | ||
+ | display: inline-block; | ||
+ | width: 30%; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .modal-body { | ||
+ | max-height: 300px; | ||
+ | } | ||
+ | |||
+ | .modal-footer { | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .popover { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .popover-title { | ||
+ | line-height: 1; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .popover-inner { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .tooltip.in { | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | } | ||
+ | |||
+ | #content-filters { | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | |||
+ | #content-filters .nav-pills > li > a { | ||
+ | display: inline-block; | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | margin-top: 2px; | ||
+ | margin-bottom: 2px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | #content-filters .nav > li > a:hover { | ||
+ | text-decoration: none; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | |||
+ | #content-filters .nav-pills > .active > a, | ||
+ | #content-filters .nav-pills > .active > a:hover { | ||
+ | color: inherit; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #content-filters .nav-pills > .open > a, | ||
+ | #content-filters .nav-pills > .open > a:hover { | ||
+ | color: #FFF; | ||
+ | background-color: #999; | ||
+ | } | ||
+ | |||
+ | #content-filters .nav-pills > li > span { | ||
+ | display: inline-block; | ||
+ | padding: 8px 0; | ||
+ | margin: 1px 0; | ||
+ | font-size: 13px; | ||
+ | line-height: 15px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | #content-filters div { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #content-filters a { | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | .label { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .badge { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .label-important, | ||
+ | .badge-important { | ||
+ | color: #ffffff; | ||
+ | background-color: #bc1c48; | ||
+ | } | ||
+ | |||
+ | .label-important[href], | ||
+ | .badge-important[href] { | ||
+ | color: #ffffff; | ||
+ | background-color: #901537; | ||
+ | } | ||
+ | |||
+ | .label-warning, | ||
+ | .badge-warning { | ||
+ | color: #ffffff; | ||
+ | background-color: #f09609; | ||
+ | } | ||
+ | |||
+ | .label-warning[href], | ||
+ | .badge-warning[href] { | ||
+ | color: #ffffff; | ||
+ | background-color: #bf7707; | ||
+ | } | ||
+ | |||
+ | .label-success, | ||
+ | .badge-success { | ||
+ | background-color: #01a31c; | ||
+ | } | ||
+ | |||
+ | .label-success[href], | ||
+ | .badge-success[href] { | ||
+ | color: #ffffff; | ||
+ | background-color: #017013; | ||
+ | } | ||
+ | |||
+ | .label-info, | ||
+ | .badge-info { | ||
+ | background-color: #2d89f0; | ||
+ | } | ||
+ | |||
+ | .label-info[href], | ||
+ | .badge-info[href] { | ||
+ | color: #ffffff; | ||
+ | background-color: #106fda; | ||
+ | } | ||
+ | |||
+ | .label-inverse, | ||
+ | .badge-inverse { | ||
+ | background-color: #333333; | ||
+ | } | ||
+ | |||
+ | .label-inverse[href], | ||
+ | .badge-inverse[href] { | ||
+ | background-color: #1a1a1a; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Progress control. */ | ||
+ | |||
+ | .progress { | ||
+ | height: auto; | ||
+ | background-image: none; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .progress .bar { | ||
+ | height: 5px; | ||
+ | } | ||
+ | |||
+ | .progress.progress-indeterminate { | ||
+ | height: auto; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .progress.progress-indeterminate .bar { | ||
+ | position: static; | ||
+ | display: block; | ||
+ | width: 88px; | ||
+ | height: 8px; | ||
+ | margin: 4px auto; | ||
+ | background: transparent url("../img/progress-indeterminate-light.gif") no-repeat 0 0; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .progress.progress-indeterminate .win-ring { | ||
+ | display: inline-block; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | margin: 5px 10px; | ||
+ | background: transparent url("../img/progress-indeterminate-ring-light.gif") no-repeat 0 0; | ||
+ | } | ||
+ | |||
+ | .progress.progress-indeterminate .win-ring.small { | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | background: transparent url("../img/progress-indeterminate-ring-light-small.gif") no-repeat 0 0; | ||
+ | } | ||
+ | |||
+ | .win-ui-dark.progress.progress-indeterminate .bar { | ||
+ | background: transparent url("../img/progress-indeterminate-dark.gif") no-repeat 0 0; | ||
+ | } | ||
+ | |||
+ | .win-ui-dark.progress.progress-indeterminate .win-ring.small { | ||
+ | width: 24px; | ||
+ | height: 24px; | ||
+ | margin: 5px 10px; | ||
+ | background: transparent url("../img/progress-indeterminate-ring-dark-small.gif") no-repeat 0 0; | ||
+ | } | ||
+ | |||
+ | .progress-danger .bar, | ||
+ | .progress .bar-danger, | ||
+ | .progress-danger.progress-striped .bar, | ||
+ | .progress-striped .bar-danger, | ||
+ | .progress-success .bar, | ||
+ | .progress .bar-success, | ||
+ | .progress-success.progress-striped .bar, | ||
+ | .progress-striped .bar-success, | ||
+ | .progress-info .bar, | ||
+ | .progress .bar-info, | ||
+ | .progress-info.progress-striped .bar, | ||
+ | .progress-striped .bar-info, | ||
+ | .progress-warning .bar, | ||
+ | .progress .bar-warning, | ||
+ | .progress-warning.progress-striped .bar, | ||
+ | .progress-striped .bar-warning { | ||
+ | background-image: none; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .progress .bar + .bar { | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .carousel-control { | ||
+ | font-family: "IcoMoon"; | ||
+ | font-size: 40px; | ||
+ | line-height: 40px; | ||
+ | border-width: 2px; | ||
+ | } | ||
+ | |||
+ | .carousel.flipview .carousel-control { | ||
+ | left: 0; | ||
+ | display: none; | ||
+ | width: 60px; | ||
+ | height: 40px; | ||
+ | font-size: 20px; | ||
+ | line-height: 40px; | ||
+ | color: #000000; | ||
+ | background: rgba(255, 255, 255, 0.6); | ||
+ | border: 0; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | opacity: 1; | ||
+ | filter: alpha(opacity=100); | ||
+ | } | ||
+ | |||
+ | .carousel.flipview .carousel-control.right { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | .carousel.flipview .carousel-control:hover { | ||
+ | opacity: 0.9; | ||
+ | filter: alpha(opacity=90); | ||
+ | } | ||
+ | |||
+ | .carousel.flipview:hover .carousel-control { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .hero-unit { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | .bg-color-orange { | ||
+ | background-color: #f09609 !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-purple { | ||
+ | background-color: #7b4f9d !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-greenDark { | ||
+ | background-color: #008641 !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-blue { | ||
+ | background-color: #2e8bcc !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-red { | ||
+ | background-color: #e51400 !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-green { | ||
+ | background-color: #339933 !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-blueDark { | ||
+ | background-color: #20608e !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-yellow { | ||
+ | background-color: #ffc40d !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-pink { | ||
+ | background-color: #e671b8 !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-darken { | ||
+ | background-color: #1c1c1c !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-gray { | ||
+ | background-color: #555555 !important; | ||
+ | } | ||
+ | |||
+ | .bg-color-grayLight { | ||
+ | background-color: #999999 !important; | ||
+ | } | ||
+ | |||
+ | .metro { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .tile-column { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .tile-column-span-1 { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | width: 162px; | ||
+ | height: auto; | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | .tile-column-span-2 { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | width: 324px; | ||
+ | height: auto; | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | .tile-column-span-3 { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | width: 480px; | ||
+ | height: auto; | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | .tile-column-span-4 { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | width: 640px; | ||
+ | height: auto; | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | .tile-column-span-5 { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | width: 640px; | ||
+ | height: auto; | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | .tile-column-span-6 { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | width: 800px; | ||
+ | height: auto; | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | .tile-column-span-7 { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | width: 960px; | ||
+ | height: auto; | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | .tile-column-span-8 { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | width: 1120px; | ||
+ | height: auto; | ||
+ | margin-left: 0 !important; | ||
+ | } | ||
+ | |||
+ | .panorama { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | margin: 0 40px; | ||
+ | overflow: hidden; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .panorama.nohidden { | ||
+ | width: auto; | ||
+ | overflow: inherit; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections { | ||
+ | position: relative; | ||
+ | width: 10000px; | ||
+ | height: auto; | ||
+ | padding-bottom: 24px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections h2 { | ||
+ | margin-left: 5px; | ||
+ | font-weight: 300; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | margin-right: 75px; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section.tile-span-1 { | ||
+ | width: 160px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section.tile-span-2 { | ||
+ | width: 320px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section.tile-span-3 { | ||
+ | width: 480px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section.tile-span-4 { | ||
+ | width: 640px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section.tile-span-5 { | ||
+ | width: 640px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section.tile-span-6 { | ||
+ | width: 800px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section.tile-span-7 { | ||
+ | width: 960px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .panorama .panorama-sections .panorama-section.tile-span-8 { | ||
+ | width: 1120px; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .metro .tile { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 150px; | ||
+ | height: 150px; | ||
+ | padding: 0; | ||
+ | margin: 5px; | ||
+ | overflow: hidden; | ||
+ | color: #FFF; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | background-color: #2C83EF; | ||
+ | border: 1px solid rgba(255, 255, 255, 0.3); | ||
+ | -webkit-background-clip: padding; | ||
+ | -moz-background-clip: padding; | ||
+ | background-clip: padding-box; | ||
+ | } | ||
+ | |||
+ | .metro .tile.selected { | ||
+ | border: 3px solid #003484; | ||
+ | } | ||
+ | |||
+ | .metro .tile.selected:after { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | z-index: 1001; | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-top: 40px solid #003484; | ||
+ | border-left: 40px solid transparent; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .metro .tile.selected:before { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 4px; | ||
+ | z-index: 1002; | ||
+ | font-family: 'icomoon'; | ||
+ | color: #FFFFFF; | ||
+ | content: "\e379"; | ||
+ | } | ||
+ | |||
+ | .metro .tile .app-label, | ||
+ | .metro .tile .label { | ||
+ | position: absolute; | ||
+ | bottom: 5px; | ||
+ | left: 20px; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | .metro .tile .app-count, | ||
+ | .metro .tile .count { | ||
+ | position: absolute; | ||
+ | right: 20px; | ||
+ | bottom: 5px; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .metro .tile .image-wrapper span.icon { | ||
+ | width: 80px; | ||
+ | height: 80px; | ||
+ | font-size: 80px; | ||
+ | line-height: 80px; | ||
+ | } | ||
+ | |||
+ | .metro .tile .textover-wrapper { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | height: 48px; | ||
+ | padding: 2px 20px; | ||
+ | background-color: inherit; | ||
+ | } | ||
+ | |||
+ | .metro .tile .textover-wrapper.transparent { | ||
+ | background-color: rgba(0, 0, 0, 0.7); | ||
+ | } | ||
+ | |||
+ | .metro .tile .text-header { | ||
+ | max-height: 36px; | ||
+ | overflow: hidden; | ||
+ | font-size: 34px; | ||
+ | font-weight: 300; | ||
+ | line-height: 36px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile .text-header3 { | ||
+ | max-height: 110px; | ||
+ | overflow: hidden; | ||
+ | font-size: 34px; | ||
+ | font-weight: 300; | ||
+ | line-height: 36px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile .column3-text { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 200px; | ||
+ | } | ||
+ | |||
+ | .metro .tile .column3-label { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 50px; | ||
+ | } | ||
+ | |||
+ | .metro .tile .column2-text { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 160px; | ||
+ | } | ||
+ | |||
+ | .metro .tile .column2-label { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 90px; | ||
+ | } | ||
+ | |||
+ | .metro .tile .text2 { | ||
+ | max-height: 44px; | ||
+ | overflow: hidden; | ||
+ | font-size: 15px; | ||
+ | font-weight: 300; | ||
+ | line-height: 20px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile .text3 { | ||
+ | max-height: 56px; | ||
+ | overflow: hidden; | ||
+ | font-size: 15px; | ||
+ | font-weight: 300; | ||
+ | line-height: 18px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile .text4 { | ||
+ | max-height: 72px; | ||
+ | overflow: hidden; | ||
+ | font-size: 15px; | ||
+ | font-weight: 300; | ||
+ | line-height: 18px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile .column { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 130px; | ||
+ | } | ||
+ | |||
+ | .metro .tile .text5 { | ||
+ | max-height: 92px; | ||
+ | overflow: hidden; | ||
+ | font-size: 15px; | ||
+ | font-weight: 300; | ||
+ | line-height: 18px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile .text { | ||
+ | height: 18px; | ||
+ | overflow: hidden; | ||
+ | font-size: 15px; | ||
+ | font-weight: 300; | ||
+ | line-height: 18px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile:hover { | ||
+ | outline: 3px #225a68 solid; | ||
+ | } | ||
+ | |||
+ | .metro .tile.app .image-wrapper { | ||
+ | display: block; | ||
+ | width: 150px; | ||
+ | height: 80px; | ||
+ | padding: 8px 0; | ||
+ | margin-top: 20px; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .metro .tile.app .image-wrapper img { | ||
+ | max-width: 80px; | ||
+ | max-height: 80px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | .metro .tile.square.text { | ||
+ | width: 110px; | ||
+ | height: 110px; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.square.text .text-big { | ||
+ | overflow: hidden; | ||
+ | font-size: 76px; | ||
+ | line-height: 76px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile.square.text.tilesquareblock .text { | ||
+ | overflow: hidden; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro .tile.square.image { | ||
+ | width: 150px; | ||
+ | height: 150px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .metro .tile.square.image img { | ||
+ | max-width: 150px; | ||
+ | max-height: 150px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.squarepeek { | ||
+ | width: 150px; | ||
+ | height: 312px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.squarepeek img { | ||
+ | width: 150px; | ||
+ | height: 150px; | ||
+ | max-width: 150px; | ||
+ | max-height: 150px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.squarepeek .text-inner { | ||
+ | width: 110px; | ||
+ | height: 110px; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.app { | ||
+ | width: 310px; | ||
+ | height: 150px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.app .image-wrapper { | ||
+ | width: 310px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.text { | ||
+ | width: 270px; | ||
+ | height: 110px; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.text .column-text-big { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 80px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.text .column-text-big .text-big { | ||
+ | overflow: hidden; | ||
+ | font-size: 74px; | ||
+ | line-height: 60px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.text .column-text { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 180px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.imagetext { | ||
+ | width: 270px; | ||
+ | height: 110px; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.imagetext .image-wrapper { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 80px; | ||
+ | height: 80px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.imagetext .image-wrapper img { | ||
+ | max-width: 80px; | ||
+ | max-height: 80px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.imagetext .column-text { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 180px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.image { | ||
+ | width: 310px; | ||
+ | height: 150px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.image img { | ||
+ | max-width: 310px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.image .mini-tiles { | ||
+ | display: inline-block; | ||
+ | float: left; | ||
+ | width: 152px; | ||
+ | height: 150px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.image .mini-tiles img { | ||
+ | display: inline-block; | ||
+ | float: left; | ||
+ | max-width: 75px; | ||
+ | max-height: 75px; | ||
+ | border-left: 1px solid #2A2A2A; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.imagetext.wideimage { | ||
+ | width: 310px; | ||
+ | height: 150px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide.image.collection img { | ||
+ | float: left; | ||
+ | max-width: 158px; | ||
+ | max-height: 150px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.widepeek { | ||
+ | width: 310px; | ||
+ | height: 300px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.widepeek .tile { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .metro .tile.widepeek .tile:hover { | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | .metro .tile.square .textover-wrapper, | ||
+ | .metro .tile.squarepeek .textover-wrapper { | ||
+ | width: 130px; | ||
+ | } | ||
+ | |||
+ | .metro .tile.wide .textover-wrapper, | ||
+ | .metro .tile.widepeek .textover-wrapper { | ||
+ | width: 270px; | ||
+ | } | ||
+ | |||
+ | #panorama-scroll-prev, | ||
+ | #panorama-scroll-next { | ||
+ | position: absolute; | ||
+ | top: 96px; | ||
+ | left: 4px; | ||
+ | z-index: 1061; | ||
+ | display: inline-block; | ||
+ | width: 42px; | ||
+ | width: 32px; | ||
+ | height: 42px; | ||
+ | height: 32px; | ||
+ | min-width: 0; | ||
+ | min-height: 0; | ||
+ | padding: 0; | ||
+ | font-family: 'icomoon'; | ||
+ | font-size: 24px; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | line-height: 40px !important; | ||
+ | line-height: 1; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | text-transform: none; | ||
+ | background: none; | ||
+ | border-style: solid; | ||
+ | border-width: 2px; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | outline: 0; | ||
+ | background-clip: border-box; | ||
+ | font-variant: normal; | ||
+ | } | ||
+ | |||
+ | #panorama-scroll-next { | ||
+ | right: 4px; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | #panorama-scroll-prev:hover, | ||
+ | #panorama-scroll-next:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.13); | ||
+ | border-color: rgba(255, 255, 255, 0.6); | ||
+ | } | ||
+ | |||
+ | #panorama-scroll-prev:before { | ||
+ | font-size: 20px; | ||
+ | line-height: 32px; | ||
+ | vertical-align: top; | ||
+ | content: "\e2a4"; | ||
+ | } | ||
+ | |||
+ | #panorama-scroll-next:before { | ||
+ | font-size: 20px; | ||
+ | line-height: 32px; | ||
+ | vertical-align: top; | ||
+ | content: "\e2a0"; | ||
+ | } | ||
+ | |||
+ | #panorama-scroll-prev-bkg, | ||
+ | #panorama-scroll-next-bkg { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 1060; | ||
+ | display: block; | ||
+ | width: 40px; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #panorama-scroll-next-bkg { | ||
+ | right: 0; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | #panorama-scroll-prev-bkg:hover, | ||
+ | #panorama-scroll-next-bkg:hover { | ||
+ | background-color: rgba(0, 0, 0, 0.7); | ||
+ | } | ||
+ | |||
+ | .metro-responsive-tiles .tile { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | height: 150px; | ||
+ | padding: 20px; | ||
+ | margin: 5px; | ||
+ | overflow: hidden; | ||
+ | color: #FFF; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | background-color: #2C83EF; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .metro-responsive-tiles .tile .image-wrapper { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 80px; | ||
+ | height: 80px; | ||
+ | } | ||
+ | |||
+ | .metro-responsive-tiles .tile .image-wrapper span.icon { | ||
+ | width: 80px; | ||
+ | height: 80px; | ||
+ | font-size: 80px; | ||
+ | line-height: 80px; | ||
+ | } | ||
+ | |||
+ | .metro-responsive-tiles .tile .text-header { | ||
+ | max-height: 36px; | ||
+ | overflow: hidden; | ||
+ | font-size: 34px; | ||
+ | font-weight: 300; | ||
+ | line-height: 36px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro-responsive-tiles .tile .text-header2 { | ||
+ | max-height: 80px; | ||
+ | overflow: hidden; | ||
+ | font-size: 30px; | ||
+ | font-weight: 300; | ||
+ | line-height: 32px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro-responsive-tiles .tile .column-text { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 180px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | .metro-responsive-tiles .tile .column-text .text-header3 { | ||
+ | max-height: 110px; | ||
+ | overflow: hidden; | ||
+ | font-size: 34px; | ||
+ | font-weight: 300; | ||
+ | line-height: 36px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .metro-responsive-tiles .tile .tile-form { | ||
+ | margin: 10px 0; | ||
+ | } | ||
+ | |||
+ | .pivot { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-headers { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-headers > a { | ||
+ | margin: 0 10px 0 0; | ||
+ | font-size: 26px; | ||
+ | font-weight: 300; | ||
+ | line-height: 34px; | ||
+ | color: #555555; | ||
+ | text-decoration: none; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-headers > a:hover { | ||
+ | color: #222222; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-headers > a.active { | ||
+ | font-weight: 400; | ||
+ | color: #222222; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items > .pivot-item { | ||
+ | position: relative; | ||
+ | display: none; | ||
+ | -webkit-transition: 0.4s ease-in-out left; | ||
+ | -moz-transition: 0.4s ease-in-out left; | ||
+ | -o-transition: 0.4s ease-in-out left; | ||
+ | transition: 0.4s ease-in-out left; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items > .active, | ||
+ | .pivot > .pivot-items > .next, | ||
+ | .pivot > .pivot-items > .prev { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items > .active { | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items > .next, | ||
+ | .pivot > .pivot-items > .prev { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items > .next { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items > .prev { | ||
+ | left: -100%; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items > .next.left, | ||
+ | .pivot > .pivot-items > .prev.right { | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items > .active.left { | ||
+ | left: -100%; | ||
+ | } | ||
+ | |||
+ | .pivot > .pivot-items .active.right { | ||
+ | left: 100%; | ||
+ | } | ||
+ | |||
+ | .listview.grid-layout { | ||
+ | padding: 2px; | ||
+ | overflow-y: auto; | ||
+ | } | ||
+ | |||
+ | .listview.grid-layout .listview-item { | ||
+ | margin-right: 24px; | ||
+ | } | ||
+ | |||
+ | .listview.list-layout { | ||
+ | width: 330px; | ||
+ | padding: 2px; | ||
+ | overflow-y: auto; | ||
+ | } | ||
+ | |||
+ | .listview.list-layout.big { | ||
+ | width: 430px; | ||
+ | } | ||
+ | |||
+ | .listview-item { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | width: 282px; | ||
+ | min-height: 60px; | ||
+ | padding: 10px; | ||
+ | margin-top: 15px; | ||
+ | margin-bottom: 7px; | ||
+ | overflow: hidden; | ||
+ | *overflow: visible; | ||
+ | color: #ffffff; | ||
+ | text-shadow: none; | ||
+ | vertical-align: top; | ||
+ | border: solid 3px transparent; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | .listview-item:hover { | ||
+ | cursor: pointer; | ||
+ | border: solid 3px #225a68; | ||
+ | } | ||
+ | |||
+ | .listview-item.selected { | ||
+ | border: 3px solid #003484; | ||
+ | } | ||
+ | |||
+ | .listview-item.selected:after { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | z-index: 1001; | ||
+ | display: block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-top: 40px solid #003484; | ||
+ | border-left: 40px solid transparent; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .listview-item.selected:before { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 4px; | ||
+ | z-index: 1002; | ||
+ | font-family: 'icomoon'; | ||
+ | color: #FFFFFF; | ||
+ | content: "\e379"; | ||
+ | } | ||
+ | |||
+ | .listview-item-body { | ||
+ | overflow: hidden; | ||
+ | *overflow: visible; | ||
+ | zoom: 1; | ||
+ | } | ||
+ | |||
+ | .listview-item-body p { | ||
+ | height: 20px; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | line-height: 20px; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
+ | |||
+ | .listview-item-body p.two-lines { | ||
+ | height: 40px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .listview-item-body p.three-lines { | ||
+ | height: 60px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .listview-item-object { | ||
+ | display: block; | ||
+ | width: 60px; | ||
+ | height: 60px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .listview-item-object[class*="icon-"] { | ||
+ | display: inline-block; | ||
+ | width: 60px; | ||
+ | height: 60px; | ||
+ | font-size: 60px; | ||
+ | line-height: 60px; | ||
+ | } | ||
+ | |||
+ | .listview-item-heading { | ||
+ | margin: 0 0 5px; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
+ | |||
+ | .listview-item-subheading { | ||
+ | margin: 0 0 5px; | ||
+ | margin: 0; | ||
+ | overflow: hidden; | ||
+ | color: #eeeeee; | ||
+ | text-overflow: ellipsis; | ||
+ | } | ||
+ | |||
+ | .listview-item.big { | ||
+ | width: 380px; | ||
+ | } | ||
+ | |||
+ | .listview-item.big .listview-item-object { | ||
+ | display: block; | ||
+ | width: 112px; | ||
+ | height: 112px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .listview-item.big .listview-item-object[class*="icon-"] { | ||
+ | display: inline-block; | ||
+ | width: 112px; | ||
+ | height: 112px; | ||
+ | font-size: 112px; | ||
+ | line-height: 112px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Tile ListView | ||
+ | */ | ||
+ | |||
+ | .metro .tile-listviewitem-container { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .metro .tile-listviewitem { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | height: 113px; | ||
+ | padding: 7px 0; | ||
+ | margin: 0 0 13px 0; | ||
+ | overflow: hidden; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .metro .tile-listviewitem img { | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin-left: 7px; | ||
+ | vertical-align: top; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | .metro .tile-listviewitem .detail { | ||
+ | display: inline-block; | ||
+ | height: 113px; | ||
+ | margin-right: 7px; | ||
+ | margin-left: 10px; | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .metro .tile-listviewitem .detail .title { | ||
+ | font-size: 16px; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | .metro .tile-listviewitem .detail .subtitle { | ||
+ | font-size: 10px; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | .metro .tile-listviewitem.selected { | ||
+ | color: #FFF; | ||
+ | background-color: #4617b4; | ||
+ | } | ||
+ | |||
+ | .metro .tile-listviewitem:hover { | ||
+ | background-color: #b3b3b3; | ||
+ | } | ||
+ | |||
+ | .metro .tile-listviewitem.selected:hover { | ||
+ | background-color: #4617b4; | ||
+ | } | ||
+ | |||
+ | article.tile-listviewitem-detail { | ||
+ | margin-left: 72px; | ||
+ | } | ||
+ | |||
+ | article.tile-listviewitem-detail header img { | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | article.tile-listviewitem-detail header .titles { | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | article.tile-listviewitem-detail header .titles h1 { | ||
+ | font-size: 24px; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | article.tile-listviewitem-detail header .titles h2 { | ||
+ | font-size: 14px; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | article.tile-listviewitem-detail section { | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | |||
+ | #charms { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | display: block; | ||
+ | width: 320px; | ||
+ | height: 100%; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | background-color: #004D60; | ||
+ | } | ||
+ | |||
+ | #charms a.win-command { | ||
+ | display: inline-block; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | background-clip: border-box; | ||
+ | } | ||
+ | |||
+ | #charms .charms-section { | ||
+ | margin: 0 40px 40px 40px; | ||
+ | } | ||
+ | |||
+ | #charms a:hover { | ||
+ | background-color: #216475; | ||
+ | } | ||
+ | |||
+ | #charms .charms-header { | ||
+ | position: relative; | ||
+ | padding: 40px 0 30px 0; | ||
+ | } | ||
+ | |||
+ | #charms .charms-header a#pin-charms { | ||
+ | position: absolute; | ||
+ | top: 2px; | ||
+ | right: 2px; | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | margin-right: -24px; | ||
+ | font-size: 11px; | ||
+ | color: #FFF; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #charms .charms-header a#pin-charms.active { | ||
+ | color: #000; | ||
+ | background-color: #FFF; | ||
+ | -webkit-border-radius: 50%; | ||
+ | -moz-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | |||
+ | #charms .charms-header h2 { | ||
+ | display: inline-block; | ||
+ | margin-left: 10px; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | #charms hr { | ||
+ | border: 1px solid #357281; | ||
+ | } | ||
+ | |||
+ | #charms h2, | ||
+ | #charms h3, | ||
+ | #charms h4, | ||
+ | #charms p, | ||
+ | #charms a, | ||
+ | #charms label { | ||
+ | color: #19BFC9; | ||
+ | } | ||
+ | |||
+ | #charms .charms-header a.win-backbutton { | ||
+ | width: 32px; | ||
+ | height: 32px; | ||
+ | font-size: 20px; | ||
+ | line-height: 32px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | #charms-body { | ||
+ | min-width: 350px; | ||
+ | } | ||
+ | |||
+ | #charms.slide { | ||
+ | right: -320px; | ||
+ | -webkit-transition: all 0.36s ease; | ||
+ | -moz-transition: all 0.36s ease; | ||
+ | -ms-transition: all 0.36s ease; | ||
+ | -o-transition: all 0.36s ease; | ||
+ | transition: all 0.36s ease; | ||
+ | } | ||
+ | |||
+ | #charms.slide.in { | ||
+ | right: 0; | ||
+ | } | ||
+ | |||
+ | #wizard-step-content { | ||
+ | padding: 0; | ||
+ | margin-top: 20px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .wizard { | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | #wizard-steps-container { | ||
+ | color: #FFF; | ||
+ | background-color: #0177db !important; | ||
+ | } | ||
+ | |||
+ | #wizard-steps-container h2 { | ||
+ | padding: 20px; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | ul#wizard-steps { | ||
+ | margin: 0; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | ul#wizard-steps li.active { | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | ul#wizard-steps li.active a { | ||
+ | color: #666; | ||
+ | } | ||
+ | |||
+ | ul#wizard-steps li { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height: 36px; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | ul#wizard-steps li a { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height: 36px; | ||
+ | padding: 0 20px; | ||
+ | font-weight: 300; | ||
+ | line-height: 36px; | ||
+ | color: #FFF; | ||
+ | text-decoration: none; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | /*! | ||
+ | * Bootstrap Responsive v2.2.1 | ||
+ | * | ||
+ | * Copyright 2012 Twitter, Inc | ||
+ | * Licensed under the Apache License v2.0 | ||
+ | * http://www.apache.org/licenses/LICENSE-2.0 | ||
+ | * | ||
+ | * Designed and built with all the love in the world @twitter by @mdo and @fat. | ||
+ | */ | ||
+ | |||
+ | .clearfix { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | .clearfix:before, | ||
+ | .clearfix:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | |||
+ | .clearfix:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | .hide-text { | ||
+ | font: 0/0 a; | ||
+ | color: transparent; | ||
+ | text-shadow: none; | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .input-block-level { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | min-height: 30px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | @-ms-viewport { | ||
+ | width: device-width; | ||
+ | } | ||
+ | |||
+ | .hidden { | ||
+ | display: none; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .visible-phone { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .visible-tablet { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .hidden-desktop { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | .visible-desktop { | ||
+ | display: inherit !important; | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) and (max-width: 979px) { | ||
+ | .hidden-desktop { | ||
+ | display: inherit !important; | ||
+ | } | ||
+ | .visible-desktop { | ||
+ | display: none !important ; | ||
+ | } | ||
+ | .visible-tablet { | ||
+ | display: inherit !important; | ||
+ | } | ||
+ | .hidden-tablet { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .hidden-desktop { | ||
+ | display: inherit !important; | ||
+ | } | ||
+ | .visible-desktop { | ||
+ | display: none !important; | ||
+ | } | ||
+ | .visible-phone { | ||
+ | display: inherit !important; | ||
+ | } | ||
+ | .hidden-phone { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .visible-print { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | @media print { | ||
+ | .visible-print { | ||
+ | display: inherit !important; | ||
+ | } | ||
+ | .hidden-print { | ||
+ | display: none !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | .row { | ||
+ | margin-left: -30px; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | .row:before, | ||
+ | .row:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | .row:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | [class*="span"] { | ||
+ | float: left; | ||
+ | min-height: 1px; | ||
+ | margin-left: 30px; | ||
+ | } | ||
+ | .container, | ||
+ | .navbar-static-top .container, | ||
+ | .navbar-fixed-top .container, | ||
+ | .navbar-fixed-bottom .container { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | .span12 { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | .span11 { | ||
+ | width: 1070px; | ||
+ | } | ||
+ | .span10 { | ||
+ | width: 970px; | ||
+ | } | ||
+ | .span9 { | ||
+ | width: 870px; | ||
+ | } | ||
+ | .span8 { | ||
+ | width: 770px; | ||
+ | } | ||
+ | .span7 { | ||
+ | width: 670px; | ||
+ | } | ||
+ | .span6 { | ||
+ | width: 570px; | ||
+ | } | ||
+ | .span5 { | ||
+ | width: 470px; | ||
+ | } | ||
+ | .span4 { | ||
+ | width: 370px; | ||
+ | } | ||
+ | .span3 { | ||
+ | width: 270px; | ||
+ | } | ||
+ | .span2 { | ||
+ | width: 170px; | ||
+ | } | ||
+ | .span1 { | ||
+ | width: 70px; | ||
+ | } | ||
+ | .offset12 { | ||
+ | margin-left: 1230px; | ||
+ | } | ||
+ | .offset11 { | ||
+ | margin-left: 1130px; | ||
+ | } | ||
+ | .offset10 { | ||
+ | margin-left: 1030px; | ||
+ | } | ||
+ | .offset9 { | ||
+ | margin-left: 930px; | ||
+ | } | ||
+ | .offset8 { | ||
+ | margin-left: 830px; | ||
+ | } | ||
+ | .offset7 { | ||
+ | margin-left: 730px; | ||
+ | } | ||
+ | .offset6 { | ||
+ | margin-left: 630px; | ||
+ | } | ||
+ | .offset5 { | ||
+ | margin-left: 530px; | ||
+ | } | ||
+ | .offset4 { | ||
+ | margin-left: 430px; | ||
+ | } | ||
+ | .offset3 { | ||
+ | margin-left: 330px; | ||
+ | } | ||
+ | .offset2 { | ||
+ | margin-left: 230px; | ||
+ | } | ||
+ | .offset1 { | ||
+ | margin-left: 130px; | ||
+ | } | ||
+ | .row-fluid { | ||
+ | width: 100%; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | .row-fluid:before, | ||
+ | .row-fluid:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | .row-fluid:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .row-fluid [class*="span"] { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | min-height: 30px; | ||
+ | margin-left: 2.564102564102564%; | ||
+ | *margin-left: 2.5109110747408616%; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | .row-fluid [class*="span"]:first-child { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .row-fluid .controls-row [class*="span"] + [class*="span"] { | ||
+ | margin-left: 2.564102564102564%; | ||
+ | } | ||
+ | .row-fluid .span12 { | ||
+ | width: 100%; | ||
+ | *width: 99.94680851063829%; | ||
+ | } | ||
+ | .row-fluid .span11 { | ||
+ | width: 91.45299145299145%; | ||
+ | *width: 91.39979996362975%; | ||
+ | } | ||
+ | .row-fluid .span10 { | ||
+ | width: 82.90598290598291%; | ||
+ | *width: 82.8527914166212%; | ||
+ | } | ||
+ | .row-fluid .span9 { | ||
+ | width: 74.35897435897436%; | ||
+ | *width: 74.30578286961266%; | ||
+ | } | ||
+ | .row-fluid .span8 { | ||
+ | width: 65.81196581196582%; | ||
+ | *width: 65.75877432260411%; | ||
+ | } | ||
+ | .row-fluid .span7 { | ||
+ | width: 57.26495726495726%; | ||
+ | *width: 57.21176577559556%; | ||
+ | } | ||
+ | .row-fluid .span6 { | ||
+ | width: 48.717948717948715%; | ||
+ | *width: 48.664757228587014%; | ||
+ | } | ||
+ | .row-fluid .span5 { | ||
+ | width: 40.17094017094017%; | ||
+ | *width: 40.11774868157847%; | ||
+ | } | ||
+ | .row-fluid .span4 { | ||
+ | width: 31.623931623931625%; | ||
+ | *width: 31.570740134569924%; | ||
+ | } | ||
+ | .row-fluid .span3 { | ||
+ | width: 23.076923076923077%; | ||
+ | *width: 23.023731587561375%; | ||
+ | } | ||
+ | .row-fluid .span2 { | ||
+ | width: 14.52991452991453%; | ||
+ | *width: 14.476723040552828%; | ||
+ | } | ||
+ | .row-fluid .span1 { | ||
+ | width: 5.982905982905983%; | ||
+ | *width: 5.929714493544281%; | ||
+ | } | ||
+ | .row-fluid .offset12 { | ||
+ | margin-left: 105.12820512820512%; | ||
+ | *margin-left: 105.02182214948171%; | ||
+ | } | ||
+ | .row-fluid .offset12:first-child { | ||
+ | margin-left: 102.56410256410257%; | ||
+ | *margin-left: 102.45771958537915%; | ||
+ | } | ||
+ | .row-fluid .offset11 { | ||
+ | margin-left: 96.58119658119658%; | ||
+ | *margin-left: 96.47481360247316%; | ||
+ | } | ||
+ | .row-fluid .offset11:first-child { | ||
+ | margin-left: 94.01709401709402%; | ||
+ | *margin-left: 93.91071103837061%; | ||
+ | } | ||
+ | .row-fluid .offset10 { | ||
+ | margin-left: 88.03418803418803%; | ||
+ | *margin-left: 87.92780505546462%; | ||
+ | } | ||
+ | .row-fluid .offset10:first-child { | ||
+ | margin-left: 85.47008547008548%; | ||
+ | *margin-left: 85.36370249136206%; | ||
+ | } | ||
+ | .row-fluid .offset9 { | ||
+ | margin-left: 79.48717948717949%; | ||
+ | *margin-left: 79.38079650845607%; | ||
+ | } | ||
+ | .row-fluid .offset9:first-child { | ||
+ | margin-left: 76.92307692307693%; | ||
+ | *margin-left: 76.81669394435352%; | ||
+ | } | ||
+ | .row-fluid .offset8 { | ||
+ | margin-left: 70.94017094017094%; | ||
+ | *margin-left: 70.83378796144753%; | ||
+ | } | ||
+ | .row-fluid .offset8:first-child { | ||
+ | margin-left: 68.37606837606839%; | ||
+ | *margin-left: 68.26968539734497%; | ||
+ | } | ||
+ | .row-fluid .offset7 { | ||
+ | margin-left: 62.393162393162385%; | ||
+ | *margin-left: 62.28677941443899%; | ||
+ | } | ||
+ | .row-fluid .offset7:first-child { | ||
+ | margin-left: 59.82905982905982%; | ||
+ | *margin-left: 59.72267685033642%; | ||
+ | } | ||
+ | .row-fluid .offset6 { | ||
+ | margin-left: 53.84615384615384%; | ||
+ | *margin-left: 53.739770867430444%; | ||
+ | } | ||
+ | .row-fluid .offset6:first-child { | ||
+ | margin-left: 51.28205128205128%; | ||
+ | *margin-left: 51.175668303327875%; | ||
+ | } | ||
+ | .row-fluid .offset5 { | ||
+ | margin-left: 45.299145299145295%; | ||
+ | *margin-left: 45.1927623204219%; | ||
+ | } | ||
+ | .row-fluid .offset5:first-child { | ||
+ | margin-left: 42.73504273504273%; | ||
+ | *margin-left: 42.62865975631933%; | ||
+ | } | ||
+ | .row-fluid .offset4 { | ||
+ | margin-left: 36.75213675213675%; | ||
+ | *margin-left: 36.645753773413354%; | ||
+ | } | ||
+ | .row-fluid .offset4:first-child { | ||
+ | margin-left: 34.18803418803419%; | ||
+ | *margin-left: 34.081651209310785%; | ||
+ | } | ||
+ | .row-fluid .offset3 { | ||
+ | margin-left: 28.205128205128204%; | ||
+ | *margin-left: 28.0987452264048%; | ||
+ | } | ||
+ | .row-fluid .offset3:first-child { | ||
+ | margin-left: 25.641025641025642%; | ||
+ | *margin-left: 25.53464266230224%; | ||
+ | } | ||
+ | .row-fluid .offset2 { | ||
+ | margin-left: 19.65811965811966%; | ||
+ | *margin-left: 19.551736679396257%; | ||
+ | } | ||
+ | .row-fluid .offset2:first-child { | ||
+ | margin-left: 17.094017094017094%; | ||
+ | *margin-left: 16.98763411529369%; | ||
+ | } | ||
+ | .row-fluid .offset1 { | ||
+ | margin-left: 11.11111111111111%; | ||
+ | *margin-left: 11.004728132387708%; | ||
+ | } | ||
+ | .row-fluid .offset1:first-child { | ||
+ | margin-left: 8.547008547008547%; | ||
+ | *margin-left: 8.440625568285142%; | ||
+ | } | ||
+ | input, | ||
+ | textarea, | ||
+ | .uneditable-input { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .controls-row [class*="span"] + [class*="span"] { | ||
+ | margin-left: 30px; | ||
+ | } | ||
+ | input.span12, | ||
+ | textarea.span12, | ||
+ | .uneditable-input.span12 { | ||
+ | width: 1156px; | ||
+ | } | ||
+ | input.span11, | ||
+ | textarea.span11, | ||
+ | .uneditable-input.span11 { | ||
+ | width: 1056px; | ||
+ | } | ||
+ | input.span10, | ||
+ | textarea.span10, | ||
+ | .uneditable-input.span10 { | ||
+ | width: 956px; | ||
+ | } | ||
+ | input.span9, | ||
+ | textarea.span9, | ||
+ | .uneditable-input.span9 { | ||
+ | width: 856px; | ||
+ | } | ||
+ | input.span8, | ||
+ | textarea.span8, | ||
+ | .uneditable-input.span8 { | ||
+ | width: 756px; | ||
+ | } | ||
+ | input.span7, | ||
+ | textarea.span7, | ||
+ | .uneditable-input.span7 { | ||
+ | width: 656px; | ||
+ | } | ||
+ | input.span6, | ||
+ | textarea.span6, | ||
+ | .uneditable-input.span6 { | ||
+ | width: 556px; | ||
+ | } | ||
+ | input.span5, | ||
+ | textarea.span5, | ||
+ | .uneditable-input.span5 { | ||
+ | width: 456px; | ||
+ | } | ||
+ | input.span4, | ||
+ | textarea.span4, | ||
+ | .uneditable-input.span4 { | ||
+ | width: 356px; | ||
+ | } | ||
+ | input.span3, | ||
+ | textarea.span3, | ||
+ | .uneditable-input.span3 { | ||
+ | width: 256px; | ||
+ | } | ||
+ | input.span2, | ||
+ | textarea.span2, | ||
+ | .uneditable-input.span2 { | ||
+ | width: 156px; | ||
+ | } | ||
+ | input.span1, | ||
+ | textarea.span1, | ||
+ | .uneditable-input.span1 { | ||
+ | width: 56px; | ||
+ | } | ||
+ | .thumbnails { | ||
+ | margin-left: -30px; | ||
+ | } | ||
+ | .thumbnails > li { | ||
+ | margin-left: 30px; | ||
+ | } | ||
+ | .row-fluid .thumbnails { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 1200px) { | ||
+ | |||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) and (max-width: 979px) { | ||
+ | .row { | ||
+ | margin-left: -20px; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | .row:before, | ||
+ | .row:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | .row:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | [class*="span"] { | ||
+ | float: left; | ||
+ | min-height: 1px; | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | .container, | ||
+ | .navbar-static-top .container, | ||
+ | .navbar-fixed-top .container, | ||
+ | .navbar-fixed-bottom .container { | ||
+ | width: 724px; | ||
+ | } | ||
+ | .span12 { | ||
+ | width: 724px; | ||
+ | } | ||
+ | .span11 { | ||
+ | width: 662px; | ||
+ | } | ||
+ | .span10 { | ||
+ | width: 600px; | ||
+ | } | ||
+ | .span9 { | ||
+ | width: 538px; | ||
+ | } | ||
+ | .span8 { | ||
+ | width: 476px; | ||
+ | } | ||
+ | .span7 { | ||
+ | width: 414px; | ||
+ | } | ||
+ | .span6 { | ||
+ | width: 352px; | ||
+ | } | ||
+ | .span5 { | ||
+ | width: 290px; | ||
+ | } | ||
+ | .span4 { | ||
+ | width: 228px; | ||
+ | } | ||
+ | .span3 { | ||
+ | width: 166px; | ||
+ | } | ||
+ | .span2 { | ||
+ | width: 104px; | ||
+ | } | ||
+ | .span1 { | ||
+ | width: 42px; | ||
+ | } | ||
+ | .offset12 { | ||
+ | margin-left: 764px; | ||
+ | } | ||
+ | .offset11 { | ||
+ | margin-left: 702px; | ||
+ | } | ||
+ | .offset10 { | ||
+ | margin-left: 640px; | ||
+ | } | ||
+ | .offset9 { | ||
+ | margin-left: 578px; | ||
+ | } | ||
+ | .offset8 { | ||
+ | margin-left: 516px; | ||
+ | } | ||
+ | .offset7 { | ||
+ | margin-left: 454px; | ||
+ | } | ||
+ | .offset6 { | ||
+ | margin-left: 392px; | ||
+ | } | ||
+ | .offset5 { | ||
+ | margin-left: 330px; | ||
+ | } | ||
+ | .offset4 { | ||
+ | margin-left: 268px; | ||
+ | } | ||
+ | .offset3 { | ||
+ | margin-left: 206px; | ||
+ | } | ||
+ | .offset2 { | ||
+ | margin-left: 144px; | ||
+ | } | ||
+ | .offset1 { | ||
+ | margin-left: 82px; | ||
+ | } | ||
+ | .row-fluid { | ||
+ | width: 100%; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | .row-fluid:before, | ||
+ | .row-fluid:after { | ||
+ | display: table; | ||
+ | line-height: 0; | ||
+ | content: ""; | ||
+ | } | ||
+ | .row-fluid:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | .row-fluid [class*="span"] { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | min-height: 30px; | ||
+ | margin-left: 2.7624309392265194%; | ||
+ | *margin-left: 2.709239449864817%; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | .row-fluid [class*="span"]:first-child { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .row-fluid .controls-row [class*="span"] + [class*="span"] { | ||
+ | margin-left: 2.7624309392265194%; | ||
+ | } | ||
+ | .row-fluid .span12 { | ||
+ | width: 100%; | ||
+ | *width: 99.94680851063829%; | ||
+ | } | ||
+ | .row-fluid .span11 { | ||
+ | width: 91.43646408839778%; | ||
+ | *width: 91.38327259903608%; | ||
+ | } | ||
+ | .row-fluid .span10 { | ||
+ | width: 82.87292817679558%; | ||
+ | *width: 82.81973668743387%; | ||
+ | } | ||
+ | .row-fluid .span9 { | ||
+ | width: 74.30939226519337%; | ||
+ | *width: 74.25620077583166%; | ||
+ | } | ||
+ | .row-fluid .span8 { | ||
+ | width: 65.74585635359117%; | ||
+ | *width: 65.69266486422946%; | ||
+ | } | ||
+ | .row-fluid .span7 { | ||
+ | width: 57.18232044198895%; | ||
+ | *width: 57.12912895262725%; | ||
+ | } | ||
+ | .row-fluid .span6 { | ||
+ | width: 48.61878453038674%; | ||
+ | *width: 48.56559304102504%; | ||
+ | } | ||
+ | .row-fluid .span5 { | ||
+ | width: 40.05524861878453%; | ||
+ | *width: 40.00205712942283%; | ||
+ | } | ||
+ | .row-fluid .span4 { | ||
+ | width: 31.491712707182323%; | ||
+ | *width: 31.43852121782062%; | ||
+ | } | ||
+ | .row-fluid .span3 { | ||
+ | width: 22.92817679558011%; | ||
+ | *width: 22.87498530621841%; | ||
+ | } | ||
+ | .row-fluid .span2 { | ||
+ | width: 14.3646408839779%; | ||
+ | *width: 14.311449394616199%; | ||
+ | } | ||
+ | .row-fluid .span1 { | ||
+ | width: 5.801104972375691%; | ||
+ | *width: 5.747913483013988%; | ||
+ | } | ||
+ | .row-fluid .offset12 { | ||
+ | margin-left: 105.52486187845304%; | ||
+ | *margin-left: 105.41847889972962%; | ||
+ | } | ||
+ | .row-fluid .offset12:first-child { | ||
+ | margin-left: 102.76243093922652%; | ||
+ | *margin-left: 102.6560479605031%; | ||
+ | } | ||
+ | .row-fluid .offset11 { | ||
+ | margin-left: 96.96132596685082%; | ||
+ | *margin-left: 96.8549429881274%; | ||
+ | } | ||
+ | .row-fluid .offset11:first-child { | ||
+ | margin-left: 94.1988950276243%; | ||
+ | *margin-left: 94.09251204890089%; | ||
+ | } | ||
+ | .row-fluid .offset10 { | ||
+ | margin-left: 88.39779005524862%; | ||
+ | *margin-left: 88.2914070765252%; | ||
+ | } | ||
+ | .row-fluid .offset10:first-child { | ||
+ | margin-left: 85.6353591160221%; | ||
+ | *margin-left: 85.52897613729868%; | ||
+ | } | ||
+ | .row-fluid .offset9 { | ||
+ | margin-left: 79.8342541436464%; | ||
+ | *margin-left: 79.72787116492299%; | ||
+ | } | ||
+ | .row-fluid .offset9:first-child { | ||
+ | margin-left: 77.07182320441989%; | ||
+ | *margin-left: 76.96544022569647%; | ||
+ | } | ||
+ | .row-fluid .offset8 { | ||
+ | margin-left: 71.2707182320442%; | ||
+ | *margin-left: 71.16433525332079%; | ||
+ | } | ||
+ | .row-fluid .offset8:first-child { | ||
+ | margin-left: 68.50828729281768%; | ||
+ | *margin-left: 68.40190431409427%; | ||
+ | } | ||
+ | .row-fluid .offset7 { | ||
+ | margin-left: 62.70718232044199%; | ||
+ | *margin-left: 62.600799341718584%; | ||
+ | } | ||
+ | .row-fluid .offset7:first-child { | ||
+ | margin-left: 59.94475138121547%; | ||
+ | *margin-left: 59.838368402492065%; | ||
+ | } | ||
+ | .row-fluid .offset6 { | ||
+ | margin-left: 54.14364640883978%; | ||
+ | *margin-left: 54.037263430116376%; | ||
+ | } | ||
+ | .row-fluid .offset6:first-child { | ||
+ | margin-left: 51.38121546961326%; | ||
+ | *margin-left: 51.27483249088986%; | ||
+ | } | ||
+ | .row-fluid .offset5 { | ||
+ | margin-left: 45.58011049723757%; | ||
+ | *margin-left: 45.47372751851417%; | ||
+ | } | ||
+ | .row-fluid .offset5:first-child { | ||
+ | margin-left: 42.81767955801105%; | ||
+ | *margin-left: 42.71129657928765%; | ||
+ | } | ||
+ | .row-fluid .offset4 { | ||
+ | margin-left: 37.01657458563536%; | ||
+ | *margin-left: 36.91019160691196%; | ||
+ | } | ||
+ | .row-fluid .offset4:first-child { | ||
+ | margin-left: 34.25414364640884%; | ||
+ | *margin-left: 34.14776066768544%; | ||
+ | } | ||
+ | .row-fluid .offset3 { | ||
+ | margin-left: 28.45303867403315%; | ||
+ | *margin-left: 28.346655695309746%; | ||
+ | } | ||
+ | .row-fluid .offset3:first-child { | ||
+ | margin-left: 25.69060773480663%; | ||
+ | *margin-left: 25.584224756083227%; | ||
+ | } | ||
+ | .row-fluid .offset2 { | ||
+ | margin-left: 19.88950276243094%; | ||
+ | *margin-left: 19.783119783707537%; | ||
+ | } | ||
+ | .row-fluid .offset2:first-child { | ||
+ | margin-left: 17.12707182320442%; | ||
+ | *margin-left: 17.02068884448102%; | ||
+ | } | ||
+ | .row-fluid .offset1 { | ||
+ | margin-left: 11.32596685082873%; | ||
+ | *margin-left: 11.219583872105325%; | ||
+ | } | ||
+ | .row-fluid .offset1:first-child { | ||
+ | margin-left: 8.56353591160221%; | ||
+ | *margin-left: 8.457152932878806%; | ||
+ | } | ||
+ | input, | ||
+ | textarea, | ||
+ | .uneditable-input { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .controls-row [class*="span"] + [class*="span"] { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | input.span12, | ||
+ | textarea.span12, | ||
+ | .uneditable-input.span12 { | ||
+ | width: 710px; | ||
+ | } | ||
+ | input.span11, | ||
+ | textarea.span11, | ||
+ | .uneditable-input.span11 { | ||
+ | width: 648px; | ||
+ | } | ||
+ | input.span10, | ||
+ | textarea.span10, | ||
+ | .uneditable-input.span10 { | ||
+ | width: 586px; | ||
+ | } | ||
+ | input.span9, | ||
+ | textarea.span9, | ||
+ | .uneditable-input.span9 { | ||
+ | width: 524px; | ||
+ | } | ||
+ | input.span8, | ||
+ | textarea.span8, | ||
+ | .uneditable-input.span8 { | ||
+ | width: 462px; | ||
+ | } | ||
+ | input.span7, | ||
+ | textarea.span7, | ||
+ | .uneditable-input.span7 { | ||
+ | width: 400px; | ||
+ | } | ||
+ | input.span6, | ||
+ | textarea.span6, | ||
+ | .uneditable-input.span6 { | ||
+ | width: 338px; | ||
+ | } | ||
+ | input.span5, | ||
+ | textarea.span5, | ||
+ | .uneditable-input.span5 { | ||
+ | width: 276px; | ||
+ | } | ||
+ | input.span4, | ||
+ | textarea.span4, | ||
+ | .uneditable-input.span4 { | ||
+ | width: 214px; | ||
+ | } | ||
+ | input.span3, | ||
+ | textarea.span3, | ||
+ | .uneditable-input.span3 { | ||
+ | width: 152px; | ||
+ | } | ||
+ | input.span2, | ||
+ | textarea.span2, | ||
+ | .uneditable-input.span2 { | ||
+ | width: 90px; | ||
+ | } | ||
+ | input.span1, | ||
+ | textarea.span1, | ||
+ | .uneditable-input.span1 { | ||
+ | width: 28px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 768px) and (max-width: 979px) { | ||
+ | .toast .close, | ||
+ | .modal .close, | ||
+ | .alert .close { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 321px) and (max-width: 1023px) { | ||
+ | hr.win-command { | ||
+ | margin-right: 9px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Narrow buttons and no labels when < 1024px. */ | ||
+ | |||
+ | @media (max-width: 1023px) { | ||
+ | a.win-command .win-label, | ||
+ | button.win-command .win-label { | ||
+ | display: none; | ||
+ | } | ||
+ | a.win-command .win-commandicon, | ||
+ | button.win-command .win-commandicon { | ||
+ | margin: 0 8px; | ||
+ | /* 2px margin for focus */ | ||
+ | |||
+ | } | ||
+ | .win-commandlayout { | ||
+ | min-height: 68px; | ||
+ | } | ||
+ | hr.win-command { | ||
+ | margin-top: 14px; | ||
+ | margin-bottom: 14px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | body { | ||
+ | padding-right: 20px; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | .navbar-fixed-top, | ||
+ | .navbar-fixed-bottom, | ||
+ | .navbar-static-top { | ||
+ | margin-right: -20px; | ||
+ | margin-left: -20px; | ||
+ | } | ||
+ | .container-fluid { | ||
+ | padding: 0; | ||
+ | } | ||
+ | .dl-horizontal dt { | ||
+ | float: none; | ||
+ | width: auto; | ||
+ | clear: none; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .dl-horizontal dd { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .container { | ||
+ | width: auto; | ||
+ | } | ||
+ | .row-fluid { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .row, | ||
+ | .thumbnails { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .thumbnails > li { | ||
+ | float: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | [class*="span"], | ||
+ | .uneditable-input[class*="span"], | ||
+ | .row-fluid [class*="span"] { | ||
+ | display: block; | ||
+ | float: none; | ||
+ | width: 100%; | ||
+ | margin-left: 0; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | .span12, | ||
+ | .row-fluid .span12 { | ||
+ | width: 100%; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | .row-fluid [class*="offset"]:first-child { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .input-large, | ||
+ | .input-xlarge, | ||
+ | .input-xxlarge, | ||
+ | input[class*="span"], | ||
+ | select[class*="span"], | ||
+ | textarea[class*="span"], | ||
+ | .uneditable-input { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | min-height: 30px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | .input-prepend input, | ||
+ | .input-append input, | ||
+ | .input-prepend input[class*="span"], | ||
+ | .input-append input[class*="span"] { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | } | ||
+ | .controls-row [class*="span"] + [class*="span"] { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .modal { | ||
+ | position: fixed; | ||
+ | top: 20px; | ||
+ | right: 20px; | ||
+ | left: 20px; | ||
+ | width: auto; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .modal.fade { | ||
+ | top: -100px; | ||
+ | } | ||
+ | .modal.fade.in { | ||
+ | top: 20px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 480px) { | ||
+ | .nav-collapse { | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | } | ||
+ | .page-header h1 small { | ||
+ | display: block; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | input[type="checkbox"], | ||
+ | input[type="radio"] { | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | .form-horizontal .control-label { | ||
+ | float: none; | ||
+ | width: auto; | ||
+ | padding-top: 0; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .form-horizontal .controls { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .form-horizontal .control-list { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | .form-horizontal .form-actions { | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | .media .pull-left, | ||
+ | .media .pull-right { | ||
+ | display: block; | ||
+ | float: none; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | .media-object { | ||
+ | margin-right: 0; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .modal { | ||
+ | top: 10px; | ||
+ | right: 10px; | ||
+ | left: 10px; | ||
+ | } | ||
+ | .modal-header .close { | ||
+ | padding: 10px; | ||
+ | margin: -10px; | ||
+ | } | ||
+ | .carousel-caption { | ||
+ | position: static; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .toast .close, | ||
+ | .modal .close, | ||
+ | .alert .close { | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 480px) { | ||
+ | .container-fluid { | ||
+ | padding: 0; | ||
+ | } | ||
+ | .panorama { | ||
+ | margin: 0; | ||
+ | } | ||
+ | #panorama-scroll-prev, | ||
+ | #panorama-scroll-next { | ||
+ | top: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width: 979px) { | ||
+ | body { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | .navbar-fixed-top, | ||
+ | .navbar-fixed-bottom { | ||
+ | position: static; | ||
+ | } | ||
+ | .navbar-fixed-top { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .navbar-fixed-bottom { | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | .navbar-fixed-top .navbar-inner, | ||
+ | .navbar-fixed-bottom .navbar-inner { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | .navbar .container { | ||
+ | width: auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .navbar .brand { | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | margin: 0 0 0 -5px; | ||
+ | } | ||
+ | .nav-collapse { | ||
+ | clear: both; | ||
+ | } | ||
+ | .nav-collapse .nav { | ||
+ | float: none; | ||
+ | margin: 0 0 10px; | ||
+ | } | ||
+ | .nav-collapse .nav > li { | ||
+ | float: none; | ||
+ | } | ||
+ | .nav-collapse .nav > li > a { | ||
+ | margin-bottom: 2px; | ||
+ | } | ||
+ | .nav-collapse .nav > .divider-vertical { | ||
+ | display: none; | ||
+ | } | ||
+ | .nav-collapse .nav .nav-header { | ||
+ | color: #777777; | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | .nav-collapse .nav > li > a, | ||
+ | .nav-collapse .dropdown-menu a { | ||
+ | padding: 9px 15px; | ||
+ | font-weight: bold; | ||
+ | color: #777777; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | } | ||
+ | .nav-collapse .btn { | ||
+ | padding: 4px 10px 4px; | ||
+ | font-weight: normal; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .nav-collapse .dropdown-menu li + li a { | ||
+ | margin-bottom: 2px; | ||
+ | } | ||
+ | .nav-collapse .nav > li > a:hover, | ||
+ | .nav-collapse .nav > li > a:focus, | ||
+ | .nav-collapse .dropdown-menu a:hover, | ||
+ | .nav-collapse .dropdown-menu a:focus { | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | .navbar-inverse .nav-collapse .nav > li > a, | ||
+ | .navbar-inverse .nav-collapse .dropdown-menu a { | ||
+ | color: #999999; | ||
+ | } | ||
+ | .navbar-inverse .nav-collapse .nav > li > a:hover, | ||
+ | .navbar-inverse .nav-collapse .nav > li > a:focus, | ||
+ | .navbar-inverse .nav-collapse .dropdown-menu a:hover, | ||
+ | .navbar-inverse .nav-collapse .dropdown-menu a:focus { | ||
+ | background-color: #111111; | ||
+ | } | ||
+ | .nav-collapse.in .btn-group { | ||
+ | padding: 0; | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | .nav-collapse .dropdown-menu { | ||
+ | position: static; | ||
+ | top: auto; | ||
+ | left: auto; | ||
+ | display: none; | ||
+ | float: none; | ||
+ | max-width: none; | ||
+ | padding: 0; | ||
+ | margin: 0 15px; | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | .nav-collapse .open > .dropdown-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | .nav-collapse .dropdown-menu:before, | ||
+ | .nav-collapse .dropdown-menu:after { | ||
+ | display: none; | ||
+ | } | ||
+ | .nav-collapse .dropdown-menu .divider { | ||
+ | display: none; | ||
+ | } | ||
+ | .nav-collapse .nav > li > .dropdown-menu:before, | ||
+ | .nav-collapse .nav > li > .dropdown-menu:after { | ||
+ | display: none; | ||
+ | } | ||
+ | .nav-collapse .navbar-form, | ||
+ | .nav-collapse .navbar-search { | ||
+ | float: none; | ||
+ | padding: 10px 15px; | ||
+ | margin: 10px 0; | ||
+ | border-top: 1px solid #f2f2f2; | ||
+ | border-bottom: 1px solid #f2f2f2; | ||
+ | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
+ | } | ||
+ | .navbar-inverse .nav-collapse .navbar-form, | ||
+ | .navbar-inverse .nav-collapse .navbar-search { | ||
+ | border-top-color: #111111; | ||
+ | border-bottom-color: #111111; | ||
+ | } | ||
+ | .navbar .nav-collapse .nav.pull-right { | ||
+ | float: none; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .nav-collapse, | ||
+ | .nav-collapse.collapse { | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .navbar .btn-navbar { | ||
+ | display: block; | ||
+ | } | ||
+ | .navbar-static .navbar-inner { | ||
+ | padding-right: 10px; | ||
+ | padding-left: 10px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 980px) { | ||
+ | .nav-collapse.collapse { | ||
+ | height: auto !important; | ||
+ | overflow: visible !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Typographic color definitions. | ||
+ | */ | ||
+ | .win-ui-dark body { | ||
+ | color: #FFF; | ||
+ | background-color: #1D1D1D; | ||
+ | } | ||
+ | |||
+ | html, | ||
+ | body { | ||
+ | color: #333; | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | This class reverses the colors on the subtree to which it is applied. | ||
+ | */ | ||
+ | .win-ui-dark { | ||
+ | color: #FFF; | ||
+ | background-color: #1D1D1D; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Text selection color | ||
+ | */ | ||
+ | |||
+ | ::selection, select:focus::-ms-value { | ||
+ | background-color: rgb(87, 41, 193); | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Text input, checkbox, radio, and select control colors. | ||
+ | */ | ||
+ | .win-ui-dark input[type=text], .win-ui-dark input[type=password], | ||
+ | .win-ui-dark input[type=email], .win-ui-dark input[type=number], | ||
+ | .win-ui-dark input[type=tel], .win-ui-dark input[type=url], | ||
+ | .win-ui-dark input[type=search], .win-ui-dark textarea, .win-ui-dark .win-textarea, | ||
+ | .win-ui-dark select, .win-ui-dark input::-ms-check { | ||
+ | background-clip: border-box; | ||
+ | background-color: rgba(255, 255, 255, 0.8); | ||
+ | border-color: transparent; | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-ui-dark input[type=text]:hover, .win-ui-dark input[type=password]:hover, | ||
+ | .win-ui-dark input[type=email]:hover, .win-ui-dark input[type=number]:hover, | ||
+ | .win-ui-dark input[type=tel]:hover, .win-ui-dark input[type=url]:hover, | ||
+ | .win-ui-dark input[type=search]:hover, .win-ui-dark textarea:hover, | ||
+ | .win-ui-dark .win-textarea:hover, .win-ui-dark select:hover, .win-ui-dark input:hover::-ms-check { | ||
+ | background-clip: border-box; | ||
+ | background-color: rgba(255, 255, 255, 0.87); | ||
+ | border-color: transparent; | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-ui-dark input:hover:active::-ms-check { /* only checkbox and radio have press state */ | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark input[type=text]:focus, .win-ui-dark input[type=text]:active, | ||
+ | .win-ui-dark input[type=password]:focus, .win-ui-dark input[type=password]:active, | ||
+ | .win-ui-dark input[type=email]:focus, .win-ui-dark input[type=email]:active, | ||
+ | .win-ui-dark input[type=number]:focus, .win-ui-dark input[type=number]:active, | ||
+ | .win-ui-dark input[type=tel]:focus, .win-ui-dark input[type=tel]:active, | ||
+ | .win-ui-dark input[type=url]:focus, .win-ui-dark input[type=url]:active, | ||
+ | .win-ui-dark input[type=search]:focus, .win-ui-dark input[type=search]:active, | ||
+ | .win-ui-dark textarea:focus, .win-ui-dark textarea:active, | ||
+ | .win-ui-dark .win-textarea:focus, .win-ui-dark .win-textarea:active, | ||
+ | .win-ui-dark select:focus, .win-ui-dark select:active { | ||
+ | background-clip: border-box; | ||
+ | background-color: #FFF; | ||
+ | border-color: transparent; | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-ui-dark input[type=text]:disabled, .win-ui-dark input[type=password]:disabled, | ||
+ | .win-ui-dark input[type=email]:disabled, .win-ui-dark input[type=number]:disabled, | ||
+ | .win-ui-dark input[type=tel]:disabled, .win-ui-dark input[type=url]:disabled, | ||
+ | .win-ui-dark input[type=search]:disabled, .win-ui-dark input[type=file]::-ms-value, | ||
+ | .win-ui-dark textarea:disabled, .win-ui-dark .win-textarea:disabled, .win-ui-dark select:disabled, | ||
+ | .win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check { | ||
+ | background-color: transparent; | ||
+ | border-color: rgba(255, 255, 255, 0.4); | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | .win-ui-dark input:disabled::-ms-check, .win-ui-dark input:disabled:active::-ms-check { /* checkbox and radio have filled disabled state in dark */ | ||
+ | background-clip: border-box; | ||
+ | background-color: rgba(255, 255, 255, 0.4); | ||
+ | border-color: transparent; | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | input[type=text], input[type=password], | ||
+ | input[type=email], input[type=number], | ||
+ | input[type=tel], input[type=url], | ||
+ | input[type=search], select, textarea, | ||
+ | .win-textarea, input::-ms-check { | ||
+ | background-color: rgba(255, 255, 255, 0.8); | ||
+ | border-color: rgba(0, 0, 0, 0.27); | ||
+ | color: #000; | ||
+ | } | ||
+ | input[type=text]:hover, input[type=password]:hover, | ||
+ | input[type=email]:hover, input[type=number]:hover, | ||
+ | input[type=tel]:hover, input[type=url]:hover, | ||
+ | input[type=search]:hover, textarea:hover, | ||
+ | select:hover, .win-textarea:hover, input:hover::-ms-check { | ||
+ | background-color: rgba(255, 255, 255, 0.87); | ||
+ | border-color: rgba(0, 0, 0, 0.44); | ||
+ | color: #000; | ||
+ | } | ||
+ | input[type=text]:focus, input[type=text]:active, | ||
+ | input[type=password]:focus, input[type=password]:active, | ||
+ | input[type=email]:focus, input[type=email]:active, | ||
+ | input[type=number]:focus, input[type=number]:active, | ||
+ | input[type=tel]:focus, input[type=tel]:active, | ||
+ | input[type=url]:focus, input[type=url]:active, | ||
+ | input[type=search]:focus, input[type=search]:active, | ||
+ | textarea:focus, textarea:active, | ||
+ | .win-textarea:focus, .win-textarea:active, | ||
+ | select:focus, select:active { | ||
+ | background-color: #FFF; | ||
+ | border-color: rgba(0, 0, 0, 0.6); | ||
+ | color: #000; | ||
+ | } | ||
+ | input:hover:active::-ms-check { /* only checkbox and radio have press state */ | ||
+ | background-clip: border-box; | ||
+ | background-color: #000; | ||
+ | border-color: transparent; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | input[type=text]:disabled, input[type=password]:disabled, | ||
+ | input[type=email]:disabled, input[type=number]:disabled, | ||
+ | input[type=tel]:disabled, input[type=url]:disabled, | ||
+ | input[type=search]:disabled, textarea:disabled, | ||
+ | .win-textarea:disabled, select:disabled, | ||
+ | input:disabled::-ms-check, input:disabled:active::-ms-check { | ||
+ | background-color: rgba(202, 202, 202, 0.4); | ||
+ | border-color: rgba(0, 0, 0, 0.15); | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | /* | ||
+ | Placeholder text. | ||
+ | */ | ||
+ | .win-ui-dark input[type]:-ms-input-placeholder, input[type]:-ms-input-placeholder, | ||
+ | .win-ui-dark textarea:-ms-input-placeholder, textarea:-ms-input-placeholder { | ||
+ | color: rgba(0, 0, 0, 0.6); /* same in dark and light */ | ||
+ | } | ||
+ | .win-ui-dark input[type]:disabled:-ms-input-placeholder, .win-ui-dark textarea:disabled:-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.22); | ||
+ | } | ||
+ | input[type]:disabled:-ms-input-placeholder, textarea:disabled:-ms-input-placeholder { | ||
+ | color: rgba(0, 0, 0, 0.22); | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Invalid style. | ||
+ | */ | ||
+ | input[type]:invalid { | ||
+ | outline-color: rgb(255, 128, 51); | ||
+ | outline-width: 2px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Option for select control (all colors are same for both light and dark). | ||
+ | */ | ||
+ | option:checked, select:focus::-ms-value { | ||
+ | color: #FFF; | ||
+ | background-color: rgb(70, 23, 180); | ||
+ | } | ||
+ | option:hover { | ||
+ | color: #000; | ||
+ | background-color: rgb(197, 197, 197); | ||
+ | } | ||
+ | select:focus option:hover { | ||
+ | color: #000; | ||
+ | background-color: rgb(222, 222, 222); | ||
+ | } | ||
+ | option:checked:hover, select:focus option:checked:hover { | ||
+ | color: #FFF; | ||
+ | background-color: rgb(95, 55, 190); | ||
+ | } | ||
+ | option:hover:active, select:focus option:hover:active{ | ||
+ | color: #000; | ||
+ | background-color: rgb(211, 211, 211); | ||
+ | } | ||
+ | .win-ui-dark option:checked:disabled, .win-ui-dark option:checked:disabled:active, | ||
+ | .win-ui-dark optgroup:disabled option:checked, .win-ui-dark optgroup:disabled option:checked:active, | ||
+ | .win-ui-dark select:disabled option:checked, .win-ui-dark select:disabled option:checked:active, | ||
+ | .win-ui-dark select:disabled:focus::-ms-value { | ||
+ | background-color: rgba(255, 255, 255, 0.4); | ||
+ | color: rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | option:checked:disabled, option:checked:disabled:active, | ||
+ | optgroup:disabled option:checked, optgroup:disabled option:checked:active, | ||
+ | select:disabled option:checked, select:disabled option:checked:active, | ||
+ | select:disabled:focus::-ms-value { | ||
+ | background-color: rgba(0, 0, 0, 0.55); | ||
+ | color: rgba(255, 255, 255, 0.6); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | Button control colors. | ||
+ | */ | ||
+ | .win-ui-dark button, .win-ui-dark input[type=button], .win-ui-dark input[type=submit], | ||
+ | .win-ui-dark input[type=reset], .win-ui-dark input[type=file]::-ms-browse { | ||
+ | background-color: transparent; | ||
+ | border-color: #FFF; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark button[type=submit], .win-ui-dark input[type=submit] { | ||
+ | background-color: rgb(70, 23, 180); | ||
+ | } | ||
+ | .win-ui-dark button:hover, .win-ui-dark input[type=button]:hover, .win-ui-dark input[type=reset]:hover, | ||
+ | .win-ui-dark input[type=file]::-ms-browse:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.13); | ||
+ | } | ||
+ | .win-ui-dark button[type=submit]:hover, .win-ui-dark input[type=submit]:hover { | ||
+ | background-color: rgb(95, 55, 190); | ||
+ | } | ||
+ | .win-ui-dark button:hover:active, .win-ui-dark button[type=submit]:hover:active, | ||
+ | .win-ui-dark input[type=button]:hover:active, .win-ui-dark input[type=reset]:hover:active, | ||
+ | .win-ui-dark input[type=submit]:hover:active, .win-ui-dark input[type=file]::-ms-browse:hover:active { | ||
+ | background-clip: border-box; | ||
+ | background-color: #FFF; | ||
+ | border-color: transparent; | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-ui-dark button:disabled, .win-ui-dark button[type=submit]:disabled, | ||
+ | .win-ui-dark input[type=button]:disabled, .win-ui-dark input[type=reset]:disabled, | ||
+ | .win-ui-dark input[type=submit]:disabled, .win-ui-dark input[type=file]:disabled::-ms-browse, | ||
+ | .win-ui-dark button:disabled:active, .win-ui-dark button[type=submit]:disabled:active, | ||
+ | .win-ui-dark input[type=button]:disabled:active, .win-ui-dark input[type=reset]:disabled:active, | ||
+ | .win-ui-dark input[type=submit]:disabled:active, .win-ui-dark input[type=file]:disabled::-ms-browse:active { | ||
+ | background-color: transparent; | ||
+ | border-color: rgba(255, 255, 255, 0.4); | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | button, input[type=button], input[type=submit], | ||
+ | input[type=reset], input[type=file]::-ms-browse { | ||
+ | background-color: rgba(182, 182, 182, 0.7); | ||
+ | border-color: rgba(0, 0, 0, 0.2); | ||
+ | color: #000; | ||
+ | } | ||
+ | button[type=submit], input[type=submit]{ | ||
+ | background-clip: border-box; | ||
+ | background-color: rgb(70, 23, 180); | ||
+ | border-color: transparent; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | button:hover, input[type=button]:hover, input[type=reset]:hover, | ||
+ | input[type=file]::-ms-browse:hover { | ||
+ | background-color: rgba(205, 205, 205, 0.82); | ||
+ | border-color: rgba(164, 164, 164, 0.45); | ||
+ | } | ||
+ | button[type=submit]:hover, input[type=submit]:hover { | ||
+ | background-clip: border-box; | ||
+ | background-color: rgb(95, 55, 190); | ||
+ | border-color: transparent; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | button:hover:active, button[type=submit]:hover:active, | ||
+ | input[type=button]:hover:active, input[type=reset]:hover:active, | ||
+ | input[type=submit]:hover:active, input[type=file]::-ms-browse:hover:active { | ||
+ | background-clip: border-box; | ||
+ | background-color: #000; | ||
+ | border-color: transparent; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | button:disabled, button[type=submit]:disabled, | ||
+ | input[type=button]:disabled, input[type=reset]:disabled, | ||
+ | input[type=submit]:disabled, input[type=file]:disabled::-ms-browse, | ||
+ | button:disabled:active, button[type=submit]:disabled:active, | ||
+ | input[type=button]:disabled:active, input[type=reset]:disabled:active, | ||
+ | input[type=submit]:disabled:active, input[type=file]:disabled::-ms-browse:active { | ||
+ | background-color: rgba(202, 202, 202, 0.4); | ||
+ | border-color: rgba(0, 0, 0, 0.08); | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | input[type=file]:disabled::-ms-browse, input[type=file]:disabled::-ms-browse:active { | ||
+ | border-color: rgba(0, 0, 0, 0.15); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | File upload control colors. | ||
+ | */ | ||
+ | input[type=file] { | ||
+ | background-color: transparent; | ||
+ | border-color: transparent; | ||
+ | color: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | Headers colors. | ||
+ | */ | ||
+ | .accent-color, | ||
+ | header h1, | ||
+ | header h2, | ||
+ | table th {color: #24A0DA;} | ||
+ | .accent-bg {background:#24A0DA;} | ||
+ | |||
+ | a#user-info h3, | ||
+ | a#user-info h4 { color: rgb(0, 130, 135); } | ||
+ | a#user-info:hover { background-color: rgb(0, 130, 135); } | ||
+ | a#user-info:hover h3, | ||
+ | a#user-info:hover h4 { color: #FFF; } | ||
+ | |||
+ | /* | ||
+ | Link colors. | ||
+ | */ | ||
+ | .win-ui-dark a { | ||
+ | color: rgb(156, 114, 255); | ||
+ | } | ||
+ | .win-ui-dark a:hover:active { | ||
+ | color: rgba(156, 114, 255, 0.6); | ||
+ | } | ||
+ | .win-ui-dark a:hover { | ||
+ | color: rgba(156, 114, 255, 0.8); | ||
+ | } | ||
+ | .win-ui-dark a[disabled], .win-ui-dark a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */ | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | a { | ||
+ | color: rgb(79, 26, 203); | ||
+ | } | ||
+ | a:hover:active { | ||
+ | color: rgba(79, 26, 203, 0.6); | ||
+ | } | ||
+ | a:hover { | ||
+ | color: rgba(79, 26, 203, 0.8); | ||
+ | } | ||
+ | a[disabled], a[disabled]:active { /* :disabled pseudo-class doesn't apply to a, even though disabled attribute stops navigation */ | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | Range control colors. | ||
+ | */ | ||
+ | input[type=range], input[type=range]::-ms-track { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Progress control colors. | ||
+ | */ | ||
+ | .win-ui-dark.progress.progress-indeterminate { | ||
+ | background-color: #1D1D1D; | ||
+ | } | ||
+ | .progress { | ||
+ | background-color: #D4D4D4; | ||
+ | color: rgb(70, 23, 180); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | FlipView control colors. | ||
+ | */ | ||
+ | .win-flipview .win-navbutton { | ||
+ | background-color: rgba(213, 213, 213, 0.35); | ||
+ | color: rgba(0, 0, 0, 0.60); | ||
+ | } | ||
+ | .win-flipview .win-navbutton:hover { | ||
+ | background-color: rgba(215, 215, 215, 0.94); | ||
+ | color: rgba(0, 0, 0, 1.0); | ||
+ | } | ||
+ | .win-flipview .win-navbutton:hover:active { | ||
+ | background-color: rgba(41, 41, 41, 0.74); | ||
+ | color: rgba(255, 255, 255, 1.0); | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ListView control colors. | ||
+ | */ | ||
+ | .win-ui-dark .win-listview .win-container:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.3); | ||
+ | outline: rgba(255, 255, 255, 0.3) solid 3px; | ||
+ | } | ||
+ | .win-ui-dark .win-listview .win-focusedoutline { | ||
+ | outline: #FFF solid 2px; | ||
+ | } | ||
+ | .win-listview .win-container:hover { | ||
+ | background-color: rgba(0, 0, 0, 0.3); | ||
+ | outline: rgba(0, 0, 0, 0.3) solid 3px; | ||
+ | } | ||
+ | .win-listview .win-focusedoutline { | ||
+ | outline: #000 solid 2px; | ||
+ | } | ||
+ | .win-listview .win-container.win-selected:hover { | ||
+ | background-color: rgb(95, 55, 190); | ||
+ | } | ||
+ | .win-listview .win-container.win-swipe:hover { | ||
+ | background-color: transparent; | ||
+ | outline: none; | ||
+ | } | ||
+ | .win-listview .win-selected { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-container.win-selected .win-selectionborder { | ||
+ | border-color: rgb(70, 23, 180); | ||
+ | } | ||
+ | .win-container.win-selected:hover .win-selectionborder { | ||
+ | border-color: rgb(95, 55, 190); | ||
+ | } | ||
+ | .win-selected .win-selectionbackground { | ||
+ | background-color: rgb(70, 23, 180); | ||
+ | } | ||
+ | .win-selected:hover .win-selectionbackground { | ||
+ | background-color: rgb(95, 55, 190); | ||
+ | } | ||
+ | .win-selectioncheckmark { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark .win-selectionhint { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-selectionhint { | ||
+ | color: rgb(70, 23, 180); | ||
+ | } | ||
+ | .win-selectioncheckmarkbackground { | ||
+ | border-top-color: rgb(70, 23, 180); | ||
+ | border-right-color: rgb(70, 23, 180); | ||
+ | border-left-color: transparent; | ||
+ | border-bottom-color: transparent; | ||
+ | } | ||
+ | .win-container.win-selected:hover .win-selectioncheckmarkbackground { | ||
+ | border-top-color: rgb(95, 55, 190); | ||
+ | border-right-color: rgb(95, 55, 190); | ||
+ | border-left-color: transparent; | ||
+ | border-bottom-color: transparent; | ||
+ | } | ||
+ | .win-listview.win-rtl .win-selectioncheckmarkbackground { | ||
+ | border-left-color: rgb(70, 23, 180); | ||
+ | border-right-color: transparent; | ||
+ | } | ||
+ | .win-listview.win-rtl .win-container.win-selected:hover .win-selectioncheckmarkbackground { | ||
+ | border-left-color: rgb(95, 55, 190); | ||
+ | border-right-color: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | Back button control colors. | ||
+ | */ | ||
+ | .win-ui-dark .win-backbutton { | ||
+ | background-color: transparent; | ||
+ | border-color: #FFF; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark .win-backbutton:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.13); | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark .win-backbutton:hover:active { | ||
+ | background-color: #FFF; | ||
+ | border-color: #FFF; | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-ui-dark .win-backbutton:disabled, .win-ui-dark .win-backbutton:disabled:active { | ||
+ | background-color: transparent; | ||
+ | border-color: rgba(255, 255, 255, 0.4); | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | .win-backbutton { | ||
+ | background-color: transparent; | ||
+ | border-color: #000; | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-backbutton:hover { | ||
+ | background-color: rgba(0, 0, 0, 0.13); | ||
+ | border-color: #000; | ||
+ | color: #000; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | .win-backbutton:hover:active { | ||
+ | background-color: #000; | ||
+ | border-color: #000; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-backbutton:disabled, .win-backbutton:disabled:active { | ||
+ | background-color: transparent; | ||
+ | border-color: rgba(0, 0, 0, 0.4); | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Command button colors. | ||
+ | */ | ||
+ | button.win-command { | ||
+ | background-color: transparent; | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | button.win-command:hover { | ||
+ | background-color: transparent; | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | button.win-command:active { | ||
+ | background-color: transparent; | ||
+ | color: inherit; | ||
+ | } | ||
+ | button.win-command:hover:active { | ||
+ | background-color: transparent; | ||
+ | color: inherit; | ||
+ | } | ||
+ | button.win-command:disabled { | ||
+ | border-color: transparent; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .win-ui-dark button.win-command:focus { | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | button.win-command:focus { | ||
+ | border-color: #000; | ||
+ | } | ||
+ | button.win-hidefocus:focus { | ||
+ | outline: none; | ||
+ | } | ||
+ | button.win-command.win-hidefocus:focus { | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | .win-ui-dark .win-commandimage { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark button:hover:active .win-commandimage { | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-ui-dark button:disabled .win-commandimage, | ||
+ | .win-ui-dark button:disabled:active .win-commandimage { | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | .win-ui-dark button[aria-checked=true] .win-commandimage, | ||
+ | .win-ui-dark button[aria-checked=true]:active .win-commandimage { | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-ui-dark button[aria-checked=true]:hover .win-commandimage, | ||
+ | .win-ui-dark button[aria-checked=true]:hover:active .win-commandimage { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark button[aria-checked=true]:disabled .win-commandimage, | ||
+ | .win-ui-dark button[aria-checked=true]:disabled:active .win-commandimage { | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | .win-commandimage { | ||
+ | color: #000; | ||
+ | } | ||
+ | button:hover:active .win-commandimage { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | button:disabled .win-commandimage, | ||
+ | button:disabled:active .win-commandimage { | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | button[aria-checked=true] .win-commandimage, | ||
+ | button[aria-checked=true]:active .win-commandimage { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | button[aria-checked=true]:hover .win-commandimage, | ||
+ | button[aria-checked=true]:hover:active .win-commandimage { | ||
+ | color: #000; | ||
+ | } | ||
+ | button[aria-checked=true]:disabled .win-commandimage, | ||
+ | button[aria-checked=true]:disabled:active .win-commandimage { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | Command ring colors. | ||
+ | */ | ||
+ | .win-ui-dark .win-commandring.active, | ||
+ | .win-ui-dark .win-commandring.active { | ||
+ | background-color: #FFF; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .win-ui-dark .win-commandring, .win-ui-dark a:active .win-commandring, | ||
+ | .win-ui-dark .win-commandring, .win-ui-dark button:active .win-commandring { | ||
+ | background-color: transparent; | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a:hover .win-commandring, | ||
+ | .win-ui-dark button:hover .win-commandring { | ||
+ | background-color: rgba(255, 255, 255, 0.13); | ||
+ | border-color: #FFF; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a:hover:active .win-commandring, | ||
+ | .win-ui-dark button:hover:active .win-commandring { | ||
+ | background-color: #FFF; | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a:disabled .win-commandring, | ||
+ | .win-ui-dark a:disabled:active .win-commandring, | ||
+ | .win-ui-dark button:disabled .win-commandring, | ||
+ | .win-ui-dark button:disabled:active .win-commandring { | ||
+ | background-color: transparent; | ||
+ | border-color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | .win-ui-dark a[aria-checked=true] .win-commandring, | ||
+ | .win-ui-dark a[aria-checked=true]:active .win-commandring, | ||
+ | .win-ui-dark button[aria-checked=true] .win-commandring, | ||
+ | .win-ui-dark button[aria-checked=true]:active .win-commandring { | ||
+ | background-color: #FFF; | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a.active .win-commandring, | ||
+ | .win-ui-dark button.active .win-commandring, | ||
+ | .win-ui-dark a[aria-checked=true]:hover .win-commandring, | ||
+ | .win-ui-dark button[aria-checked=true]:hover .win-commandring { | ||
+ | background-color: rgba(255, 255, 255, 0.13); | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a[aria-checked=true]:hover:active .win-commandring, | ||
+ | .win-ui-dark button[aria-checked=true]:hover:active .win-commandring { | ||
+ | background-color: transparent; | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a[aria-checked=true]:disabled .win-commandring, | ||
+ | .win-ui-dark a[aria-checked=true]:disabled:active .win-commandring, | ||
+ | .win-ui-dark button[aria-checked=true]:disabled .win-commandring, | ||
+ | .win-ui-dark button[aria-checked=true]:disabled:active .win-commandring { | ||
+ | background-color: #FFF; | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | .win-commandring, a:active .win-commandring, | ||
+ | .win-commandring, button:active .win-commandring { | ||
+ | background-color: transparent; | ||
+ | border-color: #000; | ||
+ | } | ||
+ | a:hover .win-commandring, | ||
+ | button:hover .win-commandring { | ||
+ | background-color: rgba(0, 0, 0, 0.13); | ||
+ | border-color: #000; | ||
+ | } | ||
+ | a:hover:active .win-commandring, | ||
+ | button:hover:active .win-commandring { | ||
+ | background-color: #000; | ||
+ | border-color: #000; | ||
+ | } | ||
+ | a:disabled .win-commandring, | ||
+ | a:disabled:active .win-commandring, | ||
+ | button:disabled .win-commandring, | ||
+ | button:disabled:active .win-commandring { | ||
+ | background-color: transparent; | ||
+ | border-color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | a[aria-checked=true] .win-commandring, | ||
+ | a[aria-checked=true]:active .win-commandring, | ||
+ | button[aria-checked=true] .win-commandring, | ||
+ | button[aria-checked=true]:active .win-commandring { | ||
+ | background-color: #000; | ||
+ | border-color: #000; | ||
+ | } | ||
+ | a[aria-checked=true]:hover .win-commandring, | ||
+ | button[aria-checked=true]:hover .win-commandring { | ||
+ | background-color: rgba(0, 0, 0, 0.13); | ||
+ | border-color: #000; | ||
+ | } | ||
+ | a[aria-checked=true]:hover:active .win-commandring, | ||
+ | button[aria-checked=true]:hover:active .win-commandring { | ||
+ | background-color: rgba(255, 255, 255, 0.13); | ||
+ | border-color: #000; | ||
+ | } | ||
+ | a[aria-checked=true]:disabled .win-commandring, | ||
+ | a[aria-checked=true]:disabled:active .win-commandring, | ||
+ | button[aria-checked=true]:disabled .win-commandring, | ||
+ | button[aria-checked=true]:disabled:active .win-commandring { | ||
+ | background-color: rgba(0, 0, 0, 0.4); | ||
+ | border-color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Command button labels colors. | ||
+ | */ | ||
+ | a.win-command .win-label, | ||
+ | button.win-command .win-label { | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | .win-ui-dark a.win-command .win-label, | ||
+ | .win-ui-dark button.win-command .win-label { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a.win-command:disabled .win-label, | ||
+ | .win-ui-dark a.win-command:disabled:active .win-label, | ||
+ | .win-ui-dark button.win-command:disabled .win-label, | ||
+ | .win-ui-dark button.win-command:disabled:active .win-label { | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | a.win-command:disabled .win-label, | ||
+ | a.win-command:disabled:active .win-label, | ||
+ | button.win-command:disabled .win-label, | ||
+ | button.win-command:disabled:active .win-label { | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | AppBarCommand (and MenuCommand) separator. | ||
+ | */ | ||
+ | hr.win-command { | ||
+ | /* Same color in both light and dark. */ | ||
+ | background-color: rgb(123, 123, 123); | ||
+ | } | ||
+ | /* | ||
+ | AppBar control colors. | ||
+ | */ | ||
+ | .win-ui-dark.win-appbar, .win-ui-dark .win-appbar { | ||
+ | background-color: #000; | ||
+ | border-color: #000; | ||
+ | } | ||
+ | .win-appbar { | ||
+ | background-color: #FFF; | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | Flyout control colors, flyout normally has light theme. | ||
+ | */ | ||
+ | .win-flyout { | ||
+ | border-color: rgb(42, 42, 42); | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | .win-settingsflyout { | ||
+ | border-color: rgba(0, 0, 0, 0.24); | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | .win-ui-dark.win-flyout, .win-ui-dark .win-flyout { | ||
+ | border-color: rgb(42, 42, 42); | ||
+ | background-color: #000; | ||
+ | } | ||
+ | |||
+ | .win-ui-dark.win-settingsflyout, .win-ui-dark .win-settingsflyout { | ||
+ | border-color: rgba(255, 255, 255, 0.24); | ||
+ | background-color: #000; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Menu button colors, menu is always light theme. | ||
+ | */ | ||
+ | .win-menu button { | ||
+ | background-color: transparent; | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-menu button:focus, | ||
+ | .win-menu button:active { | ||
+ | background-color: rgb(222, 222, 222); | ||
+ | } | ||
+ | .win-menu button:hover:active { | ||
+ | color: #FFF; | ||
+ | background-color: #000; | ||
+ | } | ||
+ | .win-menu button:disabled, | ||
+ | .win-menu button:disabled:active { | ||
+ | background-color: transparent; | ||
+ | color: rgba(0, 0, 0, 0.1); | ||
+ | } | ||
+ | .win-ui-dark.win-menu button, .win-ui-dark .win-menu button { | ||
+ | background-color: transparent; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark.win-menu button:focus, .win-ui-dark .win-menu button:focus, | ||
+ | .win-ui-dark.win-menu button:active, .win-ui-dark .win-menu button:active { | ||
+ | background-color: rgb(222, 222, 222); | ||
+ | } | ||
+ | .win-ui-dark.win-menu button:hover:active, .win-ui-dark .win-menu button:hover:active { | ||
+ | color: #000; | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark.win-menu button:disabled, .win-ui-dark .win-menu button:disabled, | ||
+ | .win-ui-dark.win-menu button:disabled:active, .win-ui-dark .win-menu button:disabled:active { | ||
+ | background-color: transparent; | ||
+ | color: rgba(255, 255, 255, 0.1); | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Rating control colors. | ||
+ | */ | ||
+ | .win-ui-dark .win-rating .win-star.win-user.win-full, | ||
+ | .win-ui-dark .win-rating .win-star.win-user.win-full.win-disabled { | ||
+ | color: rgb(91, 46, 197); | ||
+ | } | ||
+ | .win-ui-dark .win-rating .win-star.win-tentative.win-full { | ||
+ | color: rgb(129, 82, 239); | ||
+ | } | ||
+ | .win-ui-dark .win-rating .win-star.win-average.win-full, | ||
+ | .win-ui-dark .win-rating .win-star.win-average.win-full.win-disabled { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark .win-rating .win-star.win-empty { | ||
+ | color: rgba(255, 255, 255, 0.35); | ||
+ | } | ||
+ | .win-rating .win-star.win-user.win-full, | ||
+ | .win-rating .win-star.win-user.win-full.win-disabled { | ||
+ | color: rgb(70, 23, 180); | ||
+ | } | ||
+ | .win-rating .win-star.win-tentative.win-full { | ||
+ | color: rgb(114, 65, 228); | ||
+ | } | ||
+ | .win-rating .win-star.win-average.win-full, | ||
+ | .win-rating .win-star.win-average.win-full.win-disabled { | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-rating .win-star.win-empty { | ||
+ | color: rgba(0, 0, 0, 0.35); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | Toggleswitch control colors. | ||
+ | */ | ||
+ | |||
+ | .win-ui-dark .win-toggleswitch .win-title { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark .win-toggleswitch .win-title.win-disabled { | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | .win-toggleswitch .win-title { | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-toggleswitch .win-title.win-disabled { | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | .win-ui-dark .win-toggleswitch .win-label { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark .win-toggleswitch .win-label.win-disabled { | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | } | ||
+ | .win-toggleswitch .win-label { | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-toggleswitch .win-label.win-disabled { | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | .win-toggleswitch .win-switch::-ms-track { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .win-ui-dark .win-toggleswitch .win-switch::-ms-track { | ||
+ | border-color: rgba(255, 255, 255, 0.35); | ||
+ | } | ||
+ | .win-ui-dark .win-toggleswitch .win-switch::-ms-fill-upper { | ||
+ | background-color: rgba(255, 255, 255, 0.26); | ||
+ | } | ||
+ | .win-ui-dark .win-toggleswitch .win-switch:hover::-ms-fill-upper { | ||
+ | background-color: rgba(255, 255, 255, 0.29); | ||
+ | } | ||
+ | .win-ui-dark .win-toggleswitch .win-switch:active::-ms-fill-upper { | ||
+ | background-color: rgba(255, 255, 255, 0.35); | ||
+ | } | ||
+ | .win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-track { | ||
+ | border-color: rgba(255, 255, 255, 0.2); | ||
+ | } | ||
+ | .win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-lower, | ||
+ | .win-ui-dark .win-toggleswitch .win-switch:disabled::-ms-fill-upper { | ||
+ | background-color: rgba(255, 255, 255, 0.12); | ||
+ | } | ||
+ | .win-toggleswitch .win-switch::-ms-track { | ||
+ | border-color: rgba(0, 0, 0, 0.35); | ||
+ | } | ||
+ | .win-toggleswitch .win-switch::-ms-fill-upper { | ||
+ | background-color: rgba(0, 0, 0, 0.26); | ||
+ | } | ||
+ | .win-toggleswitch .win-switch:hover::-ms-fill-upper { | ||
+ | background-color: rgba(0, 0, 0, 0.29); | ||
+ | } | ||
+ | .win-toggleswitch .win-switch:active::-ms-fill-upper { | ||
+ | background-color: rgba(0, 0, 0, 0.35); | ||
+ | } | ||
+ | .win-toggleswitch .win-switch:disabled::-ms-track { | ||
+ | border-color: rgba(0, 0, 0, 0.2); | ||
+ | } | ||
+ | .win-toggleswitch .win-switch:disabled::-ms-fill-lower, | ||
+ | .win-toggleswitch .win-switch:disabled::-ms-fill-upper { | ||
+ | background-color: rgba(0, 0, 0, 0.12); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | Tooltip control colors. | ||
+ | */ | ||
+ | .win-tooltip { | ||
+ | background-color: #FFF; | ||
+ | border-color: rgb(128, 128, 128); | ||
+ | color: rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | Label colors. | ||
+ | */ | ||
+ | label { | ||
+ | /*color: rgba(0, 0, 0, 0.6);*/ | ||
+ | } | ||
+ | |||
+ | .win-ui-dark label { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* | ||
+ | Workaround appbar icon touch colors for Consumer Preview | ||
+ | */ | ||
+ | .win-ui-dark a:active .win-commandimage, | ||
+ | .win-ui-dark button:active .win-commandimage { | ||
+ | color: #000; | ||
+ | } | ||
+ | .win-ui-dark a[aria-selected=true]:active .win-commandimage, | ||
+ | .win-ui-dark button[aria-selected=true]:active .win-commandimage { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a:active .win-commandring, | ||
+ | .win-ui-dark button:active .win-commandring { | ||
+ | background-color: #FFF; | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | .win-ui-dark a[aria-selected=true]:active .win-commandring, | ||
+ | .win-ui-dark button[aria-selected=true]:active .win-commandring { | ||
+ | background-color: transparent; | ||
+ | border-color: #FFF; | ||
+ | } | ||
+ | a:active .win-commandimage, | ||
+ | button:active .win-commandimage { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | a[aria-selected=true]:active .win-commandimage, | ||
+ | button[aria-selected=true]:active .win-commandimage { | ||
+ | color: #000; | ||
+ | } | ||
+ | a:active .win-commandring, | ||
+ | button:active .win-commandring { | ||
+ | background-color: #000; | ||
+ | border-color: #000; | ||
+ | } | ||
+ | a[aria-selected=true]:active .win-commandring, | ||
+ | button[aria-selected=true]:active .win-commandring { | ||
+ | background-color: rgba(255, 255, 255, 0.13); | ||
+ | border-color: #000; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Bootstrap Metro button | ||
+ | -------------------------------------------------- */ | ||
+ | input.btn, button.btn, a.btn { | ||
+ | font-family: "Open Sans",Tahoma,Arial,Helvetica,Sans-Serif; | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | /*font-size: 11pt;*/ | ||
+ | background-color: rgba(182, 182, 182, 0.7); | ||
+ | border-color: rgba(0, 0, 0, 0.2); | ||
+ | color: #000; | ||
+ | background-image: none; | ||
+ | background-repeat: no-repeat; | ||
+ | border: 2px solid #cccccc; | ||
+ | text-shadow: none; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | filter: none; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn:hover, | ||
+ | .btn:active, | ||
+ | .btn.active, | ||
+ | .btn.disabled, | ||
+ | .btn[disabled] { | ||
+ | background-color: #e6e6e6; | ||
+ | *background-color: #d9d9d9; | ||
+ | } | ||
+ | |||
+ | .btn:active, | ||
+ | .btn.active { | ||
+ | background-color: #cccccc; | ||
+ | } | ||
+ | |||
+ | .btn:first-child { | ||
+ | *margin-left: 0; | ||
+ | } | ||
+ | |||
+ | .btn:hover { | ||
+ | background-color: rgba(205, 205, 205, 0.82); | ||
+ | border-color: rgba(205, 205, 205, 0.82); | ||
+ | -webkit-transition: none; | ||
+ | -moz-transition: none; | ||
+ | -ms-transition: none; | ||
+ | -o-transition: none; | ||
+ | transition: none; | ||
+ | } | ||
+ | |||
+ | .btn:focus { | ||
+ | outline: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | -moz-box-shadow: none; | ||
+ | box-shadow: none; | ||
+ | } | ||
+ | |||
+ | .btn.active, | ||
+ | .btn:active { | ||
+ | background-color: #000; | ||
+ | border-color:#000; | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | .btn.disabled, | ||
+ | .btn[disabled] { | ||
+ | background-color: rgba(202, 202, 202, 0.4); | ||
+ | border-color: rgba(0, 0, 0, 0.08); | ||
+ | color: rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .btn-primary { | ||
+ | background-color: #59008C; | ||
+ | border-color: #59008C; | ||
+ | color: #FFF; | ||
+ | background-image: none; | ||
+ | background-repeat: no-repeat; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .btn-primary:hover, | ||
+ | .btn-primary:active, | ||
+ | .btn-primary.active, | ||
+ | .btn-primary.disabled, | ||
+ | .btn-primary[disabled] { | ||
+ | background-color: #781096; | ||
+ | border-color: #781096; | ||
+ | color: #CCC; | ||
+ | } | ||
+ | |||
+ | .btn-primary:active, | ||
+ | .btn-primary.active { | ||
+ | background-color: #781096; | ||
+ | border-color: #781096; | ||
+ | } | ||
+ | |||
+ | |||
+ | .btn-warning { | ||
+ | background-color: #faa732; | ||
+ | border-color: #faa732; | ||
+ | background-image: none; | ||
+ | background-repeat: no-repeat; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .btn-warning:hover, | ||
+ | .btn-warning:active, | ||
+ | .btn-warning.active, | ||
+ | .btn-warning.disabled, | ||
+ | .btn-warning[disabled] { | ||
+ | background-color: #f89406; | ||
+ | border-color: #f89406; | ||
+ | } | ||
+ | |||
+ | .btn-warning:active, | ||
+ | .btn-warning.active { | ||
+ | background-color: #c67605; | ||
+ | border-color: #c67605; | ||
+ | } | ||
+ | |||
+ | .btn-danger { | ||
+ | background-color: #da4f49; | ||
+ | border-color: #da4f49; | ||
+ | background-image: none; | ||
+ | background-repeat: no-repeat; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .btn-danger:hover, | ||
+ | .btn-danger:active, | ||
+ | .btn-danger.active, | ||
+ | .btn-danger.disabled, | ||
+ | .btn-danger[disabled] { | ||
+ | background-color: #bd362f; | ||
+ | border-color: #bd362f; | ||
+ | } | ||
+ | |||
+ | .btn-danger:active, | ||
+ | .btn-danger.active { | ||
+ | background-color: #942a25; | ||
+ | border-color: #942a25; | ||
+ | } | ||
+ | |||
+ | .btn-success { | ||
+ | background-color: #5bb75b; | ||
+ | border-color: #5bb75b; | ||
+ | background-image: none; | ||
+ | background-repeat: no-repeat; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .btn-success:hover, | ||
+ | .btn-success:active, | ||
+ | .btn-success.active, | ||
+ | .btn-success.disabled, | ||
+ | .btn-success[disabled] { | ||
+ | background-color: #51a351; | ||
+ | border-color: #51a351; | ||
+ | } | ||
+ | |||
+ | .btn-success:active, | ||
+ | .btn-success.active { | ||
+ | background-color: #408140; | ||
+ | border-color: #408140; | ||
+ | } | ||
+ | |||
+ | .btn-info { | ||
+ | background-color: #49afcd; | ||
+ | border-color: #49afcd; | ||
+ | background-image: none; | ||
+ | background-repeat: no-repeat; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .btn-info:hover, | ||
+ | .btn-info:active, | ||
+ | .btn-info.active, | ||
+ | .btn-info.disabled, | ||
+ | .btn-info[disabled] { | ||
+ | background-color: #2f96b4; | ||
+ | border-color: #2f96b4; | ||
+ | } | ||
+ | |||
+ | .btn-info:active, | ||
+ | .btn-info.active { | ||
+ | background-color: #24748c; | ||
+ | border-color: #24748c; | ||
+ | } | ||
+ | |||
+ | .btn-inverse { | ||
+ | background-color: #414141; | ||
+ | border-color: #414141; | ||
+ | background-image: none; | ||
+ | background-repeat: no-repeat; | ||
+ | filter: none; | ||
+ | } | ||
+ | |||
+ | .btn-inverse:hover, | ||
+ | .btn-inverse:active, | ||
+ | .btn-inverse.active, | ||
+ | .btn-inverse.disabled, | ||
+ | .btn-inverse[disabled] { | ||
+ | background-color: #222222; | ||
+ | border-color: #222222; | ||
+ | } | ||
+ | |||
+ | .btn-inverse:active, | ||
+ | .btn-inverse.active { | ||
+ | background-color: #080808; | ||
+ | border-color: #080808; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .dropdown-menu { | ||
+ | border: 2px solid #bababa; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .alert .close { | ||
+ | color: #FFF; | ||
+ | /*opacity: 0.4;*/ | ||
+ | /*filter: alpha(opacity=40);*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | .well { | ||
+ | background-color: #FFF; | ||
+ | } | ||
+ | |||
+ | /*! | ||
+ | * Datepicker for Bootstrap | ||
+ | * | ||
+ | * Copyright 2012 Stefan Petre | ||
+ | * Improvements by Andrew Rowls | ||
+ | * Licensed under the Apache License v2.0 | ||
+ | * http://www.apache.org/licenses/LICENSE-2.0 | ||
+ | * | ||
+ | */ | ||
+ | .datepicker { | ||
+ | padding: 4px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | direction: ltr; | ||
+ | /*.dow { | ||
+ | border-top: 1px solid #ddd !important; | ||
+ | }*/ | ||
+ | |||
+ | } | ||
+ | .datepicker-inline { | ||
+ | width: 220px; | ||
+ | } | ||
+ | .datepicker.datepicker-rtl { | ||
+ | direction: rtl; | ||
+ | } | ||
+ | .datepicker.datepicker-rtl table tr td span { | ||
+ | float: right; | ||
+ | } | ||
+ | .datepicker-dropdown { | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | .datepicker-dropdown:before { | ||
+ | content: ''; | ||
+ | display: inline-block; | ||
+ | border-left: 7px solid transparent; | ||
+ | border-right: 7px solid transparent; | ||
+ | border-bottom: 7px solid #ccc; | ||
+ | border-bottom-color: rgba(0, 0, 0, 0.2); | ||
+ | position: absolute; | ||
+ | top: -7px; | ||
+ | left: 6px; | ||
+ | } | ||
+ | .datepicker-dropdown:after { | ||
+ | content: ''; | ||
+ | display: inline-block; | ||
+ | border-left: 6px solid transparent; | ||
+ | border-right: 6px solid transparent; | ||
+ | border-bottom: 6px solid #ffffff; | ||
+ | position: absolute; | ||
+ | top: -6px; | ||
+ | left: 7px; | ||
+ | } | ||
+ | .datepicker > div { | ||
+ | display: none; | ||
+ | } | ||
+ | .datepicker.days div.datepicker-days { | ||
+ | display: block; | ||
+ | } | ||
+ | .datepicker.months div.datepicker-months { | ||
+ | display: block; | ||
+ | } | ||
+ | .datepicker.years div.datepicker-years { | ||
+ | display: block; | ||
+ | } | ||
+ | .datepicker table { | ||
+ | margin: 0; | ||
+ | } | ||
+ | .datepicker td, | ||
+ | .datepicker th { | ||
+ | text-align: center; | ||
+ | width: 20px; | ||
+ | height: 20px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | border: none; | ||
+ | } | ||
+ | .table-striped .datepicker table tr td, | ||
+ | .table-striped .datepicker table tr th { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .datepicker table tr td.day:hover { | ||
+ | background: #eeeeee; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .datepicker table tr td.old, | ||
+ | .datepicker table tr td.new { | ||
+ | color: #999999; | ||
+ | } | ||
+ | .datepicker table tr td.disabled, | ||
+ | .datepicker table tr td.disabled:hover { | ||
+ | background: none; | ||
+ | color: #999999; | ||
+ | cursor: default; | ||
+ | } | ||
+ | .datepicker table tr td.today, | ||
+ | .datepicker table tr td.today:hover, | ||
+ | .datepicker table tr td.today.disabled, | ||
+ | .datepicker table tr td.today.disabled:hover { | ||
+ | background-color: #fde19a; | ||
+ | /*background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);*/ | ||
+ | /*background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);*/ | ||
+ | /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));*/ | ||
+ | /*background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);*/ | ||
+ | /*background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);*/ | ||
+ | /*background-image: linear-gradient(top, #fdd49a, #fdf59a);*/ | ||
+ | /*background-repeat: repeat-x;*/ | ||
+ | /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);*/ | ||
+ | border-color: #fdf59a #fdf59a #fbed50; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | /*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/ | ||
+ | color: #000 !important; | ||
+ | } | ||
+ | .datepicker table tr td.today:hover, | ||
+ | .datepicker table tr td.today:hover:hover, | ||
+ | .datepicker table tr td.today.disabled:hover, | ||
+ | .datepicker table tr td.today.disabled:hover:hover, | ||
+ | .datepicker table tr td.today:active, | ||
+ | .datepicker table tr td.today:hover:active, | ||
+ | .datepicker table tr td.today.disabled:active, | ||
+ | .datepicker table tr td.today.disabled:hover:active, | ||
+ | .datepicker table tr td.today.active, | ||
+ | .datepicker table tr td.today:hover.active, | ||
+ | .datepicker table tr td.today.disabled.active, | ||
+ | .datepicker table tr td.today.disabled:hover.active, | ||
+ | .datepicker table tr td.today.disabled, | ||
+ | .datepicker table tr td.today:hover.disabled, | ||
+ | .datepicker table tr td.today.disabled.disabled, | ||
+ | .datepicker table tr td.today.disabled:hover.disabled, | ||
+ | .datepicker table tr td.today[disabled], | ||
+ | .datepicker table tr td.today:hover[disabled], | ||
+ | .datepicker table tr td.today.disabled[disabled], | ||
+ | .datepicker table tr td.today.disabled:hover[disabled] { | ||
+ | background-color: #fdf59a; | ||
+ | } | ||
+ | .datepicker table tr td.today:active, | ||
+ | .datepicker table tr td.today:hover:active, | ||
+ | .datepicker table tr td.today.disabled:active, | ||
+ | .datepicker table tr td.today.disabled:hover:active, | ||
+ | .datepicker table tr td.today.active, | ||
+ | .datepicker table tr td.today:hover.active, | ||
+ | .datepicker table tr td.today.disabled.active, | ||
+ | .datepicker table tr td.today.disabled:hover.active { | ||
+ | background-color: #fbf069 \9; | ||
+ | } | ||
+ | .datepicker table tr td.range, | ||
+ | .datepicker table tr td.range:hover, | ||
+ | .datepicker table tr td.range.disabled, | ||
+ | .datepicker table tr td.range.disabled:hover { | ||
+ | background: #eeeeee; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .datepicker table tr td.range.today, | ||
+ | .datepicker table tr td.range.today:hover, | ||
+ | .datepicker table tr td.range.today.disabled, | ||
+ | .datepicker table tr td.range.today.disabled:hover { | ||
+ | background-color: #f3d17a; | ||
+ | background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a); | ||
+ | background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); | ||
+ | background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a); | ||
+ | background-image: -o-linear-gradient(top, #f3c17a, #f3e97a); | ||
+ | background-image: linear-gradient(top, #f3c17a, #f3e97a); | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); | ||
+ | border-color: #f3e97a #f3e97a #edde34; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .datepicker table tr td.range.today:hover, | ||
+ | .datepicker table tr td.range.today:hover:hover, | ||
+ | .datepicker table tr td.range.today.disabled:hover, | ||
+ | .datepicker table tr td.range.today.disabled:hover:hover, | ||
+ | .datepicker table tr td.range.today:active, | ||
+ | .datepicker table tr td.range.today:hover:active, | ||
+ | .datepicker table tr td.range.today.disabled:active, | ||
+ | .datepicker table tr td.range.today.disabled:hover:active, | ||
+ | .datepicker table tr td.range.today.active, | ||
+ | .datepicker table tr td.range.today:hover.active, | ||
+ | .datepicker table tr td.range.today.disabled.active, | ||
+ | .datepicker table tr td.range.today.disabled:hover.active, | ||
+ | .datepicker table tr td.range.today.disabled, | ||
+ | .datepicker table tr td.range.today:hover.disabled, | ||
+ | .datepicker table tr td.range.today.disabled.disabled, | ||
+ | .datepicker table tr td.range.today.disabled:hover.disabled, | ||
+ | .datepicker table tr td.range.today[disabled], | ||
+ | .datepicker table tr td.range.today:hover[disabled], | ||
+ | .datepicker table tr td.range.today.disabled[disabled], | ||
+ | .datepicker table tr td.range.today.disabled:hover[disabled] { | ||
+ | background-color: #f3e97a; | ||
+ | } | ||
+ | .datepicker table tr td.range.today:active, | ||
+ | .datepicker table tr td.range.today:hover:active, | ||
+ | .datepicker table tr td.range.today.disabled:active, | ||
+ | .datepicker table tr td.range.today.disabled:hover:active, | ||
+ | .datepicker table tr td.range.today.active, | ||
+ | .datepicker table tr td.range.today:hover.active, | ||
+ | .datepicker table tr td.range.today.disabled.active, | ||
+ | .datepicker table tr td.range.today.disabled:hover.active { | ||
+ | background-color: #efe24b \9; | ||
+ | } | ||
+ | .datepicker table tr td.selected, | ||
+ | .datepicker table tr td.selected:hover, | ||
+ | .datepicker table tr td.selected.disabled, | ||
+ | .datepicker table tr td.selected.disabled:hover { | ||
+ | background-color: #9e9e9e; | ||
+ | background-image: -moz-linear-gradient(top, #b3b3b3, #808080); | ||
+ | background-image: -ms-linear-gradient(top, #b3b3b3, #808080); | ||
+ | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); | ||
+ | background-image: -webkit-linear-gradient(top, #b3b3b3, #808080); | ||
+ | background-image: -o-linear-gradient(top, #b3b3b3, #808080); | ||
+ | background-image: linear-gradient(top, #b3b3b3, #808080); | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); | ||
+ | border-color: #808080 #808080 #595959; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | color: #fff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | } | ||
+ | .datepicker table tr td.selected:hover, | ||
+ | .datepicker table tr td.selected:hover:hover, | ||
+ | .datepicker table tr td.selected.disabled:hover, | ||
+ | .datepicker table tr td.selected.disabled:hover:hover, | ||
+ | .datepicker table tr td.selected:active, | ||
+ | .datepicker table tr td.selected:hover:active, | ||
+ | .datepicker table tr td.selected.disabled:active, | ||
+ | .datepicker table tr td.selected.disabled:hover:active, | ||
+ | .datepicker table tr td.selected.active, | ||
+ | .datepicker table tr td.selected:hover.active, | ||
+ | .datepicker table tr td.selected.disabled.active, | ||
+ | .datepicker table tr td.selected.disabled:hover.active, | ||
+ | .datepicker table tr td.selected.disabled, | ||
+ | .datepicker table tr td.selected:hover.disabled, | ||
+ | .datepicker table tr td.selected.disabled.disabled, | ||
+ | .datepicker table tr td.selected.disabled:hover.disabled, | ||
+ | .datepicker table tr td.selected[disabled], | ||
+ | .datepicker table tr td.selected:hover[disabled], | ||
+ | .datepicker table tr td.selected.disabled[disabled], | ||
+ | .datepicker table tr td.selected.disabled:hover[disabled] { | ||
+ | background-color: #808080; | ||
+ | } | ||
+ | .datepicker table tr td.selected:active, | ||
+ | .datepicker table tr td.selected:hover:active, | ||
+ | .datepicker table tr td.selected.disabled:active, | ||
+ | .datepicker table tr td.selected.disabled:hover:active, | ||
+ | .datepicker table tr td.selected.active, | ||
+ | .datepicker table tr td.selected:hover.active, | ||
+ | .datepicker table tr td.selected.disabled.active, | ||
+ | .datepicker table tr td.selected.disabled:hover.active { | ||
+ | background-color: #666666 \9; | ||
+ | } | ||
+ | .datepicker table tr td.active, | ||
+ | .datepicker table tr td.active:hover, | ||
+ | .datepicker table tr td.active.disabled, | ||
+ | .datepicker table tr td.active.disabled:hover { | ||
+ | background-color: #006dcc; | ||
+ | /*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/ | ||
+ | /*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-image: linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-repeat: repeat-x;*/ | ||
+ | /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/ | ||
+ | border-color: #0044cc #0044cc #002a80; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | /*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/ | ||
+ | color: #fff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | } | ||
+ | .datepicker table tr td.active:hover, | ||
+ | .datepicker table tr td.active:hover:hover, | ||
+ | .datepicker table tr td.active.disabled:hover, | ||
+ | .datepicker table tr td.active.disabled:hover:hover, | ||
+ | .datepicker table tr td.active:active, | ||
+ | .datepicker table tr td.active:hover:active, | ||
+ | .datepicker table tr td.active.disabled:active, | ||
+ | .datepicker table tr td.active.disabled:hover:active, | ||
+ | .datepicker table tr td.active.active, | ||
+ | .datepicker table tr td.active:hover.active, | ||
+ | .datepicker table tr td.active.disabled.active, | ||
+ | .datepicker table tr td.active.disabled:hover.active, | ||
+ | .datepicker table tr td.active.disabled, | ||
+ | .datepicker table tr td.active:hover.disabled, | ||
+ | .datepicker table tr td.active.disabled.disabled, | ||
+ | .datepicker table tr td.active.disabled:hover.disabled, | ||
+ | .datepicker table tr td.active[disabled], | ||
+ | .datepicker table tr td.active:hover[disabled], | ||
+ | .datepicker table tr td.active.disabled[disabled], | ||
+ | .datepicker table tr td.active.disabled:hover[disabled] { | ||
+ | background-color: #0044cc; | ||
+ | } | ||
+ | .datepicker table tr td.active:active, | ||
+ | .datepicker table tr td.active:hover:active, | ||
+ | .datepicker table tr td.active.disabled:active, | ||
+ | .datepicker table tr td.active.disabled:hover:active, | ||
+ | .datepicker table tr td.active.active, | ||
+ | .datepicker table tr td.active:hover.active, | ||
+ | .datepicker table tr td.active.disabled.active, | ||
+ | .datepicker table tr td.active.disabled:hover.active { | ||
+ | background-color: #003399 \9; | ||
+ | } | ||
+ | .datepicker table tr td span { | ||
+ | display: block; | ||
+ | width: 23%; | ||
+ | height: 54px; | ||
+ | line-height: 54px; | ||
+ | float: left; | ||
+ | margin: 1%; | ||
+ | cursor: pointer; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .datepicker table tr td span:hover { | ||
+ | background: #eeeeee; | ||
+ | } | ||
+ | .datepicker table tr td span.disabled, | ||
+ | .datepicker table tr td span.disabled:hover { | ||
+ | background: none; | ||
+ | color: #999999; | ||
+ | cursor: default; | ||
+ | } | ||
+ | .datepicker table tr td span.active, | ||
+ | .datepicker table tr td span.active:hover, | ||
+ | .datepicker table tr td span.active.disabled, | ||
+ | .datepicker table tr td span.active.disabled:hover { | ||
+ | background-color: #006dcc; | ||
+ | /*background-image: -moz-linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-image: -ms-linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));*/ | ||
+ | /*background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-image: -o-linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-image: linear-gradient(top, #0088cc, #0044cc);*/ | ||
+ | /*background-repeat: repeat-x;*/ | ||
+ | /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);*/ | ||
+ | border-color: #0044cc #0044cc #002a80; | ||
+ | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
+ | /*filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/ | ||
+ | color: #fff; | ||
+ | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
+ | } | ||
+ | .datepicker table tr td span.active:hover, | ||
+ | .datepicker table tr td span.active:hover:hover, | ||
+ | .datepicker table tr td span.active.disabled:hover, | ||
+ | .datepicker table tr td span.active.disabled:hover:hover, | ||
+ | .datepicker table tr td span.active:active, | ||
+ | .datepicker table tr td span.active:hover:active, | ||
+ | .datepicker table tr td span.active.disabled:active, | ||
+ | .datepicker table tr td span.active.disabled:hover:active, | ||
+ | .datepicker table tr td span.active.active, | ||
+ | .datepicker table tr td span.active:hover.active, | ||
+ | .datepicker table tr td span.active.disabled.active, | ||
+ | .datepicker table tr td span.active.disabled:hover.active, | ||
+ | .datepicker table tr td span.active.disabled, | ||
+ | .datepicker table tr td span.active:hover.disabled, | ||
+ | .datepicker table tr td span.active.disabled.disabled, | ||
+ | .datepicker table tr td span.active.disabled:hover.disabled, | ||
+ | .datepicker table tr td span.active[disabled], | ||
+ | .datepicker table tr td span.active:hover[disabled], | ||
+ | .datepicker table tr td span.active.disabled[disabled], | ||
+ | .datepicker table tr td span.active.disabled:hover[disabled] { | ||
+ | background-color: #0044cc; | ||
+ | } | ||
+ | .datepicker table tr td span.active:active, | ||
+ | .datepicker table tr td span.active:hover:active, | ||
+ | .datepicker table tr td span.active.disabled:active, | ||
+ | .datepicker table tr td span.active.disabled:hover:active, | ||
+ | .datepicker table tr td span.active.active, | ||
+ | .datepicker table tr td span.active:hover.active, | ||
+ | .datepicker table tr td span.active.disabled.active, | ||
+ | .datepicker table tr td span.active.disabled:hover.active { | ||
+ | background-color: #003399 \9; | ||
+ | } | ||
+ | .datepicker table tr td span.old { | ||
+ | color: #999999; | ||
+ | } | ||
+ | .datepicker th.datepicker-switch { | ||
+ | width: 145px; | ||
+ | } | ||
+ | .datepicker thead tr:first-child th, | ||
+ | .datepicker tfoot tr:first-child th { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .datepicker thead tr:first-child th:hover, | ||
+ | .datepicker tfoot tr:first-child th:hover { | ||
+ | background: #eeeeee; | ||
+ | } | ||
+ | .datepicker .cw { | ||
+ | font-size: 10px; | ||
+ | width: 12px; | ||
+ | padding: 0 2px 0 5px; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .datepicker thead tr:first-child th.cw { | ||
+ | cursor: default; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | .input-append.date .add-on i, | ||
+ | .input-prepend.date .add-on i { | ||
+ | display: block; | ||
+ | cursor: pointer; | ||
+ | width: 16px; | ||
+ | height: 16px; | ||
+ | } | ||
+ | .input-daterange input { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .input-daterange input:first-child { | ||
+ | -webkit-border-radius: 3px 0 0 3px; | ||
+ | -moz-border-radius: 3px 0 0 3px; | ||
+ | border-radius: 3px 0 0 3px; | ||
+ | } | ||
+ | .input-daterange input:last-child { | ||
+ | -webkit-border-radius: 0 3px 3px 0; | ||
+ | -moz-border-radius: 0 3px 3px 0; | ||
+ | border-radius: 0 3px 3px 0; | ||
+ | } | ||
+ | .input-daterange .add-on { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | min-width: 16px; | ||
+ | height: 18px; | ||
+ | padding: 4px 5px; | ||
+ | font-weight: normal; | ||
+ | line-height: 18px; | ||
+ | text-align: center; | ||
+ | text-shadow: 0 1px 0 #ffffff; | ||
+ | vertical-align: middle; | ||
+ | background-color: #eeeeee; | ||
+ | border: 1px solid #ccc; | ||
+ | margin-left: -5px; | ||
+ | margin-right: -5px; | ||
+ | } | ||
+ | |||
+ | /* Demo styles for Hub and other metro pages | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | |||
+ | /* Body and structure | ||
+ | -------------------------------------------------- */ | ||
+ | html{ | ||
+ | height:100%; | ||
+ | } | ||
body{ | body{ | ||
- | + | width:100%; | |
- | + | height:100%; | |
+ | } | ||
+ | html, | ||
+ | body { | ||
+ | position: relative; | ||
+ | background: transparent url("https://static.igem.org/mediawiki/2013/8/80/Bkg-win8.jpg") fixed 0 0; | ||
+ | /*background: transparent url(../img/bkg-parallax-1.jpg) repeat 0 0;*/ | ||
+ | /*background-color: #f2f0e4;*/ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | height:100%; /* needed for container min-height */ | ||
+ | color: #FFF; /*#847d6b;*/ | ||
+ | } | ||
- | + | #wrap { | |
- | + | position:relative; /* needed for footer positioning*/ | |
+ | margin:0 auto; /* center, not in IE5 */ | ||
+ | height:auto !important; /* real browsers */ | ||
+ | height:100%; /* IE6: treaded as min-height*/ | ||
+ | min-height:100%; /* real browsers */ | ||
+ | /* Win8 animation */ | ||
+ | width:100%; | ||
+ | perspective:3300px; | ||
+ | position:relative; | ||
+ | } | ||
+ | .panorama-parallax { | ||
+ | -webkit-transition: background-position 0.4s; | ||
+ | -moz-transition: background-position 0.4s; | ||
+ | -o-transition: background-position 0.4s; | ||
+ | transition: background-position 0.4s; | ||
} | } | ||
- | . | + | |
- | + | ||
- | + | /* custom styles */ | |
+ | .win-commandicon { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | .win-commandring, a:active .win-commandring, .win-commandring, button:active .win-commandring { | ||
+ | border-color: #FFF; | ||
} | } | ||
- | # | + | |
+ | #nav-bar { | ||
+ | /*position: fixed;*/ | ||
+ | /*top: 0;*/ | ||
+ | /*left: 0;*/ | ||
+ | height: 54px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #metro-container { | ||
+ | margin-top: 94px; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | height: 100%; | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .accent-color, header h1, header h2, table th { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | /*header h1 {*/ | ||
+ | /*font-size: 50px;*/ | ||
+ | /*font-weight: 300;*/ | ||
+ | /*line-height: 54px;*/ | ||
+ | /*color: #444;*/ | ||
+ | /*}*/ | ||
+ | /*header h1 small {font-weight: 300;}*/ | ||
+ | |||
+ | |||
+ | /* Tweak navbar brand link to be super sleek | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | |||
+ | |||
+ | body > .navbar { | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | #header-nav { | ||
+ | position: relative; | ||
+ | } | ||
+ | #header-nav .nav.nav-links { | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | #header-nav .nav.nav-links:before, | ||
+ | #header-nav .nav.nav-links:after { | ||
+ | display: table; | ||
+ | content: ""; | ||
+ | line-height: 0; | ||
+ | } | ||
+ | #header-nav .nav.nav-links:after { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #header-nav .nav.nav-links { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #header-nav .nav.nav-links > li { | ||
+ | float: left; | ||
+ | } | ||
+ | #header-nav .nav.nav-links a { | ||
+ | margin: 0 30px 0 0; | ||
+ | font-weight: 300; | ||
+ | text-transform: lowercase; | ||
+ | text-decoration: none; | ||
+ | font-size: 32px; | ||
+ | font-weight: 300; | ||
+ | line-height: 34px; | ||
+ | color: #847d6b; | ||
+ | } | ||
+ | #header-nav .nav.nav-links a:hover { | ||
+ | color: #595753; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #header-nav .nav.nav-links li.active a { | ||
+ | color: #595753; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Sections | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* padding for in-page bookmarks and fixed navbar */ | ||
+ | section { | ||
+ | padding-top: 30px; | ||
+ | } | ||
+ | section > .page-header, | ||
+ | section > .lead { | ||
+ | color: #5a5a5a; | ||
+ | } | ||
+ | section > ul li { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | /* Separators (hr) */ | ||
+ | .bs-docs-separator { | ||
+ | margin: 40px 0 39px; | ||
+ | } | ||
+ | |||
+ | /* Faded out hr */ | ||
+ | hr.soften { | ||
+ | height: 1px; | ||
+ | margin: 70px 0; | ||
+ | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | ||
+ | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | ||
+ | background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | ||
+ | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Jumbotrons | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* Base class | ||
+ | ------------------------- */ | ||
+ | .jumbotron { | ||
+ | position: relative; | ||
+ | padding: 40px 0; | ||
+ | color: #fff; | ||
+ | /*text-align: center;*/ | ||
+ | /*text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);*/ | ||
+ | background: #287EB7; | ||
+ | } | ||
+ | .jumbotron h1 { | ||
+ | font-size: 80px; | ||
+ | font-weight: 300; | ||
+ | letter-spacing: -1px; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | .jumbotron p { | ||
+ | font-size: 24px; | ||
+ | font-weight: 300; | ||
+ | line-height: 1.25; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | /* Link styles (used on .masthead-links as well) */ | ||
+ | .jumbotron a { | ||
+ | /*color: #fff;*/ | ||
+ | color: rgba(255,255,255,.5); | ||
+ | -webkit-transition: all .2s ease-in-out; | ||
+ | -moz-transition: all .2s ease-in-out; | ||
+ | transition: all .2s ease-in-out; | ||
+ | } | ||
+ | .jumbotron a:hover { | ||
+ | color: #fff; | ||
+ | text-shadow: 0 0 10px rgba(255,255,255,.25); | ||
+ | } | ||
+ | |||
+ | .jumbotron a.link { | ||
+ | color: #4F1ACB; | ||
+ | font-size: 13px; | ||
+ | font-weight: 300; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | /* Download button | ||
+ | .masthead .btn { | ||
+ | padding: 19px 24px; | ||
+ | font-family: "Open Sans",Arial,Helvetica,Sans-Serif; | ||
+ | font-size: 24px; | ||
+ | line-height: 28px;; | ||
+ | font-weight: 400; | ||
+ | color: #fff; | ||
+ | border: 0; | ||
+ | -webkit-transition: none; | ||
+ | -moz-transition: none; | ||
+ | transition: none; | ||
+ | } | ||
+ | .masthead .btn [class^="icon-"] { | ||
+ | font-size: 24px; | ||
+ | line-height: 24px; | ||
+ | } | ||
+ | |||
+ | .masthead .btn:hover { | ||
+ | -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); | ||
+ | -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); | ||
+ | box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); | ||
+ | } | ||
+ | .masthead .btn:active { | ||
+ | -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); | ||
+ | -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); | ||
+ | box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | /* Pattern overlay | ||
+ | ------------------------- */ | ||
+ | .jumbotron .container { | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Masthead (docs home) | ||
+ | ------------------------- */ | ||
+ | .masthead { | ||
+ | padding: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .masthead h1 { | ||
+ | /*font-size: 120px;*/ | ||
+ | line-height: 1; | ||
+ | letter-spacing: -2px; | ||
+ | } | ||
+ | .masthead p { | ||
+ | /*font-size: 40px;*/ | ||
+ | font-weight: 200; | ||
+ | line-height: 1.25; | ||
+ | } | ||
+ | |||
+ | /* Textual links in masthead */ | ||
+ | .masthead-links { | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .masthead-links li { | ||
+ | display: inline; | ||
+ | padding: 0 10px; | ||
+ | color: rgba(255,255,255,.25); | ||
+ | } | ||
+ | |||
+ | #hero { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | margin: 30px 0 0 0; | ||
+ | } | ||
+ | #hero p.lead { | ||
+ | font-size: 24px; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | |||
+ | #hero .btn { | ||
+ | padding: 19px 24px; | ||
+ | font-size: 24px; | ||
+ | line-height: 32px; | ||
+ | font-weight: 400; | ||
+ | color: #fff; | ||
+ | border: 0; | ||
+ | } | ||
+ | #hero .btn [class^="icon-"] { | ||
+ | font-size: 32px; | ||
+ | line-height: 32px; | ||
+ | margin: 0; | ||
+ | vertical-align: bottom; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #features-container { | ||
+ | margin-top: 60px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .list-tile { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | border-left: 3px solid transparent; | ||
+ | color: #FFF; | ||
+ | display: inline-block; | ||
+ | min-height: 62px; | ||
+ | margin-bottom: 10px; | ||
+ | padding: 10px; | ||
+ | position: relative; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .list-tile.blue { | ||
+ | background-color: #2E8BCC; | ||
+ | border-color: #2E8BCC; | ||
+ | } | ||
+ | .list-tile.green { | ||
+ | background-color: #339933; | ||
+ | border-color: #339933; | ||
+ | } | ||
+ | |||
+ | .list-tile h4, .list-tile h5 { | ||
+ | display: inline; | ||
+ | } | ||
+ | .list-tile h4 { | ||
+ | font-size: 20px; | ||
+ | font-weight: 400; | ||
+ | line-height: 40px; | ||
+ | } | ||
+ | .list-tile h5 { | ||
+ | font-size: 18px; | ||
+ | font-weight: 400; | ||
+ | line-height: 20px; | ||
+ | padding-right: 80px; | ||
+ | } | ||
+ | |||
+ | .list-tile .list-tile-icon { | ||
+ | color: #FFFFFF; | ||
+ | display: block; | ||
+ | font-size: 40px; | ||
+ | font-weight: 400; | ||
+ | height: 100%; | ||
+ | line-height: 62px; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | text-align: center; | ||
+ | top: 0; | ||
+ | width: 80px; | ||
+ | } | ||
+ | /*.list-tile.blue .list-tile-icon {*/ | ||
+ | /*background-color: #2E8BCC;*/ | ||
+ | /*}*/ | ||
+ | /*.list-tile.green .list-tile-icon {*/ | ||
+ | /*background-color: #339933;*/ | ||
+ | /*}*/ | ||
+ | |||
+ | .list-tile .donate-form { | ||
+ | margin: 10px auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* hover */ | ||
+ | .list-tile.blue:hover { | ||
+ | text-decoration: none; | ||
+ | background-color: #C9E2F3; | ||
+ | color: #2E8BCC; | ||
+ | } | ||
+ | .list-tile.blue:hover .list-tile-icon { color: #2E8BCC; } | ||
+ | |||
+ | .list-tile.green:hover { | ||
+ | text-decoration: none; | ||
+ | background-color: #ABE3AB; | ||
+ | color: #339933; | ||
+ | } | ||
+ | .list-tile.green:hover .list-tile-icon { color: #339933; } | ||
+ | |||
+ | |||
+ | |||
+ | /* Social proof buttons from GitHub & Twitter */ | ||
+ | .bs-docs-social { | ||
+ | padding: 15px 0; | ||
+ | text-align: center; | ||
+ | background-color: #f5f5f5; | ||
+ | border-top: 1px solid #fff; | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | } | ||
+ | |||
+ | /* Quick links on Home */ | ||
+ | .bs-docs-social-buttons { | ||
+ | margin-left: 0; | ||
+ | margin-bottom: 0; | ||
+ | padding-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .bs-docs-social-buttons li { | ||
+ | display: inline-block; | ||
+ | padding: 5px 8px; | ||
+ | line-height: 1; | ||
+ | *display: inline; | ||
+ | *zoom: 1; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* | ||
+ | Index Donate tile | ||
+ | */ | ||
+ | .metro .tile.wide.donate { | ||
+ | height: 110px; | ||
+ | padding: 20px; | ||
+ | width: 270px; | ||
+ | cursor: default; | ||
+ | } | ||
+ | .metro .tile.wide.donate .text { | ||
+ | font-size: 15px; | ||
+ | font-weight: normal; | ||
+ | height: 18px; | ||
+ | line-height: 18px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .metro .tile.wide.donate .text-header3 { | ||
+ | font-size: 30px; | ||
+ | font-weight: 300; | ||
+ | line-height: 32px; | ||
+ | max-height: 110px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .metro .tile.wide.donate form { | ||
+ | margin: 10px auto; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Subhead (other pages) | ||
+ | ------------------------- */ | ||
+ | .subhead { | ||
+ | text-align: left; | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | } | ||
+ | .subhead h1 { | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | .subhead p { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .subhead .navbar { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Marketing section of Overview | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | .marketing { | ||
+ | text-align: center; | ||
+ | color: #5a5a5a; | ||
+ | } | ||
+ | .marketing h1 { | ||
+ | margin: 60px 0 10px; | ||
+ | font-size: 60px; | ||
+ | font-weight: 200; | ||
+ | line-height: 1; | ||
+ | letter-spacing: -1px; | ||
+ | } | ||
+ | .marketing h2 { | ||
+ | font-weight: 200; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .marketing p { | ||
+ | font-size: 16px; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | .marketing.metro .tile.wide { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .marketing .marketing-byline { | ||
+ | margin-bottom: 40px; | ||
+ | font-size: 20px; | ||
+ | font-weight: 300; | ||
+ | line-height: 1.25; | ||
+ | color: #999; | ||
+ | } | ||
+ | /*.marketing img {*/ | ||
+ | /*display: block;*/ | ||
+ | /*margin: 0 auto 30px;*/ | ||
+ | /*}*/ | ||
+ | |||
+ | |||
+ | |||
+ | /* Footer | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /*.footer {*/ | ||
+ | /*padding: 70px 0;*/ | ||
+ | /*margin-top: 70px;*/ | ||
+ | /*border-top: 1px solid #e5e5e5;*/ | ||
+ | /*background-color: #f5f5f5;*/ | ||
+ | /*}*/ | ||
+ | /*.footer p {*/ | ||
+ | /*margin-bottom: 0;*/ | ||
+ | /*color: #777;*/ | ||
+ | /*}*/ | ||
+ | /*.footer-links {*/ | ||
+ | /*margin: 10px 0;*/ | ||
+ | /*}*/ | ||
+ | /*.footer-links li {*/ | ||
+ | /*display: inline;*/ | ||
+ | /*padding: 0 2px;*/ | ||
+ | /*}*/ | ||
+ | /*.footer-links li:first-child {*/ | ||
+ | /*padding-left: 0;*/ | ||
+ | /*}*/ | ||
+ | |||
+ | |||
+ | |||
+ | /* Special grid styles | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | .show-grid { | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .show-grid [class*="span"] { | ||
+ | background-color: #eee; | ||
+ | text-align: center; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | min-height: 40px; | ||
+ | line-height: 40px; | ||
+ | } | ||
+ | .show-grid:hover [class*="span"] { | ||
+ | background: #ddd; | ||
+ | } | ||
+ | .show-grid .show-grid { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .show-grid .show-grid [class*="span"] { | ||
+ | background-color: #ccc; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Mini layout previews | ||
+ | -------------------------------------------------- */ | ||
+ | .mini-layout { | ||
+ | border: 1px solid #ddd; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); | ||
+ | -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075); | ||
+ | box-shadow: 0 1px 2px rgba(0,0,0,.075); | ||
+ | } | ||
+ | .mini-layout, | ||
+ | .mini-layout .mini-layout-body, | ||
+ | .mini-layout.fluid .mini-layout-sidebar { | ||
+ | height: 300px; | ||
+ | } | ||
+ | .mini-layout { | ||
+ | margin-bottom: 20px; | ||
+ | padding: 9px; | ||
+ | } | ||
+ | .mini-layout div { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .mini-layout .mini-layout-body { | ||
+ | background-color: #dceaf4; | ||
+ | margin: 0 auto; | ||
+ | width: 70%; | ||
+ | } | ||
+ | .mini-layout.fluid .mini-layout-sidebar, | ||
+ | .mini-layout.fluid .mini-layout-header, | ||
+ | .mini-layout.fluid .mini-layout-body { | ||
+ | float: left; | ||
+ | } | ||
+ | .mini-layout.fluid .mini-layout-sidebar { | ||
+ | background-color: #bbd8e9; | ||
+ | width: 20%; | ||
+ | } | ||
+ | .mini-layout.fluid .mini-layout-body { | ||
+ | width: 77.5%; | ||
+ | margin-left: 2.5%; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Download page | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | .download .page-header { | ||
+ | margin-top: 36px; | ||
+ | } | ||
+ | .page-header .toggle-all { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | /* Space out h3s when following a section */ | ||
+ | .download h3 { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .download-builder input + h3, | ||
+ | .download-builder .checkbox + h3 { | ||
+ | margin-top: 9px; | ||
+ | } | ||
+ | |||
+ | /* Fields for variables */ | ||
+ | .download-builder input[type=text] { | ||
+ | margin-bottom: 9px; | ||
+ | font-family: Menlo, Monaco, "Courier New", monospace; | ||
+ | font-size: 12px; | ||
+ | color: #d14; | ||
+ | } | ||
+ | .download-builder input[type=text]:focus { | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | /* Custom, larger checkbox labels */ | ||
+ | .download .checkbox { | ||
+ | padding: 6px 10px 6px 25px; | ||
+ | font-size: 13px; | ||
+ | line-height: 18px; | ||
+ | color: #555; | ||
+ | background-color: #f9f9f9; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .download .checkbox:hover { | ||
+ | color: #333; | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | .download .checkbox small { | ||
+ | font-size: 12px; | ||
+ | color: #777; | ||
+ | } | ||
+ | |||
+ | /* Variables section */ | ||
+ | #variables label { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | /* Giant download button */ | ||
+ | .download-btn { | ||
+ | margin: 36px 0 108px; | ||
+ | } | ||
+ | #download p, | ||
+ | #download h4 { | ||
+ | max-width: 50%; | ||
+ | margin: 0 auto; | ||
+ | color: #999; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #download h4 { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | #download p { | ||
+ | margin-bottom: 18px; | ||
+ | } | ||
+ | .download-btn .btn { | ||
+ | display: block; | ||
+ | width: auto; | ||
+ | padding: 19px 24px; | ||
+ | margin-bottom: 27px; | ||
+ | font-size: 30px; | ||
+ | line-height: 1; | ||
+ | text-align: center; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Misc | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* Make tables spaced out a bit more */ | ||
+ | h2 + table, | ||
+ | h3 + table, | ||
+ | h4 + table, | ||
+ | h2 + .row { | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | /* Example sites showcase */ | ||
+ | .example-sites { | ||
+ | margin-left: 20px; | ||
+ | } | ||
+ | .example-sites img { | ||
+ | max-width: 100%; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Fake the :focus state to demo it */ | ||
+ | .focused { | ||
+ | border-color: rgba(82,168,236,.8); | ||
+ | -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); | ||
+ | -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); | ||
+ | box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); | ||
+ | outline: 0; | ||
+ | } | ||
+ | |||
+ | /* For input sizes, make them display block */ | ||
+ | .docs-input-sizes select, | ||
+ | .docs-input-sizes input[type=text] { | ||
+ | display: block; | ||
+ | margin-bottom: 9px; | ||
+ | } | ||
+ | |||
+ | /* Icons | ||
+ | ------------------------- */ | ||
+ | .the-icons { | ||
+ | margin-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .the-icons li { | ||
+ | float: left; | ||
+ | width: 25%; | ||
+ | line-height: 25px; | ||
+ | } | ||
+ | .the-icons i:hover { | ||
+ | background-color: rgba(255,0,0,.25); | ||
+ | } | ||
+ | |||
+ | /* Example page | ||
+ | ------------------------- */ | ||
+ | .bootstrap-examples p { | ||
+ | font-size: 13px; | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | .bootstrap-examples .thumbnail { | ||
+ | margin-bottom: 9px; | ||
+ | background-color: #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Toasts | ||
+ | ------------------------- */ | ||
+ | |||
+ | #alerts-container { | ||
+ | position: fixed; | ||
+ | top: 5px; | ||
+ | right: 5px; | ||
+ | padding: 0; | ||
+ | z-index: 1100; | ||
+ | } | ||
+ | |||
+ | #alerts-container .toast { | ||
+ | /* add a shadow */ | ||
+ | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | ||
+ | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | ||
+ | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Bootstrap code examples | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* Base class */ | ||
+ | .bs-docs-example { | ||
+ | position: relative; | ||
+ | margin: 15px 0; | ||
+ | padding: 39px 19px 14px; | ||
+ | *padding-top: 19px; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | /* Echo out a label for the example */ | ||
+ | .bs-docs-example:after { | ||
+ | content: "Example"; | ||
+ | position: absolute; | ||
+ | top: -1px; | ||
+ | left: -1px; | ||
+ | padding: 3px 7px; | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | background-color: #f5f5f5; | ||
+ | border: 1px solid #ddd; | ||
+ | color: #9da0a4; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | |||
+ | /* Remove spacing between an example and it's code */ | ||
+ | .bs-docs-example + .prettyprint { | ||
+ | margin-top: -20px; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | |||
+ | /* Tweak examples | ||
+ | ------------------------- */ | ||
+ | .bs-docs-example > p:last-child { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | .bs-docs-example .table, | ||
+ | .bs-docs-example .progress, | ||
+ | .bs-docs-example .well, | ||
+ | .bs-docs-example .alert, | ||
+ | .bs-docs-example .hero-unit, | ||
+ | .bs-docs-example .pagination, | ||
+ | .bs-docs-example .navbar, | ||
+ | .bs-docs-example > .nav, | ||
+ | .bs-docs-example blockquote { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .bs-docs-example .pagination { | ||
+ | margin-top: 0; | ||
+ | } | ||
+ | |||
+ | .bs-docs-example-commands { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .bs-docs-example-commands .win-command{ | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | /* sample customization of win-command */ | ||
+ | .bs-docs-example .win-command.orange .win-commandicon, | ||
+ | .bs-docs-example .win-command.orange .win-label { | ||
+ | color: #F09609; | ||
+ | } | ||
+ | .bs-docs-example .win-command.orange .win-commandring { | ||
+ | border-color: #F09609; | ||
+ | } | ||
+ | .bs-docs-example .win-command.orange:hover .win-commandring { | ||
+ | background-color: rgba(240, 150, 9, 0.4); | ||
+ | } | ||
+ | |||
+ | |||
+ | .bs-navbar-top-example, | ||
+ | .bs-navbar-bottom-example { | ||
+ | z-index: 1; | ||
+ | padding: 0; | ||
+ | height: 90px; | ||
+ | overflow: hidden; /* cut the drop shadows off */ | ||
+ | } | ||
+ | .bs-navbar-top-example .navbar-fixed-top, | ||
+ | .bs-navbar-bottom-example .navbar-fixed-bottom { | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | .bs-navbar-top-example { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .bs-navbar-top-example:after { | ||
+ | top: auto; | ||
+ | bottom: -1px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .bs-navbar-bottom-example { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .bs-navbar-bottom-example .navbar { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | form.bs-docs-example { | ||
+ | padding-bottom: 19px; | ||
+ | } | ||
+ | |||
+ | /* Images */ | ||
+ | .bs-docs-example-images img { | ||
+ | margin: 10px; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /* Tooltips */ | ||
+ | .bs-docs-tooltip-examples { | ||
+ | text-align: center; | ||
+ | margin: 0 0 10px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | .bs-docs-tooltip-examples li { | ||
+ | display: inline; | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | |||
+ | /* Popovers */ | ||
+ | .bs-docs-example-popover { | ||
+ | padding-bottom: 24px; | ||
+ | background-color: #f9f9f9; | ||
+ | } | ||
+ | .bs-docs-example-popover .popover { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 260px; | ||
+ | margin: 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Responsive docs | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* Utility classes table | ||
+ | ------------------------- */ | ||
+ | .responsive-utilities th small { | ||
+ | display: block; | ||
+ | font-weight: normal; | ||
+ | color: #999; | ||
+ | } | ||
+ | .responsive-utilities tbody th { | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | .responsive-utilities td { | ||
+ | text-align: center; | ||
+ | } | ||
+ | .responsive-utilities td.is-visible { | ||
+ | color: #468847; | ||
+ | background-color: #dff0d8 !important; | ||
+ | } | ||
+ | .responsive-utilities td.is-hidden { | ||
+ | color: #ccc; | ||
+ | background-color: #f9f9f9 !important; | ||
+ | } | ||
+ | |||
+ | /* Responsive tests | ||
+ | ------------------------- */ | ||
+ | .responsive-utilities-test { | ||
+ | margin-top: 5px; | ||
+ | margin-left: 0; | ||
+ | list-style: none; | ||
+ | overflow: hidden; /* clear floats */ | ||
+ | } | ||
+ | .responsive-utilities-test li { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: 25%; | ||
+ | height: 43px; | ||
+ | font-size: 14px; | ||
+ | font-weight: bold; | ||
+ | line-height: 43px; | ||
+ | color: #999; | ||
+ | text-align: center; | ||
+ | border: 1px solid #ddd; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .responsive-utilities-test li + li { | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | .responsive-utilities-test span { | ||
+ | position: absolute; | ||
+ | top: -1px; | ||
+ | left: -1px; | ||
+ | right: -1px; | ||
+ | bottom: -1px; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .responsive-utilities-test span { | ||
+ | color: #468847; | ||
+ | background-color: #dff0d8; | ||
+ | border: 1px solid #d6e9c6; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Sidenav for Docs | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | .bs-docs-sidenav { | ||
+ | width: 228px; | ||
+ | margin: 30px 0 0; | ||
+ | padding: 0; | ||
+ | background-color: #fff; | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | /*-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/ | ||
+ | /*-moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);*/ | ||
+ | /*box-shadow: 0 1px 4px rgba(0,0,0,.065);*/ | ||
+ | } | ||
+ | |||
+ | .bs-docs-sidenav > li > a { | ||
+ | display: block; | ||
+ | width: 190px \9; | ||
+ | margin: 0 0 -1px; | ||
+ | padding: 8px 14px; | ||
+ | border: 1px solid #e5e5e5; | ||
+ | } | ||
+ | .bs-docs-sidenav > li:first-child > a { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .bs-docs-sidenav > li:last-child > a { | ||
+ | -webkit-border-radius: 0; | ||
+ | -moz-border-radius: 0; | ||
+ | border-radius: 0; | ||
+ | } | ||
+ | .bs-docs-sidenav > .active > a { | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | padding: 9px 15px; | ||
+ | border: 0; | ||
+ | text-shadow: 0 1px 0 rgba(0,0,0,.15); | ||
+ | -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); | ||
+ | -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); | ||
+ | box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); | ||
+ | } | ||
+ | /* Chevrons */ | ||
+ | .bs-docs-sidenav .icon-chevron-right { | ||
+ | float: right; | ||
+ | margin-top: 2px; | ||
+ | margin-right: -6px; | ||
+ | opacity: .25; | ||
+ | } | ||
+ | .bs-docs-sidenav > li > a:hover { | ||
+ | background-color: #f5f5f5; | ||
+ | } | ||
+ | .bs-docs-sidenav a:hover .icon-chevron-right { | ||
+ | opacity: .5; | ||
+ | } | ||
+ | .bs-docs-sidenav .active .icon-chevron-right, | ||
+ | .bs-docs-sidenav .active a:hover .icon-chevron-right { | ||
+ | background-image: url(../img/glyphicons-halflings-white.png); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .bs-docs-sidenav.affix { | ||
+ | top: 0; | ||
+ | } | ||
+ | .bs-docs-sidenav.affix-bottom { | ||
+ | position: absolute; | ||
+ | top: auto; | ||
+ | bottom: 270px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Icons demo page | ||
+ | -------------------------------------------------- */ | ||
+ | #icomoon-container { | ||
+ | -moz-box-sizing: border-box; | ||
+ | -webkit-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #icomoon-container section, | ||
+ | #icomoon-container header, | ||
+ | #icomoon-container footer { | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #icomoon-container .glyph { | ||
+ | float: left; | ||
+ | text-align: center; | ||
+ | background: #F4F4F4; | ||
+ | padding: .75em; | ||
+ | margin: .75em 1.5em .75em 0; | ||
+ | width: 7em; | ||
+ | } | ||
+ | #icomoon-container .glyph input { | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | font-family: consolas, monospace; | ||
+ | } | ||
+ | #icomoon-container .glyph input, | ||
+ | #icomoon-container .mtm { | ||
+ | margin-top: .75em; | ||
+ | border: 0; | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | |||
+ | .fs1 { | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | #icomoon-container header { | ||
+ | } | ||
+ | #icomoon-container header h1 { | ||
+ | } | ||
+ | #icomoon-container .clearfix:before, | ||
+ | #icomoon-container .clearfix:after { content: ""; display: table; } | ||
+ | #icomoon-container .clearfix:after { clear: both; } | ||
+ | #icomoon-container footer { | ||
+ | margin-top: 2em; | ||
+ | padding: .5em 0; | ||
+ | box-shadow: 0 -2px #eee; | ||
+ | } | ||
+ | #icomoon-container .box1 { | ||
+ | display: inline-block; | ||
+ | width: 11em; | ||
+ | padding: .25em .5em; | ||
+ | background-color: #fff; | ||
+ | margin: .5em 1em .5em 0; | ||
+ | font-size: 16px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #icomoon-container .box1 span { | ||
+ | display: block; | ||
+ | font-size: 32px; | ||
+ | margin-bottom: 8px; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | ListView demo | ||
+ | */ | ||
+ | .mediumListIconTextItem.selected .mediumListIconTextItem-Image[class^="icon-"], | ||
+ | .mediumListIconTextItem.selected .mediumListIconTextItem-Image[class*=" icon-"] { | ||
+ | color: #FFF; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Responsive | ||
+ | -------------------------------------------------- */ | ||
+ | |||
+ | /* Desktop large | ||
+ | ------------------------- */ | ||
+ | @media (min-width: 1200px) { | ||
+ | .bs-docs-container { | ||
+ | max-width: 970px; | ||
+ | } | ||
+ | .bs-docs-sidenav { | ||
+ | width: 258px; | ||
+ | } | ||
+ | .bs-docs-sidenav > li > a { | ||
+ | width: 230px \9; /* Override the previous IE8-9 hack */ | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Desktop | ||
+ | ------------------------- */ | ||
+ | @media (max-width: 980px) { | ||
+ | /* Unfloat brand */ | ||
+ | body > .navbar-fixed-top .brand { | ||
+ | float: left; | ||
+ | margin-left: 0; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | /* Inline-block quick links for more spacing */ | ||
+ | .quick-links li { | ||
+ | display: inline-block; | ||
+ | margin: 5px; | ||
+ | } | ||
+ | |||
+ | /* When affixed, space properly */ | ||
+ | .bs-docs-sidenav { | ||
+ | top: 0; | ||
+ | margin-top: 30px; | ||
+ | margin-right: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Tablet to desktop | ||
+ | ------------------------- */ | ||
+ | @media (min-width: 768px) and (max-width: 980px) { | ||
+ | /* Remove any padding from the body */ | ||
+ | body { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | /* Widen masthead and social buttons to fill body padding */ | ||
+ | .jumbotron { | ||
+ | margin-top: -20px; /* Offset bottom margin on .navbar */ | ||
+ | } | ||
+ | /* Adjust sidenav width */ | ||
+ | .bs-docs-sidenav { | ||
+ | width: 166px; | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | .bs-docs-sidenav.affix { | ||
+ | top: 0; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Tablet | ||
+ | ------------------------- */ | ||
+ | @media (max-width: 767px) { | ||
+ | /* Remove any padding from the body */ | ||
+ | body { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | /* Widen masthead and social buttons to fill body padding */ | ||
+ | .jumbotron { | ||
+ | padding: 40px 20px; | ||
+ | margin-top: -20px; /* Offset bottom margin on .navbar */ | ||
+ | margin-right: -20px; | ||
+ | margin-left: -20px; | ||
+ | } | ||
+ | .masthead h1 { | ||
+ | font-size: 90px; | ||
+ | } | ||
+ | .masthead p, | ||
+ | .masthead .btn { | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | .marketing .span4 { | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
+ | .bs-docs-social { | ||
+ | margin: 0 -20px; | ||
+ | } | ||
+ | |||
+ | /* Space out the show-grid examples */ | ||
+ | .show-grid [class*="span"] { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | /* Sidenav */ | ||
+ | .bs-docs-sidenav { | ||
+ | width: auto; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .bs-docs-sidenav.affix { | ||
+ | position: static; | ||
+ | width: auto; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | /* Unfloat the back to top link in footer */ | ||
+ | .footer { | ||
+ | margin-left: -20px; | ||
+ | margin-right: -20px; | ||
+ | padding-left: 20px; | ||
+ | padding-right: 20px; | ||
+ | } | ||
+ | .footer p { | ||
+ | margin-bottom: 9px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Landscape phones | ||
+ | ------------------------- */ | ||
+ | @media (max-width: 480px) { | ||
+ | /* Remove padding above jumbotron */ | ||
+ | body { | ||
+ | padding-top: 0; | ||
+ | } | ||
+ | |||
+ | /* Change up some type stuff */ | ||
+ | h2 small { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* Downsize the jumbotrons */ | ||
+ | .jumbotron h1 { | ||
+ | font-size: 45px; | ||
+ | } | ||
+ | .jumbotron p, | ||
+ | .jumbotron .btn { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .jumbotron .btn { | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | /* center align subhead text like the masthead */ | ||
+ | .subhead h1, | ||
+ | .subhead p { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* Marketing on home */ | ||
+ | .marketing h1 { | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | .marketing-byline { | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | /* center example sites */ | ||
+ | .example-sites { | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | .example-sites > li { | ||
+ | float: none; | ||
+ | display: block; | ||
+ | max-width: 280px; | ||
+ | margin: 0 auto 18px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .example-sites .thumbnail > img { | ||
+ | max-width: 270px; | ||
+ | } | ||
+ | |||
+ | #hero-image { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* Do our best to make tables work in narrow viewports */ | ||
+ | table code { | ||
+ | white-space: normal; | ||
+ | word-wrap: break-word; | ||
+ | word-break: break-all; | ||
+ | } | ||
+ | |||
+ | /* Modal example */ | ||
+ | .modal-example .modal { | ||
+ | position: relative; | ||
+ | top: auto; | ||
+ | right: auto; | ||
+ | bottom: auto; | ||
+ | left: auto; | ||
+ | } | ||
+ | |||
+ | /* Tighten up footer */ | ||
+ | .footer { | ||
+ | padding-top: 20px; | ||
+ | padding-bottom: 20px; | ||
+ | } | ||
+ | /* Unfloat the back to top in footer to prevent odd text wrapping */ | ||
+ | .footer .pull-right { | ||
+ | float: none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /* Win8 animation | ||
+ | -------------------------------------------------- */ | ||
+ | .metro .tile { | ||
+ | -webkit-transition: all 0.3s ease-out; | ||
+ | -moz-transition: all 0.3s ease-out; | ||
+ | -o-transition: all 0.3s ease-out; | ||
+ | -ms-transition: all 0.3s ease-out; | ||
+ | transition: all 0.3s ease-out; | ||
+ | } | ||
+ | |||
+ | .fadeOutback { | ||
+ | -webkit-animation: fadeOutBack 0.3s ease-out 1 normal forwards; | ||
+ | -moz-animation: fadeOutBack 0.3s ease-out 1 normal forwards; | ||
+ | -ms-animation: fadeOutBack 0.3s ease-out 1 normal forwards; | ||
+ | -o-animation: fadeOutBack 0.3s ease-out 1 normal forwards; | ||
+ | animation: fadeOutBack 0.3s ease-out 1 normal forwards; | ||
+ | } | ||
+ | |||
+ | .fadeInForward-1,.fadeInForward-2,.fadeInForward-3 { | ||
+ | /*remember: in the second animation u have to set the final values reached by the first one*/ | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | |||
+ | -webkit-transform: translateZ(-5em) scale(0.75); | ||
+ | -moz-transform: translateZ(-5em) scale(0.75); | ||
+ | -o-transform: translateZ(-5em) scale(0.75); | ||
+ | -ms-transform: translateZ(-5em) scale(0.75); | ||
+ | transform: translateZ(-5em) scale(0.75); | ||
+ | } | ||
+ | |||
+ | .fadeInForward-2 { | ||
+ | -webkit-animation-delay: .55s; | ||
+ | -moz-animation-delay: .55s; | ||
+ | -ms-animation-delay: .55s; | ||
+ | -o-animation-delay: .55s; | ||
+ | animation-delay: .55s; | ||
+ | } | ||
+ | |||
+ | .fadeInForward-3 { | ||
+ | -webkit-animation-delay: .7s; | ||
+ | -moz-animation-delay: .7s; | ||
+ | -ms-animation-delay: .7s; | ||
+ | -o-animation-delay: .7s; | ||
+ | animation-delay: .7s; | ||
+ | } | ||
+ | |||
+ | @keyframes "fadeOutBack" { | ||
+ | 0% { | ||
+ | -webkit-transform: translateX(-2em) scale(1); | ||
+ | -moz-transform: translateX(-2em) scale(1); | ||
+ | -o-transform: translateX(-2em) scale(1); | ||
+ | -ms-transform: translateX(-2em) scale(1); | ||
+ | transform: translateX(-2em) scale(1); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 70% { | ||
+ | -webkit-transform: translateZ(-5em) scale(0.6); | ||
+ | -moz-transform: translateZ(-5em) scale(0.6); | ||
+ | -o-transform: translateZ(-5em) scale(0.6); | ||
+ | -ms-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 95% { | ||
+ | -webkit-transform: translateZ(-5em) scale(0.6); | ||
+ | -moz-transform: translateZ(-5em) scale(0.6); | ||
+ | -o-transform: translateZ(-5em) scale(0.6); | ||
+ | -ms-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translateZ(-5em) scale(0); | ||
+ | -moz-transform: translateZ(-5em) scale(0); | ||
+ | -o-transform: translateZ(-5em) scale(0); | ||
+ | -ms-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-moz-keyframes fadeOutBack { | ||
+ | 0% { | ||
+ | -moz-transform: translateX(-2em) scale(1); | ||
+ | transform: translateX(-2em) scale(1); | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 70% { | ||
+ | -moz-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 95% { | ||
+ | -moz-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 100% { | ||
+ | -moz-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-webkit-keyframes "fadeOutBack" { | ||
+ | 0% { | ||
+ | -webkit-transform: translateX(-2em) scale(1); | ||
+ | transform: translateX(-2em) scale(1); | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 70% { | ||
+ | -webkit-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 95% { | ||
+ | -webkit-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-ms-keyframes "fadeOutBack" { | ||
+ | 0% { | ||
+ | -ms-transform: translateX(-2em) scale(1); | ||
+ | transform: translateX(-2em) scale(1); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 70% { | ||
+ | -ms-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 95% { | ||
+ | -ms-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 100% { | ||
+ | -ms-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-o-keyframes "fadeOutBack" { | ||
+ | 0% { | ||
+ | -o-transform: translateX(-2em) scale(1); | ||
+ | transform: translateX(-2em) scale(1); | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | 70% { | ||
+ | -o-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 95% { | ||
+ | -o-transform: translateZ(-5em) scale(0.6); | ||
+ | transform: translateZ(-5em) scale(0.6); | ||
+ | filter: alpha(opacity=50); | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | 100% { | ||
+ | -o-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @keyframes "fadeInForward" { | ||
+ | 0% { | ||
+ | -webkit-transform: translateZ(-5em) scale(0); | ||
+ | -moz-transform: translateZ(-5em) scale(0); | ||
+ | -o-transform: translateZ(-5em) scale(0); | ||
+ | -ms-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translateZ(0) scale(1); | ||
+ | -moz-transform: translateZ(0) scale(1); | ||
+ | -o-transform: translateZ(0) scale(1); | ||
+ | -ms-transform: translateZ(0) scale(1); | ||
+ | transform: translateZ(0) scale(1); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-moz-keyframes fadeInForward { | ||
+ | 0% { | ||
+ | -moz-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100% { | ||
+ | -moz-transform: translateZ(0) scale(1); | ||
+ | transform: translateZ(0) scale(1); | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-webkit-keyframes "fadeInForward" { | ||
+ | 0% { | ||
+ | -webkit-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100% { | ||
+ | -webkit-transform: translateZ(0) scale(1); | ||
+ | transform: translateZ(0) scale(1); | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-ms-keyframes "fadeInForward" { | ||
+ | 0% { | ||
+ | -ms-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100% { | ||
+ | -ms-transform: translateZ(0) scale(1); | ||
+ | transform: translateZ(0) scale(1); | ||
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @-o-keyframes "fadeInForward" { | ||
+ | 0% { | ||
+ | -o-transform: translateZ(-5em) scale(0); | ||
+ | transform: translateZ(-5em) scale(0); | ||
+ | filter: alpha(opacity=0); | ||
+ | opacity: 0; | ||
+ | } | ||
+ | 100% { | ||
+ | -o-transform: translateZ(0) scale(1); | ||
+ | transform: translateZ(0) scale(1); | ||
+ | filter: alpha(opacity=100); | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | --> | ||
+ | </style> | ||
+ | <!-- bootmetro-icons.css --> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | |||
+ | #globalWrapper{ | ||
+ | border: 0px; | ||
+ | padding: 0px; | ||
+ | min-width: 100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | #top-section{ | ||
+ | border: 0px; | ||
+ | padding: 0px; | ||
+ | min-width: 100%; | ||
+ | } | ||
+ | |||
+ | #p-logo{ | ||
+ | border: 0px; | ||
+ | padding: 0px; | ||
max-height: 0px; | max-height: 0px; | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | border: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 8px; | ||
+ | |||
+ | } | ||
+ | |||
+ | body{ | ||
+ | min-width:1400px; | ||
+ | } | ||
+ | |||
+ | .navbar{ | ||
+ | background-color: white; | ||
+ | padding-left: 30px; | ||
} | } | ||
Line 55: | Line 13,528: | ||
Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries | Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries | ||
For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --> | For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ --> | ||
- | <script src=" | + | <script src="https://static.igem.org/mediawiki/2013/f/f5/Modernizr-2.6.2.min.txt"></script> |
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 63: | Line 13,536: | ||
(function() { | (function() { | ||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | ||
- | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga. | + | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.txt'; |
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
})(); | })(); | ||
Line 78: | Line 13,551: | ||
<div class="navbar navbar-fixed-top"> | <div class="navbar navbar-fixed-top"> | ||
- | <div class="navbar-inner"> | + | <div class="navbar-inner" style="padding-top:12px;"> |
<a class="brand" href="https://2013.igem.org/Team:KIT-Kyoto">KIT-Kyoto</a> | <a class="brand" href="https://2013.igem.org/Team:KIT-Kyoto">KIT-Kyoto</a> | ||
<ul class="nav"> | <ul class="nav"> | ||
Line 85: | Line 13,558: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT▾</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
- | <li><a href=" | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project">Overview</a></li> |
- | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Results">Results</a></li> | |
- | <li><a href=" | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Project#Future">Future</a></li> |
- | + | ||
- | + | ||
- | + | ||
- | <li><a href="#"> | + | |
</ul> | </ul> | ||
</li> | </li> | ||
Line 99: | Line 13,568: | ||
<li class="divider-vertical"></li> | <li class="divider-vertical"></li> | ||
- | <li | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Parts">PARTS</a></li> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<li class="divider-vertical"></li> | <li class="divider-vertical"></li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">LAB NOTE▾</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
- | <li><a href=" | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook">LabNote</a></li> |
- | <li><a href=" | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF1/may">ATF1</a></li> |
- | <li><a href=" | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/ATF2">ATF2</a></li> |
- | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/YJL">YJL068C</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/growcurves">Growth Curves</a></li> | |
- | <li><a href=" | + | |
- | <li><a href=" | + | |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="divider-vertical"></li> | <li class="divider-vertical"></li> | ||
- | + | <li class="dropdown"> | |
- | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL▾</a> | |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROTOCOL | + | |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
- | <li><a href="#"> | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol">Protocol</a></li> |
- | <li><a href="#"> | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Miniprep">Miniprep</a></li> |
- | <li><a href="#"> | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Rapid check of the insert by colony cracking">Rapid check of the insert by colony cracking</a></li> |
- | <li | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#DNA purification and precipitation">DNA purification and precipitation</a></li> |
- | <li | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#PCR">PCR</a></li> |
- | <li><a href="#"> | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#SDS polyacrylamide gel electrophoresis (SDS-PAGE)">SDS-PAGE</a></li> |
- | <li><a href="#"> | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Isolation and purification of DNA bands">Isolation and purification of DNA bands</a></li> |
+ | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Ligation">Ligation</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Notebook/Protocol#Transformation">Transformation</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | + | ||
<li class="divider-vertical"></li> | <li class="divider-vertical"></li> | ||
- | + | ||
<li class="dropdown"> | <li class="dropdown"> | ||
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMANPRACTICE▾</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
- | <li><a href="#"> | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Overview">Overview</a></li> |
- | <li><a href="#"> | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#opencampus">At the campus visit</a></li> |
- | <li><a href=" | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Survey">Survey</a></li> |
- | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Humanpractice#Bioart">Introduction the class of Bioart</a></li> | |
- | + | ||
- | + | ||
- | <li><a href="#"> | + | |
</ul> | </ul> | ||
- | + | ||
<li class="divider-vertical"></li> | <li class="divider-vertical"></li> | ||
Line 163: | Line 13,619: | ||
<li class="divider-vertical"></li> | <li class="divider-vertical"></li> | ||
- | <li | + | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Safety">SAFETY</a></li> |
- | + | ||
- | + | <li class="divider-vertical"></li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <li><a href="https://2013.igem.org/Team:KIT-Kyoto/Link">Link</a></li> | ||
</ul> | </ul> | ||
<ul class="nav pull-right"> | <ul class="nav pull-right"> | ||
- | <li><a href=" | + | <li><a href="https://2013.igem.org/Main_Page">iGEM</a></li> |
</ul> | </ul> | ||
</div><!-- /navbar-inner --> | </div><!-- /navbar-inner --> | ||
Line 187: | Line 13,635: | ||
<!-- Grab Google CDN's jQuery. fall back to local if necessary --> | <!-- Grab Google CDN's jQuery. fall back to local if necessary --> | ||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | ||
- | <script>window.jQuery || document.write("<script src='http://technouskit.net/assets/js/jquery-1. | + | <script>window.jQuery || document.write("<script src='http://technouskit.net/assets/js/jquery-1.10.0.min.js'>\x3C/script>")</script> |
<!--[if IE 7]> | <!--[if IE 7]> | ||
- | <script type="text/javascript" src=" | + | <script type="text/javascript" src="https://static.igem.org/mediawiki/2013/a/a5/Bootmetro-icons-ie7.txt"> |
<![endif]--> | <![endif]--> | ||
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap.min.js"></script> | <script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap.min.js"></script> | ||
- | <script type="text/javascript" src=" | + | <script type="text/javascript" src="https://static.igem.org/mediawiki/2013/4/48/Bootmetro-panorama.txt"></script> |
- | <script type="text/javascript" src=" | + | <script type="text/javascript" src="https://static.igem.org/mediawiki/2013/1/1f/Bootmetro-pivot.txt"></script> |
- | <script type="text/javascript" src=" | + | <script type="text/javascript" src="https://static.igem.org/mediawiki/2013/5/57/Bootmetro-charms.txt"></script> |
<script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap-datepicker.js"></script> | <script type="text/javascript" src="http://technouskit.net/assets/js/bootstrap-datepicker.js"></script> | ||
Latest revision as of 16:29, 27 September 2013