Created
November 3, 2015 02:18
-
-
Save ckissane/0b3d066b85180bac7390 to your computer and use it in GitHub Desktop.
Life Machine
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
* Bootstrap v3.3.5 (http://getbootstrap.com) | |
* Copyright 2011-2015 Twitter, Inc. | |
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
*/ | |
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
html { | |
font-family: sans-serif; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
} | |
body { | |
margin: 0; | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
main, | |
menu, | |
nav, | |
section, | |
summary { | |
display: block; | |
} | |
audio, | |
canvas, | |
progress, | |
video { | |
display: inline-block; | |
vertical-align: baseline; | |
} | |
audio:not([controls]) { | |
display: none; | |
height: 0; | |
} | |
[hidden], | |
template { | |
display: none; | |
} | |
a { | |
background-color: transparent; | |
} | |
a:active, | |
a:hover { | |
outline: 0; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
b, | |
strong { | |
font-weight: bold; | |
} | |
dfn { | |
font-style: italic; | |
} | |
h1 { | |
margin: .67em 0; | |
font-size: 2em; | |
} | |
mark { | |
color: #000; | |
background: #ff0; | |
} | |
small { | |
font-size: 80%; | |
} | |
sub, | |
sup { | |
position: relative; | |
font-size: 75%; | |
line-height: 0; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -.5em; | |
} | |
sub { | |
bottom: -.25em; | |
} | |
img { | |
border: 0; | |
} | |
svg:not(:root) { | |
overflow: hidden; | |
} | |
figure { | |
margin: 1em 40px; | |
} | |
hr { | |
height: 0; | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
} | |
pre { | |
overflow: auto; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: monospace, monospace; | |
font-size: 1em; | |
} | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
margin: 0; | |
font: inherit; | |
color: inherit; | |
} | |
button { | |
overflow: visible; | |
} | |
button, | |
select { | |
text-transform: none; | |
} | |
button, | |
html input[type="button"], | |
input[type="reset"], | |
input[type="submit"] { | |
-webkit-appearance: button; | |
cursor: pointer; | |
} | |
button[disabled], | |
html input[disabled] { | |
cursor: default; | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
padding: 0; | |
border: 0; | |
} | |
input { | |
line-height: normal; | |
} | |
input[type="checkbox"], | |
input[type="radio"] { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
padding: 0; | |
} | |
input[type="number"]::-webkit-inner-spin-button, | |
input[type="number"]::-webkit-outer-spin-button { | |
height: auto; | |
} | |
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-cancel-button, | |
input[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
fieldset { | |
padding: .35em .625em .75em; | |
margin: 0 2px; | |
border: 1px solid #c0c0c0; | |
} | |
legend { | |
padding: 0; | |
border: 0; | |
} | |
textarea { | |
overflow: auto; | |
} | |
optgroup { | |
font-weight: bold; | |
} | |
table { | |
border-spacing: 0; | |
border-collapse: collapse; | |
} | |
td, | |
th { | |
padding: 0; | |
} | |
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ | |
@media print { | |
*, | |
*:before, | |
*:after { | |
color: #000 !important; | |
text-shadow: none !important; | |
background: transparent !important; | |
-webkit-box-shadow: none !important; | |
box-shadow: none !important; | |
} | |
a, | |
a:visited { | |
text-decoration: underline; | |
} | |
a[href]:after { | |
content: " (" attr(href) ")"; | |
} | |
abbr[title]:after { | |
content: " (" attr(title) ")"; | |
} | |
a[href^="#"]:after, | |
a[href^="javascript:"]: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; | |
} | |
p, | |
h2, | |
h3 { | |
orphans: 3; | |
widows: 3; | |
} | |
h2, | |
h3 { | |
page-break-after: avoid; | |
} | |
.navbar { | |
display: none; | |
} | |
.btn > .caret, | |
.dropup > .btn > .caret { | |
border-top-color: #000 !important; | |
} | |
.label { | |
border: 1px solid #000; | |
} | |
.table { | |
border-collapse: collapse !important; | |
} | |
.table td, | |
.table th { | |
background-color: #fff !important; | |
} | |
.table-bordered th, | |
.table-bordered td { | |
border: 1px solid #ddd !important; | |
} | |
} | |
@font-face { | |
font-family: 'Glyphicons Halflings'; | |
src: url('../fonts/glyphicons-halflings-regular.eot'); | |
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); | |
} | |
.glyphicon { | |
position: relative; | |
top: 1px; | |
display: inline-block; | |
font-family: 'Glyphicons Halflings'; | |
font-style: normal; | |
font-weight: normal; | |
line-height: 1; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.glyphicon-asterisk:before { | |
content: "\2a"; | |
} | |
.glyphicon-plus:before { | |
content: "\2b"; | |
} | |
.glyphicon-euro:before, | |
.glyphicon-eur:before { | |
content: "\20ac"; | |
} | |
.glyphicon-minus:before { | |
content: "\2212"; | |
} | |
.glyphicon-cloud:before { | |
content: "\2601"; | |
} | |
.glyphicon-envelope:before { | |
content: "\2709"; | |
} | |
.glyphicon-pencil:before { | |
content: "\270f"; | |
} | |
.glyphicon-glass:before { | |
content: "\e001"; | |
} | |
.glyphicon-music:before { | |
content: "\e002"; | |
} | |
.glyphicon-search:before { | |
content: "\e003"; | |
} | |
.glyphicon-heart:before { | |
content: "\e005"; | |
} | |
.glyphicon-star:before { | |
content: "\e006"; | |
} | |
.glyphicon-star-empty:before { | |
content: "\e007"; | |
} | |
.glyphicon-user:before { | |
content: "\e008"; | |
} | |
.glyphicon-film:before { | |
content: "\e009"; | |
} | |
.glyphicon-th-large:before { | |
content: "\e010"; | |
} | |
.glyphicon-th:before { | |
content: "\e011"; | |
} | |
.glyphicon-th-list:before { | |
content: "\e012"; | |
} | |
.glyphicon-ok:before { | |
content: "\e013"; | |
} | |
.glyphicon-remove:before { | |
content: "\e014"; | |
} | |
.glyphicon-zoom-in:before { | |
content: "\e015"; | |
} | |
.glyphicon-zoom-out:before { | |
content: "\e016"; | |
} | |
.glyphicon-off:before { | |
content: "\e017"; | |
} | |
.glyphicon-signal:before { | |
content: "\e018"; | |
} | |
.glyphicon-cog:before { | |
content: "\e019"; | |
} | |
.glyphicon-trash:before { | |
content: "\e020"; | |
} | |
.glyphicon-home:before { | |
content: "\e021"; | |
} | |
.glyphicon-file:before { | |
content: "\e022"; | |
} | |
.glyphicon-time:before { | |
content: "\e023"; | |
} | |
.glyphicon-road:before { | |
content: "\e024"; | |
} | |
.glyphicon-download-alt:before { | |
content: "\e025"; | |
} | |
.glyphicon-download:before { | |
content: "\e026"; | |
} | |
.glyphicon-upload:before { | |
content: "\e027"; | |
} | |
.glyphicon-inbox:before { | |
content: "\e028"; | |
} | |
.glyphicon-play-circle:before { | |
content: "\e029"; | |
} | |
.glyphicon-repeat:before { | |
content: "\e030"; | |
} | |
.glyphicon-refresh:before { | |
content: "\e031"; | |
} | |
.glyphicon-list-alt:before { | |
content: "\e032"; | |
} | |
.glyphicon-lock:before { | |
content: "\e033"; | |
} | |
.glyphicon-flag:before { | |
content: "\e034"; | |
} | |
.glyphicon-headphones:before { | |
content: "\e035"; | |
} | |
.glyphicon-volume-off:before { | |
content: "\e036"; | |
} | |
.glyphicon-volume-down:before { | |
content: "\e037"; | |
} | |
.glyphicon-volume-up:before { | |
content: "\e038"; | |
} | |
.glyphicon-qrcode:before { | |
content: "\e039"; | |
} | |
.glyphicon-barcode:before { | |
content: "\e040"; | |
} | |
.glyphicon-tag:before { | |
content: "\e041"; | |
} | |
.glyphicon-tags:before { | |
content: "\e042"; | |
} | |
.glyphicon-book:before { | |
content: "\e043"; | |
} | |
.glyphicon-bookmark:before { | |
content: "\e044"; | |
} | |
.glyphicon-print:before { | |
content: "\e045"; | |
} | |
.glyphicon-camera:before { | |
content: "\e046"; | |
} | |
.glyphicon-font:before { | |
content: "\e047"; | |
} | |
.glyphicon-bold:before { | |
content: "\e048"; | |
} | |
.glyphicon-italic:before { | |
content: "\e049"; | |
} | |
.glyphicon-text-height:before { | |
content: "\e050"; | |
} | |
.glyphicon-text-width:before { | |
content: "\e051"; | |
} | |
.glyphicon-align-left:before { | |
content: "\e052"; | |
} | |
.glyphicon-align-center:before { | |
content: "\e053"; | |
} | |
.glyphicon-align-right:before { | |
content: "\e054"; | |
} | |
.glyphicon-align-justify:before { | |
content: "\e055"; | |
} | |
.glyphicon-list:before { | |
content: "\e056"; | |
} | |
.glyphicon-indent-left:before { | |
content: "\e057"; | |
} | |
.glyphicon-indent-right:before { | |
content: "\e058"; | |
} | |
.glyphicon-facetime-video:before { | |
content: "\e059"; | |
} | |
.glyphicon-picture:before { | |
content: "\e060"; | |
} | |
.glyphicon-map-marker:before { | |
content: "\e062"; | |
} | |
.glyphicon-adjust:before { | |
content: "\e063"; | |
} | |
.glyphicon-tint:before { | |
content: "\e064"; | |
} | |
.glyphicon-edit:before { | |
content: "\e065"; | |
} | |
.glyphicon-share:before { | |
content: "\e066"; | |
} | |
.glyphicon-check:before { | |
content: "\e067"; | |
} | |
.glyphicon-move:before { | |
content: "\e068"; | |
} | |
.glyphicon-step-backward:before { | |
content: "\e069"; | |
} | |
.glyphicon-fast-backward:before { | |
content: "\e070"; | |
} | |
.glyphicon-backward:before { | |
content: "\e071"; | |
} | |
.glyphicon-play:before { | |
content: "\e072"; | |
} | |
.glyphicon-pause:before { | |
content: "\e073"; | |
} | |
.glyphicon-stop:before { | |
content: "\e074"; | |
} | |
.glyphicon-forward:before { | |
content: "\e075"; | |
} | |
.glyphicon-fast-forward:before { | |
content: "\e076"; | |
} | |
.glyphicon-step-forward:before { | |
content: "\e077"; | |
} | |
.glyphicon-eject:before { | |
content: "\e078"; | |
} | |
.glyphicon-chevron-left:before { | |
content: "\e079"; | |
} | |
.glyphicon-chevron-right:before { | |
content: "\e080"; | |
} | |
.glyphicon-plus-sign:before { | |
content: "\e081"; | |
} | |
.glyphicon-minus-sign:before { | |
content: "\e082"; | |
} | |
.glyphicon-remove-sign:before { | |
content: "\e083"; | |
} | |
.glyphicon-ok-sign:before { | |
content: "\e084"; | |
} | |
.glyphicon-question-sign:before { | |
content: "\e085"; | |
} | |
.glyphicon-info-sign:before { | |
content: "\e086"; | |
} | |
.glyphicon-screenshot:before { | |
content: "\e087"; | |
} | |
.glyphicon-remove-circle:before { | |
content: "\e088"; | |
} | |
.glyphicon-ok-circle:before { | |
content: "\e089"; | |
} | |
.glyphicon-ban-circle:before { | |
content: "\e090"; | |
} | |
.glyphicon-arrow-left:before { | |
content: "\e091"; | |
} | |
.glyphicon-arrow-right:before { | |
content: "\e092"; | |
} | |
.glyphicon-arrow-up:before { | |
content: "\e093"; | |
} | |
.glyphicon-arrow-down:before { | |
content: "\e094"; | |
} | |
.glyphicon-share-alt:before { | |
content: "\e095"; | |
} | |
.glyphicon-resize-full:before { | |
content: "\e096"; | |
} | |
.glyphicon-resize-small:before { | |
content: "\e097"; | |
} | |
.glyphicon-exclamation-sign:before { | |
content: "\e101"; | |
} | |
.glyphicon-gift:before { | |
content: "\e102"; | |
} | |
.glyphicon-leaf:before { | |
content: "\e103"; | |
} | |
.glyphicon-fire:before { | |
content: "\e104"; | |
} | |
.glyphicon-eye-open:before { | |
content: "\e105"; | |
} | |
.glyphicon-eye-close:before { | |
content: "\e106"; | |
} | |
.glyphicon-warning-sign:before { | |
content: "\e107"; | |
} | |
.glyphicon-plane:before { | |
content: "\e108"; | |
} | |
.glyphicon-calendar:before { | |
content: "\e109"; | |
} | |
.glyphicon-random:before { | |
content: "\e110"; | |
} | |
.glyphicon-comment:before { | |
content: "\e111"; | |
} | |
.glyphicon-magnet:before { | |
content: "\e112"; | |
} | |
.glyphicon-chevron-up:before { | |
content: "\e113"; | |
} | |
.glyphicon-chevron-down:before { | |
content: "\e114"; | |
} | |
.glyphicon-retweet:before { | |
content: "\e115"; | |
} | |
.glyphicon-shopping-cart:before { | |
content: "\e116"; | |
} | |
.glyphicon-folder-close:before { | |
content: "\e117"; | |
} | |
.glyphicon-folder-open:before { | |
content: "\e118"; | |
} | |
.glyphicon-resize-vertical:before { | |
content: "\e119"; | |
} | |
.glyphicon-resize-horizontal:before { | |
content: "\e120"; | |
} | |
.glyphicon-hdd:before { | |
content: "\e121"; | |
} | |
.glyphicon-bullhorn:before { | |
content: "\e122"; | |
} | |
.glyphicon-bell:before { | |
content: "\e123"; | |
} | |
.glyphicon-certificate:before { | |
content: "\e124"; | |
} | |
.glyphicon-thumbs-up:before { | |
content: "\e125"; | |
} | |
.glyphicon-thumbs-down:before { | |
content: "\e126"; | |
} | |
.glyphicon-hand-right:before { | |
content: "\e127"; | |
} | |
.glyphicon-hand-left:before { | |
content: "\e128"; | |
} | |
.glyphicon-hand-up:before { | |
content: "\e129"; | |
} | |
.glyphicon-hand-down:before { | |
content: "\e130"; | |
} | |
.glyphicon-circle-arrow-right:before { | |
content: "\e131"; | |
} | |
.glyphicon-circle-arrow-left:before { | |
content: "\e132"; | |
} | |
.glyphicon-circle-arrow-up:before { | |
content: "\e133"; | |
} | |
.glyphicon-circle-arrow-down:before { | |
content: "\e134"; | |
} | |
.glyphicon-globe:before { | |
content: "\e135"; | |
} | |
.glyphicon-wrench:before { | |
content: "\e136"; | |
} | |
.glyphicon-tasks:before { | |
content: "\e137"; | |
} | |
.glyphicon-filter:before { | |
content: "\e138"; | |
} | |
.glyphicon-briefcase:before { | |
content: "\e139"; | |
} | |
.glyphicon-fullscreen:before { | |
content: "\e140"; | |
} | |
.glyphicon-dashboard:before { | |
content: "\e141"; | |
} | |
.glyphicon-paperclip:before { | |
content: "\e142"; | |
} | |
.glyphicon-heart-empty:before { | |
content: "\e143"; | |
} | |
.glyphicon-link:before { | |
content: "\e144"; | |
} | |
.glyphicon-phone:before { | |
content: "\e145"; | |
} | |
.glyphicon-pushpin:before { | |
content: "\e146"; | |
} | |
.glyphicon-usd:before { | |
content: "\e148"; | |
} | |
.glyphicon-gbp:before { | |
content: "\e149"; | |
} | |
.glyphicon-sort:before { | |
content: "\e150"; | |
} | |
.glyphicon-sort-by-alphabet:before { | |
content: "\e151"; | |
} | |
.glyphicon-sort-by-alphabet-alt:before { | |
content: "\e152"; | |
} | |
.glyphicon-sort-by-order:before { | |
content: "\e153"; | |
} | |
.glyphicon-sort-by-order-alt:before { | |
content: "\e154"; | |
} | |
.glyphicon-sort-by-attributes:before { | |
content: "\e155"; | |
} | |
.glyphicon-sort-by-attributes-alt:before { | |
content: "\e156"; | |
} | |
.glyphicon-unchecked:before { | |
content: "\e157"; | |
} | |
.glyphicon-expand:before { | |
content: "\e158"; | |
} | |
.glyphicon-collapse-down:before { | |
content: "\e159"; | |
} | |
.glyphicon-collapse-up:before { | |
content: "\e160"; | |
} | |
.glyphicon-log-in:before { | |
content: "\e161"; | |
} | |
.glyphicon-flash:before { | |
content: "\e162"; | |
} | |
.glyphicon-log-out:before { | |
content: "\e163"; | |
} | |
.glyphicon-new-window:before { | |
content: "\e164"; | |
} | |
.glyphicon-record:before { | |
content: "\e165"; | |
} | |
.glyphicon-save:before { | |
content: "\e166"; | |
} | |
.glyphicon-open:before { | |
content: "\e167"; | |
} | |
.glyphicon-saved:before { | |
content: "\e168"; | |
} | |
.glyphicon-import:before { | |
content: "\e169"; | |
} | |
.glyphicon-export:before { | |
content: "\e170"; | |
} | |
.glyphicon-send:before { | |
content: "\e171"; | |
} | |
.glyphicon-floppy-disk:before { | |
content: "\e172"; | |
} | |
.glyphicon-floppy-saved:before { | |
content: "\e173"; | |
} | |
.glyphicon-floppy-remove:before { | |
content: "\e174"; | |
} | |
.glyphicon-floppy-save:before { | |
content: "\e175"; | |
} | |
.glyphicon-floppy-open:before { | |
content: "\e176"; | |
} | |
.glyphicon-credit-card:before { | |
content: "\e177"; | |
} | |
.glyphicon-transfer:before { | |
content: "\e178"; | |
} | |
.glyphicon-cutlery:before { | |
content: "\e179"; | |
} | |
.glyphicon-header:before { | |
content: "\e180"; | |
} | |
.glyphicon-compressed:before { | |
content: "\e181"; | |
} | |
.glyphicon-earphone:before { | |
content: "\e182"; | |
} | |
.glyphicon-phone-alt:before { | |
content: "\e183"; | |
} | |
.glyphicon-tower:before { | |
content: "\e184"; | |
} | |
.glyphicon-stats:before { | |
content: "\e185"; | |
} | |
.glyphicon-sd-video:before { | |
content: "\e186"; | |
} | |
.glyphicon-hd-video:before { | |
content: "\e187"; | |
} | |
.glyphicon-subtitles:before { | |
content: "\e188"; | |
} | |
.glyphicon-sound-stereo:before { | |
content: "\e189"; | |
} | |
.glyphicon-sound-dolby:before { | |
content: "\e190"; | |
} | |
.glyphicon-sound-5-1:before { | |
content: "\e191"; | |
} | |
.glyphicon-sound-6-1:before { | |
content: "\e192"; | |
} | |
.glyphicon-sound-7-1:before { | |
content: "\e193"; | |
} | |
.glyphicon-copyright-mark:before { | |
content: "\e194"; | |
} | |
.glyphicon-registration-mark:before { | |
content: "\e195"; | |
} | |
.glyphicon-cloud-download:before { | |
content: "\e197"; | |
} | |
.glyphicon-cloud-upload:before { | |
content: "\e198"; | |
} | |
.glyphicon-tree-conifer:before { | |
content: "\e199"; | |
} | |
.glyphicon-tree-deciduous:before { | |
content: "\e200"; | |
} | |
.glyphicon-cd:before { | |
content: "\e201"; | |
} | |
.glyphicon-save-file:before { | |
content: "\e202"; | |
} | |
.glyphicon-open-file:before { | |
content: "\e203"; | |
} | |
.glyphicon-level-up:before { | |
content: "\e204"; | |
} | |
.glyphicon-copy:before { | |
content: "\e205"; | |
} | |
.glyphicon-paste:before { | |
content: "\e206"; | |
} | |
.glyphicon-alert:before { | |
content: "\e209"; | |
} | |
.glyphicon-equalizer:before { | |
content: "\e210"; | |
} | |
.glyphicon-king:before { | |
content: "\e211"; | |
} | |
.glyphicon-queen:before { | |
content: "\e212"; | |
} | |
.glyphicon-pawn:before { | |
content: "\e213"; | |
} | |
.glyphicon-bishop:before { | |
content: "\e214"; | |
} | |
.glyphicon-knight:before { | |
content: "\e215"; | |
} | |
.glyphicon-baby-formula:before { | |
content: "\e216"; | |
} | |
.glyphicon-tent:before { | |
content: "\26fa"; | |
} | |
.glyphicon-blackboard:before { | |
content: "\e218"; | |
} | |
.glyphicon-bed:before { | |
content: "\e219"; | |
} | |
.glyphicon-apple:before { | |
content: "\f8ff"; | |
} | |
.glyphicon-erase:before { | |
content: "\e221"; | |
} | |
.glyphicon-hourglass:before { | |
content: "\231b"; | |
} | |
.glyphicon-lamp:before { | |
content: "\e223"; | |
} | |
.glyphicon-duplicate:before { | |
content: "\e224"; | |
} | |
.glyphicon-piggy-bank:before { | |
content: "\e225"; | |
} | |
.glyphicon-scissors:before { | |
content: "\e226"; | |
} | |
.glyphicon-bitcoin:before { | |
content: "\e227"; | |
} | |
.glyphicon-btc:before { | |
content: "\e227"; | |
} | |
.glyphicon-xbt:before { | |
content: "\e227"; | |
} | |
.glyphicon-yen:before { | |
content: "\00a5"; | |
} | |
.glyphicon-jpy:before { | |
content: "\00a5"; | |
} | |
.glyphicon-ruble:before { | |
content: "\20bd"; | |
} | |
.glyphicon-rub:before { | |
content: "\20bd"; | |
} | |
.glyphicon-scale:before { | |
content: "\e230"; | |
} | |
.glyphicon-ice-lolly:before { | |
content: "\e231"; | |
} | |
.glyphicon-ice-lolly-tasted:before { | |
content: "\e232"; | |
} | |
.glyphicon-education:before { | |
content: "\e233"; | |
} | |
.glyphicon-option-horizontal:before { | |
content: "\e234"; | |
} | |
.glyphicon-option-vertical:before { | |
content: "\e235"; | |
} | |
.glyphicon-menu-hamburger:before { | |
content: "\e236"; | |
} | |
.glyphicon-modal-window:before { | |
content: "\e237"; | |
} | |
.glyphicon-oil:before { | |
content: "\e238"; | |
} | |
.glyphicon-grain:before { | |
content: "\e239"; | |
} | |
.glyphicon-sunglasses:before { | |
content: "\e240"; | |
} | |
.glyphicon-text-size:before { | |
content: "\e241"; | |
} | |
.glyphicon-text-color:before { | |
content: "\e242"; | |
} | |
.glyphicon-text-background:before { | |
content: "\e243"; | |
} | |
.glyphicon-object-align-top:before { | |
content: "\e244"; | |
} | |
.glyphicon-object-align-bottom:before { | |
content: "\e245"; | |
} | |
.glyphicon-object-align-horizontal:before { | |
content: "\e246"; | |
} | |
.glyphicon-object-align-left:before { | |
content: "\e247"; | |
} | |
.glyphicon-object-align-vertical:before { | |
content: "\e248"; | |
} | |
.glyphicon-object-align-right:before { | |
content: "\e249"; | |
} | |
.glyphicon-triangle-right:before { | |
content: "\e250"; | |
} | |
.glyphicon-triangle-left:before { | |
content: "\e251"; | |
} | |
.glyphicon-triangle-bottom:before { | |
content: "\e252"; | |
} | |
.glyphicon-triangle-top:before { | |
content: "\e253"; | |
} | |
.glyphicon-console:before { | |
content: "\e254"; | |
} | |
.glyphicon-superscript:before { | |
content: "\e255"; | |
} | |
.glyphicon-subscript:before { | |
content: "\e256"; | |
} | |
.glyphicon-menu-left:before { | |
content: "\e257"; | |
} | |
.glyphicon-menu-right:before { | |
content: "\e258"; | |
} | |
.glyphicon-menu-down:before { | |
content: "\e259"; | |
} | |
.glyphicon-menu-up:before { | |
content: "\e260"; | |
} | |
* { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
*:before, | |
*:after { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
html { | |
font-size: 10px; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
} | |
body { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #333; | |
background-color: #fff; | |
} | |
input, | |
button, | |
select, | |
textarea { | |
font-family: inherit; | |
font-size: inherit; | |
line-height: inherit; | |
} | |
a { | |
color: #337ab7; | |
text-decoration: none; | |
} | |
a:hover, | |
a:focus { | |
color: #23527c; | |
text-decoration: underline; | |
} | |
a:focus { | |
outline: thin dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
} | |
figure { | |
margin: 0; | |
} | |
img { | |
vertical-align: middle; | |
} | |
.img-responsive, | |
.thumbnail > img, | |
.thumbnail a > img, | |
.carousel-inner > .item > img, | |
.carousel-inner > .item > a > img { | |
display: block; | |
max-width: 100%; | |
height: auto; | |
} | |
.img-rounded { | |
border-radius: 6px; | |
} | |
.img-thumbnail { | |
display: inline-block; | |
max-width: 100%; | |
height: auto; | |
padding: 4px; | |
line-height: 1.42857143; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
-webkit-transition: all .2s ease-in-out; | |
-o-transition: all .2s ease-in-out; | |
transition: all .2s ease-in-out; | |
} | |
.img-circle { | |
border-radius: 50%; | |
} | |
hr { | |
margin-top: 20px; | |
margin-bottom: 20px; | |
border: 0; | |
border-top: 1px solid #eee; | |
} | |
.sr-only { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
padding: 0; | |
margin: -1px; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
} | |
.sr-only-focusable:active, | |
.sr-only-focusable:focus { | |
position: static; | |
width: auto; | |
height: auto; | |
margin: 0; | |
overflow: visible; | |
clip: auto; | |
} | |
[role="button"] { | |
cursor: pointer; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
.h1, | |
.h2, | |
.h3, | |
.h4, | |
.h5, | |
.h6 { | |
font-family: inherit; | |
font-weight: 500; | |
line-height: 1.1; | |
color: inherit; | |
} | |
h1 small, | |
h2 small, | |
h3 small, | |
h4 small, | |
h5 small, | |
h6 small, | |
.h1 small, | |
.h2 small, | |
.h3 small, | |
.h4 small, | |
.h5 small, | |
.h6 small, | |
h1 .small, | |
h2 .small, | |
h3 .small, | |
h4 .small, | |
h5 .small, | |
h6 .small, | |
.h1 .small, | |
.h2 .small, | |
.h3 .small, | |
.h4 .small, | |
.h5 .small, | |
.h6 .small { | |
font-weight: normal; | |
line-height: 1; | |
color: #777; | |
} | |
h1, | |
.h1, | |
h2, | |
.h2, | |
h3, | |
.h3 { | |
margin-top: 20px; | |
margin-bottom: 10px; | |
} | |
h1 small, | |
.h1 small, | |
h2 small, | |
.h2 small, | |
h3 small, | |
.h3 small, | |
h1 .small, | |
.h1 .small, | |
h2 .small, | |
.h2 .small, | |
h3 .small, | |
.h3 .small { | |
font-size: 65%; | |
} | |
h4, | |
.h4, | |
h5, | |
.h5, | |
h6, | |
.h6 { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
h4 small, | |
.h4 small, | |
h5 small, | |
.h5 small, | |
h6 small, | |
.h6 small, | |
h4 .small, | |
.h4 .small, | |
h5 .small, | |
.h5 .small, | |
h6 .small, | |
.h6 .small { | |
font-size: 75%; | |
} | |
h1, | |
.h1 { | |
font-size: 36px; | |
} | |
h2, | |
.h2 { | |
font-size: 30px; | |
} | |
h3, | |
.h3 { | |
font-size: 24px; | |
} | |
h4, | |
.h4 { | |
font-size: 18px; | |
} | |
h5, | |
.h5 { | |
font-size: 14px; | |
} | |
h6, | |
.h6 { | |
font-size: 12px; | |
} | |
p { | |
margin: 0 0 10px; | |
} | |
.lead { | |
margin-bottom: 20px; | |
font-size: 16px; | |
font-weight: 300; | |
line-height: 1.4; | |
} | |
@media (min-width: 768px) { | |
.lead { | |
font-size: 21px; | |
} | |
} | |
small, | |
.small { | |
font-size: 85%; | |
} | |
mark, | |
.mark { | |
padding: .2em; | |
background-color: #fcf8e3; | |
} | |
.text-left { | |
text-align: left; | |
} | |
.text-right { | |
text-align: right; | |
} | |
.text-center { | |
text-align: center; | |
} | |
.text-justify { | |
text-align: justify; | |
} | |
.text-nowrap { | |
white-space: nowrap; | |
} | |
.text-lowercase { | |
text-transform: lowercase; | |
} | |
.text-uppercase { | |
text-transform: uppercase; | |
} | |
.text-capitalize { | |
text-transform: capitalize; | |
} | |
.text-muted { | |
color: #777; | |
} | |
.text-primary { | |
color: #337ab7; | |
} | |
a.text-primary:hover, | |
a.text-primary:focus { | |
color: #286090; | |
} | |
.text-success { | |
color: #3c763d; | |
} | |
a.text-success:hover, | |
a.text-success:focus { | |
color: #2b542c; | |
} | |
.text-info { | |
color: #31708f; | |
} | |
a.text-info:hover, | |
a.text-info:focus { | |
color: #245269; | |
} | |
.text-warning { | |
color: #8a6d3b; | |
} | |
a.text-warning:hover, | |
a.text-warning:focus { | |
color: #66512c; | |
} | |
.text-danger { | |
color: #a94442; | |
} | |
a.text-danger:hover, | |
a.text-danger:focus { | |
color: #843534; | |
} | |
.bg-primary { | |
color: #fff; | |
background-color: #337ab7; | |
} | |
a.bg-primary:hover, | |
a.bg-primary:focus { | |
background-color: #286090; | |
} | |
.bg-success { | |
background-color: #dff0d8; | |
} | |
a.bg-success:hover, | |
a.bg-success:focus { | |
background-color: #c1e2b3; | |
} | |
.bg-info { | |
background-color: #d9edf7; | |
} | |
a.bg-info:hover, | |
a.bg-info:focus { | |
background-color: #afd9ee; | |
} | |
.bg-warning { | |
background-color: #fcf8e3; | |
} | |
a.bg-warning:hover, | |
a.bg-warning:focus { | |
background-color: #f7ecb5; | |
} | |
.bg-danger { | |
background-color: #f2dede; | |
} | |
a.bg-danger:hover, | |
a.bg-danger:focus { | |
background-color: #e4b9b9; | |
} | |
.page-header { | |
padding-bottom: 9px; | |
margin: 40px 0 20px; | |
border-bottom: 1px solid #eee; | |
} | |
ul, | |
ol { | |
margin-top: 0; | |
margin-bottom: 10px; | |
} | |
ul ul, | |
ol ul, | |
ul ol, | |
ol ol { | |
margin-bottom: 0; | |
} | |
.list-unstyled { | |
padding-left: 0; | |
list-style: none; | |
} | |
.list-inline { | |
padding-left: 0; | |
margin-left: -5px; | |
list-style: none; | |
} | |
.list-inline > li { | |
display: inline-block; | |
padding-right: 5px; | |
padding-left: 5px; | |
} | |
dl { | |
margin-top: 0; | |
margin-bottom: 20px; | |
} | |
dt, | |
dd { | |
line-height: 1.42857143; | |
} | |
dt { | |
font-weight: bold; | |
} | |
dd { | |
margin-left: 0; | |
} | |
@media (min-width: 768px) { | |
.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; | |
} | |
} | |
abbr[title], | |
abbr[data-original-title] { | |
cursor: help; | |
border-bottom: 1px dotted #777; | |
} | |
.initialism { | |
font-size: 90%; | |
text-transform: uppercase; | |
} | |
blockquote { | |
padding: 10px 20px; | |
margin: 0 0 20px; | |
font-size: 17.5px; | |
border-left: 5px solid #eee; | |
} | |
blockquote p:last-child, | |
blockquote ul:last-child, | |
blockquote ol:last-child { | |
margin-bottom: 0; | |
} | |
blockquote footer, | |
blockquote small, | |
blockquote .small { | |
display: block; | |
font-size: 80%; | |
line-height: 1.42857143; | |
color: #777; | |
} | |
blockquote footer:before, | |
blockquote small:before, | |
blockquote .small:before { | |
content: '\2014 \00A0'; | |
} | |
.blockquote-reverse, | |
blockquote.pull-right { | |
padding-right: 15px; | |
padding-left: 0; | |
text-align: right; | |
border-right: 5px solid #eee; | |
border-left: 0; | |
} | |
.blockquote-reverse footer:before, | |
blockquote.pull-right footer:before, | |
.blockquote-reverse small:before, | |
blockquote.pull-right small:before, | |
.blockquote-reverse .small:before, | |
blockquote.pull-right .small:before { | |
content: ''; | |
} | |
.blockquote-reverse footer:after, | |
blockquote.pull-right footer:after, | |
.blockquote-reverse small:after, | |
blockquote.pull-right small:after, | |
.blockquote-reverse .small:after, | |
blockquote.pull-right .small:after { | |
content: '\00A0 \2014'; | |
} | |
address { | |
margin-bottom: 20px; | |
font-style: normal; | |
line-height: 1.42857143; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | |
} | |
code { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #c7254e; | |
background-color: #f9f2f4; | |
border-radius: 4px; | |
} | |
kbd { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #fff; | |
background-color: #333; | |
border-radius: 3px; | |
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); | |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); | |
} | |
kbd kbd { | |
padding: 0; | |
font-size: 100%; | |
font-weight: bold; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
pre { | |
display: block; | |
padding: 9.5px; | |
margin: 0 0 10px; | |
font-size: 13px; | |
line-height: 1.42857143; | |
color: #333; | |
word-break: break-all; | |
word-wrap: break-word; | |
background-color: #f5f5f5; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
} | |
pre code { | |
padding: 0; | |
font-size: inherit; | |
color: inherit; | |
white-space: pre-wrap; | |
background-color: transparent; | |
border-radius: 0; | |
} | |
.pre-scrollable { | |
max-height: 340px; | |
overflow-y: scroll; | |
} | |
.container { | |
padding-right: 15px; | |
padding-left: 15px; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
@media (min-width: 768px) { | |
.container { | |
width: 750px; | |
} | |
} | |
@media (min-width: 992px) { | |
.container { | |
width: 970px; | |
} | |
} | |
@media (min-width: 1200px) { | |
.container { | |
width: 1170px; | |
} | |
} | |
.container-fluid { | |
padding-right: 15px; | |
padding-left: 15px; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
.row { | |
margin-right: -15px; | |
margin-left: -15px; | |
} | |
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { | |
position: relative; | |
min-height: 1px; | |
padding-right: 15px; | |
padding-left: 15px; | |
} | |
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { | |
float: left; | |
} | |
.col-xs-12 { | |
width: 100%; | |
} | |
.col-xs-11 { | |
width: 91.66666667%; | |
} | |
.col-xs-10 { | |
width: 83.33333333%; | |
} | |
.col-xs-9 { | |
width: 75%; | |
} | |
.col-xs-8 { | |
width: 66.66666667%; | |
} | |
.col-xs-7 { | |
width: 58.33333333%; | |
} | |
.col-xs-6 { | |
width: 50%; | |
} | |
.col-xs-5 { | |
width: 41.66666667%; | |
} | |
.col-xs-4 { | |
width: 33.33333333%; | |
} | |
.col-xs-3 { | |
width: 25%; | |
} | |
.col-xs-2 { | |
width: 16.66666667%; | |
} | |
.col-xs-1 { | |
width: 8.33333333%; | |
} | |
.col-xs-pull-12 { | |
right: 100%; | |
} | |
.col-xs-pull-11 { | |
right: 91.66666667%; | |
} | |
.col-xs-pull-10 { | |
right: 83.33333333%; | |
} | |
.col-xs-pull-9 { | |
right: 75%; | |
} | |
.col-xs-pull-8 { | |
right: 66.66666667%; | |
} | |
.col-xs-pull-7 { | |
right: 58.33333333%; | |
} | |
.col-xs-pull-6 { | |
right: 50%; | |
} | |
.col-xs-pull-5 { | |
right: 41.66666667%; | |
} | |
.col-xs-pull-4 { | |
right: 33.33333333%; | |
} | |
.col-xs-pull-3 { | |
right: 25%; | |
} | |
.col-xs-pull-2 { | |
right: 16.66666667%; | |
} | |
.col-xs-pull-1 { | |
right: 8.33333333%; | |
} | |
.col-xs-pull-0 { | |
right: auto; | |
} | |
.col-xs-push-12 { | |
left: 100%; | |
} | |
.col-xs-push-11 { | |
left: 91.66666667%; | |
} | |
.col-xs-push-10 { | |
left: 83.33333333%; | |
} | |
.col-xs-push-9 { | |
left: 75%; | |
} | |
.col-xs-push-8 { | |
left: 66.66666667%; | |
} | |
.col-xs-push-7 { | |
left: 58.33333333%; | |
} | |
.col-xs-push-6 { | |
left: 50%; | |
} | |
.col-xs-push-5 { | |
left: 41.66666667%; | |
} | |
.col-xs-push-4 { | |
left: 33.33333333%; | |
} | |
.col-xs-push-3 { | |
left: 25%; | |
} | |
.col-xs-push-2 { | |
left: 16.66666667%; | |
} | |
.col-xs-push-1 { | |
left: 8.33333333%; | |
} | |
.col-xs-push-0 { | |
left: auto; | |
} | |
.col-xs-offset-12 { | |
margin-left: 100%; | |
} | |
.col-xs-offset-11 { | |
margin-left: 91.66666667%; | |
} | |
.col-xs-offset-10 { | |
margin-left: 83.33333333%; | |
} | |
.col-xs-offset-9 { | |
margin-left: 75%; | |
} | |
.col-xs-offset-8 { | |
margin-left: 66.66666667%; | |
} | |
.col-xs-offset-7 { | |
margin-left: 58.33333333%; | |
} | |
.col-xs-offset-6 { | |
margin-left: 50%; | |
} | |
.col-xs-offset-5 { | |
margin-left: 41.66666667%; | |
} | |
.col-xs-offset-4 { | |
margin-left: 33.33333333%; | |
} | |
.col-xs-offset-3 { | |
margin-left: 25%; | |
} | |
.col-xs-offset-2 { | |
margin-left: 16.66666667%; | |
} | |
.col-xs-offset-1 { | |
margin-left: 8.33333333%; | |
} | |
.col-xs-offset-0 { | |
margin-left: 0; | |
} | |
@media (min-width: 768px) { | |
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { | |
float: left; | |
} | |
.col-sm-12 { | |
width: 100%; | |
} | |
.col-sm-11 { | |
width: 91.66666667%; | |
} | |
.col-sm-10 { | |
width: 83.33333333%; | |
} | |
.col-sm-9 { | |
width: 75%; | |
} | |
.col-sm-8 { | |
width: 66.66666667%; | |
} | |
.col-sm-7 { | |
width: 58.33333333%; | |
} | |
.col-sm-6 { | |
width: 50%; | |
} | |
.col-sm-5 { | |
width: 41.66666667%; | |
} | |
.col-sm-4 { | |
width: 33.33333333%; | |
} | |
.col-sm-3 { | |
width: 25%; | |
} | |
.col-sm-2 { | |
width: 16.66666667%; | |
} | |
.col-sm-1 { | |
width: 8.33333333%; | |
} | |
.col-sm-pull-12 { | |
right: 100%; | |
} | |
.col-sm-pull-11 { | |
right: 91.66666667%; | |
} | |
.col-sm-pull-10 { | |
right: 83.33333333%; | |
} | |
.col-sm-pull-9 { | |
right: 75%; | |
} | |
.col-sm-pull-8 { | |
right: 66.66666667%; | |
} | |
.col-sm-pull-7 { | |
right: 58.33333333%; | |
} | |
.col-sm-pull-6 { | |
right: 50%; | |
} | |
.col-sm-pull-5 { | |
right: 41.66666667%; | |
} | |
.col-sm-pull-4 { | |
right: 33.33333333%; | |
} | |
.col-sm-pull-3 { | |
right: 25%; | |
} | |
.col-sm-pull-2 { | |
right: 16.66666667%; | |
} | |
.col-sm-pull-1 { | |
right: 8.33333333%; | |
} | |
.col-sm-pull-0 { | |
right: auto; | |
} | |
.col-sm-push-12 { | |
left: 100%; | |
} | |
.col-sm-push-11 { | |
left: 91.66666667%; | |
} | |
.col-sm-push-10 { | |
left: 83.33333333%; | |
} | |
.col-sm-push-9 { | |
left: 75%; | |
} | |
.col-sm-push-8 { | |
left: 66.66666667%; | |
} | |
.col-sm-push-7 { | |
left: 58.33333333%; | |
} | |
.col-sm-push-6 { | |
left: 50%; | |
} | |
.col-sm-push-5 { | |
left: 41.66666667%; | |
} | |
.col-sm-push-4 { | |
left: 33.33333333%; | |
} | |
.col-sm-push-3 { | |
left: 25%; | |
} | |
.col-sm-push-2 { | |
left: 16.66666667%; | |
} | |
.col-sm-push-1 { | |
left: 8.33333333%; | |
} | |
.col-sm-push-0 { | |
left: auto; | |
} | |
.col-sm-offset-12 { | |
margin-left: 100%; | |
} | |
.col-sm-offset-11 { | |
margin-left: 91.66666667%; | |
} | |
.col-sm-offset-10 { | |
margin-left: 83.33333333%; | |
} | |
.col-sm-offset-9 { | |
margin-left: 75%; | |
} | |
.col-sm-offset-8 { | |
margin-left: 66.66666667%; | |
} | |
.col-sm-offset-7 { | |
margin-left: 58.33333333%; | |
} | |
.col-sm-offset-6 { | |
margin-left: 50%; | |
} | |
.col-sm-offset-5 { | |
margin-left: 41.66666667%; | |
} | |
.col-sm-offset-4 { | |
margin-left: 33.33333333%; | |
} | |
.col-sm-offset-3 { | |
margin-left: 25%; | |
} | |
.col-sm-offset-2 { | |
margin-left: 16.66666667%; | |
} | |
.col-sm-offset-1 { | |
margin-left: 8.33333333%; | |
} | |
.col-sm-offset-0 { | |
margin-left: 0; | |
} | |
} | |
@media (min-width: 992px) { | |
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { | |
float: left; | |
} | |
.col-md-12 { | |
width: 100%; | |
} | |
.col-md-11 { | |
width: 91.66666667%; | |
} | |
.col-md-10 { | |
width: 83.33333333%; | |
} | |
.col-md-9 { | |
width: 75%; | |
} | |
.col-md-8 { | |
width: 66.66666667%; | |
} | |
.col-md-7 { | |
width: 58.33333333%; | |
} | |
.col-md-6 { | |
width: 50%; | |
} | |
.col-md-5 { | |
width: 41.66666667%; | |
} | |
.col-md-4 { | |
width: 33.33333333%; | |
} | |
.col-md-3 { | |
width: 25%; | |
} | |
.col-md-2 { | |
width: 16.66666667%; | |
} | |
.col-md-1 { | |
width: 8.33333333%; | |
} | |
.col-md-pull-12 { | |
right: 100%; | |
} | |
.col-md-pull-11 { | |
right: 91.66666667%; | |
} | |
.col-md-pull-10 { | |
right: 83.33333333%; | |
} | |
.col-md-pull-9 { | |
right: 75%; | |
} | |
.col-md-pull-8 { | |
right: 66.66666667%; | |
} | |
.col-md-pull-7 { | |
right: 58.33333333%; | |
} | |
.col-md-pull-6 { | |
right: 50%; | |
} | |
.col-md-pull-5 { | |
right: 41.66666667%; | |
} | |
.col-md-pull-4 { | |
right: 33.33333333%; | |
} | |
.col-md-pull-3 { | |
right: 25%; | |
} | |
.col-md-pull-2 { | |
right: 16.66666667%; | |
} | |
.col-md-pull-1 { | |
right: 8.33333333%; | |
} | |
.col-md-pull-0 { | |
right: auto; | |
} | |
.col-md-push-12 { | |
left: 100%; | |
} | |
.col-md-push-11 { | |
left: 91.66666667%; | |
} | |
.col-md-push-10 { | |
left: 83.33333333%; | |
} | |
.col-md-push-9 { | |
left: 75%; | |
} | |
.col-md-push-8 { | |
left: 66.66666667%; | |
} | |
.col-md-push-7 { | |
left: 58.33333333%; | |
} | |
.col-md-push-6 { | |
left: 50%; | |
} | |
.col-md-push-5 { | |
left: 41.66666667%; | |
} | |
.col-md-push-4 { | |
left: 33.33333333%; | |
} | |
.col-md-push-3 { | |
left: 25%; | |
} | |
.col-md-push-2 { | |
left: 16.66666667%; | |
} | |
.col-md-push-1 { | |
left: 8.33333333%; | |
} | |
.col-md-push-0 { | |
left: auto; | |
} | |
.col-md-offset-12 { | |
margin-left: 100%; | |
} | |
.col-md-offset-11 { | |
margin-left: 91.66666667%; | |
} | |
.col-md-offset-10 { | |
margin-left: 83.33333333%; | |
} | |
.col-md-offset-9 { | |
margin-left: 75%; | |
} | |
.col-md-offset-8 { | |
margin-left: 66.66666667%; | |
} | |
.col-md-offset-7 { | |
margin-left: 58.33333333%; | |
} | |
.col-md-offset-6 { | |
margin-left: 50%; | |
} | |
.col-md-offset-5 { | |
margin-left: 41.66666667%; | |
} | |
.col-md-offset-4 { | |
margin-left: 33.33333333%; | |
} | |
.col-md-offset-3 { | |
margin-left: 25%; | |
} | |
.col-md-offset-2 { | |
margin-left: 16.66666667%; | |
} | |
.col-md-offset-1 { | |
margin-left: 8.33333333%; | |
} | |
.col-md-offset-0 { | |
margin-left: 0; | |
} | |
} | |
@media (min-width: 1200px) { | |
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { | |
float: left; | |
} | |
.col-lg-12 { | |
width: 100%; | |
} | |
.col-lg-11 { | |
width: 91.66666667%; | |
} | |
.col-lg-10 { | |
width: 83.33333333%; | |
} | |
.col-lg-9 { | |
width: 75%; | |
} | |
.col-lg-8 { | |
width: 66.66666667%; | |
} | |
.col-lg-7 { | |
width: 58.33333333%; | |
} | |
.col-lg-6 { | |
width: 50%; | |
} | |
.col-lg-5 { | |
width: 41.66666667%; | |
} | |
.col-lg-4 { | |
width: 33.33333333%; | |
} | |
.col-lg-3 { | |
width: 25%; | |
} | |
.col-lg-2 { | |
width: 16.66666667%; | |
} | |
.col-lg-1 { | |
width: 8.33333333%; | |
} | |
.col-lg-pull-12 { | |
right: 100%; | |
} | |
.col-lg-pull-11 { | |
right: 91.66666667%; | |
} | |
.col-lg-pull-10 { | |
right: 83.33333333%; | |
} | |
.col-lg-pull-9 { | |
right: 75%; | |
} | |
.col-lg-pull-8 { | |
right: 66.66666667%; | |
} | |
.col-lg-pull-7 { | |
right: 58.33333333%; | |
} | |
.col-lg-pull-6 { | |
right: 50%; | |
} | |
.col-lg-pull-5 { | |
right: 41.66666667%; | |
} | |
.col-lg-pull-4 { | |
right: 33.33333333%; | |
} | |
.col-lg-pull-3 { | |
right: 25%; | |
} | |
.col-lg-pull-2 { | |
right: 16.66666667%; | |
} | |
.col-lg-pull-1 { | |
right: 8.33333333%; | |
} | |
.col-lg-pull-0 { | |
right: auto; | |
} | |
.col-lg-push-12 { | |
left: 100%; | |
} | |
.col-lg-push-11 { | |
left: 91.66666667%; | |
} | |
.col-lg-push-10 { | |
left: 83.33333333%; | |
} | |
.col-lg-push-9 { | |
left: 75%; | |
} | |
.col-lg-push-8 { | |
left: 66.66666667%; | |
} | |
.col-lg-push-7 { | |
left: 58.33333333%; | |
} | |
.col-lg-push-6 { | |
left: 50%; | |
} | |
.col-lg-push-5 { | |
left: 41.66666667%; | |
} | |
.col-lg-push-4 { | |
left: 33.33333333%; | |
} | |
.col-lg-push-3 { | |
left: 25%; | |
} | |
.col-lg-push-2 { | |
left: 16.66666667%; | |
} | |
.col-lg-push-1 { | |
left: 8.33333333%; | |
} | |
.col-lg-push-0 { | |
left: auto; | |
} | |
.col-lg-offset-12 { | |
margin-left: 100%; | |
} | |
.col-lg-offset-11 { | |
margin-left: 91.66666667%; | |
} | |
.col-lg-offset-10 { | |
margin-left: 83.33333333%; | |
} | |
.col-lg-offset-9 { | |
margin-left: 75%; | |
} | |
.col-lg-offset-8 { | |
margin-left: 66.66666667%; | |
} | |
.col-lg-offset-7 { | |
margin-left: 58.33333333%; | |
} | |
.col-lg-offset-6 { | |
margin-left: 50%; | |
} | |
.col-lg-offset-5 { | |
margin-left: 41.66666667%; | |
} | |
.col-lg-offset-4 { | |
margin-left: 33.33333333%; | |
} | |
.col-lg-offset-3 { | |
margin-left: 25%; | |
} | |
.col-lg-offset-2 { | |
margin-left: 16.66666667%; | |
} | |
.col-lg-offset-1 { | |
margin-left: 8.33333333%; | |
} | |
.col-lg-offset-0 { | |
margin-left: 0; | |
} | |
} | |
table { | |
background-color: transparent; | |
} | |
caption { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
color: #777; | |
text-align: left; | |
} | |
th { | |
text-align: left; | |
} | |
.table { | |
width: 100%; | |
max-width: 100%; | |
margin-bottom: 20px; | |
} | |
.table > thead > tr > th, | |
.table > tbody > tr > th, | |
.table > tfoot > tr > th, | |
.table > thead > tr > td, | |
.table > tbody > tr > td, | |
.table > tfoot > tr > td { | |
padding: 8px; | |
line-height: 1.42857143; | |
vertical-align: top; | |
border-top: 1px solid #ddd; | |
} | |
.table > thead > tr > th { | |
vertical-align: bottom; | |
border-bottom: 2px solid #ddd; | |
} | |
.table > caption + thead > tr:first-child > th, | |
.table > colgroup + thead > tr:first-child > th, | |
.table > thead:first-child > tr:first-child > th, | |
.table > caption + thead > tr:first-child > td, | |
.table > colgroup + thead > tr:first-child > td, | |
.table > thead:first-child > tr:first-child > td { | |
border-top: 0; | |
} | |
.table > tbody + tbody { | |
border-top: 2px solid #ddd; | |
} | |
.table .table { | |
background-color: #fff; | |
} | |
.table-condensed > thead > tr > th, | |
.table-condensed > tbody > tr > th, | |
.table-condensed > tfoot > tr > th, | |
.table-condensed > thead > tr > td, | |
.table-condensed > tbody > tr > td, | |
.table-condensed > tfoot > tr > td { | |
padding: 5px; | |
} | |
.table-bordered { | |
border: 1px solid #ddd; | |
} | |
.table-bordered > thead > tr > th, | |
.table-bordered > tbody > tr > th, | |
.table-bordered > tfoot > tr > th, | |
.table-bordered > thead > tr > td, | |
.table-bordered > tbody > tr > td, | |
.table-bordered > tfoot > tr > td { | |
border: 1px solid #ddd; | |
} | |
.table-bordered > thead > tr > th, | |
.table-bordered > thead > tr > td { | |
border-bottom-width: 2px; | |
} | |
.table-striped > tbody > tr:nth-of-type(odd) { | |
background-color: #f9f9f9; | |
} | |
.table-hover > tbody > tr:hover { | |
background-color: #f5f5f5; | |
} | |
table col[class*="col-"] { | |
position: static; | |
display: table-column; | |
float: none; | |
} | |
table td[class*="col-"], | |
table th[class*="col-"] { | |
position: static; | |
display: table-cell; | |
float: none; | |
} | |
.table > thead > tr > td.active, | |
.table > tbody > tr > td.active, | |
.table > tfoot > tr > td.active, | |
.table > thead > tr > th.active, | |
.table > tbody > tr > th.active, | |
.table > tfoot > tr > th.active, | |
.table > thead > tr.active > td, | |
.table > tbody > tr.active > td, | |
.table > tfoot > tr.active > td, | |
.table > thead > tr.active > th, | |
.table > tbody > tr.active > th, | |
.table > tfoot > tr.active > th { | |
background-color: #f5f5f5; | |
} | |
.table-hover > tbody > tr > td.active:hover, | |
.table-hover > tbody > tr > th.active:hover, | |
.table-hover > tbody > tr.active:hover > td, | |
.table-hover > tbody > tr:hover > .active, | |
.table-hover > tbody > tr.active:hover > th { | |
background-color: #e8e8e8; | |
} | |
.table > thead > tr > td.success, | |
.table > tbody > tr > td.success, | |
.table > tfoot > tr > td.success, | |
.table > thead > tr > th.success, | |
.table > tbody > tr > th.success, | |
.table > tfoot > tr > th.success, | |
.table > thead > tr.success > td, | |
.table > tbody > tr.success > td, | |
.table > tfoot > tr.success > td, | |
.table > thead > tr.success > th, | |
.table > tbody > tr.success > th, | |
.table > tfoot > tr.success > th { | |
background-color: #dff0d8; | |
} | |
.table-hover > tbody > tr > td.success:hover, | |
.table-hover > tbody > tr > th.success:hover, | |
.table-hover > tbody > tr.success:hover > td, | |
.table-hover > tbody > tr:hover > .success, | |
.table-hover > tbody > tr.success:hover > th { | |
background-color: #d0e9c6; | |
} | |
.table > thead > tr > td.info, | |
.table > tbody > tr > td.info, | |
.table > tfoot > tr > td.info, | |
.table > thead > tr > th.info, | |
.table > tbody > tr > th.info, | |
.table > tfoot > tr > th.info, | |
.table > thead > tr.info > td, | |
.table > tbody > tr.info > td, | |
.table > tfoot > tr.info > td, | |
.table > thead > tr.info > th, | |
.table > tbody > tr.info > th, | |
.table > tfoot > tr.info > th { | |
background-color: #d9edf7; | |
} | |
.table-hover > tbody > tr > td.info:hover, | |
.table-hover > tbody > tr > th.info:hover, | |
.table-hover > tbody > tr.info:hover > td, | |
.table-hover > tbody > tr:hover > .info, | |
.table-hover > tbody > tr.info:hover > th { | |
background-color: #c4e3f3; | |
} | |
.table > thead > tr > td.warning, | |
.table > tbody > tr > td.warning, | |
.table > tfoot > tr > td.warning, | |
.table > thead > tr > th.warning, | |
.table > tbody > tr > th.warning, | |
.table > tfoot > tr > th.warning, | |
.table > thead > tr.warning > td, | |
.table > tbody > tr.warning > td, | |
.table > tfoot > tr.warning > td, | |
.table > thead > tr.warning > th, | |
.table > tbody > tr.warning > th, | |
.table > tfoot > tr.warning > th { | |
background-color: #fcf8e3; | |
} | |
.table-hover > tbody > tr > td.warning:hover, | |
.table-hover > tbody > tr > th.warning:hover, | |
.table-hover > tbody > tr.warning:hover > td, | |
.table-hover > tbody > tr:hover > .warning, | |
.table-hover > tbody > tr.warning:hover > th { | |
background-color: #faf2cc; | |
} | |
.table > thead > tr > td.danger, | |
.table > tbody > tr > td.danger, | |
.table > tfoot > tr > td.danger, | |
.table > thead > tr > th.danger, | |
.table > tbody > tr > th.danger, | |
.table > tfoot > tr > th.danger, | |
.table > thead > tr.danger > td, | |
.table > tbody > tr.danger > td, | |
.table > tfoot > tr.danger > td, | |
.table > thead > tr.danger > th, | |
.table > tbody > tr.danger > th, | |
.table > tfoot > tr.danger > th { | |
background-color: #f2dede; | |
} | |
.table-hover > tbody > tr > td.danger:hover, | |
.table-hover > tbody > tr > th.danger:hover, | |
.table-hover > tbody > tr.danger:hover > td, | |
.table-hover > tbody > tr:hover > .danger, | |
.table-hover > tbody > tr.danger:hover > th { | |
background-color: #ebcccc; | |
} | |
.table-responsive { | |
min-height: .01%; | |
overflow-x: auto; | |
} | |
@media screen and (max-width: 767px) { | |
.table-responsive { | |
width: 100%; | |
margin-bottom: 15px; | |
overflow-y: hidden; | |
-ms-overflow-style: -ms-autohiding-scrollbar; | |
border: 1px solid #ddd; | |
} | |
.table-responsive > .table { | |
margin-bottom: 0; | |
} | |
.table-responsive > .table > thead > tr > th, | |
.table-responsive > .table > tbody > tr > th, | |
.table-responsive > .table > tfoot > tr > th, | |
.table-responsive > .table > thead > tr > td, | |
.table-responsive > .table > tbody > tr > td, | |
.table-responsive > .table > tfoot > tr > td { | |
white-space: nowrap; | |
} | |
.table-responsive > .table-bordered { | |
border: 0; | |
} | |
.table-responsive > .table-bordered > thead > tr > th:first-child, | |
.table-responsive > .table-bordered > tbody > tr > th:first-child, | |
.table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
.table-responsive > .table-bordered > thead > tr > td:first-child, | |
.table-responsive > .table-bordered > tbody > tr > td:first-child, | |
.table-responsive > .table-bordered > tfoot > tr > td:first-child { | |
border-left: 0; | |
} | |
.table-responsive > .table-bordered > thead > tr > th:last-child, | |
.table-responsive > .table-bordered > tbody > tr > th:last-child, | |
.table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
.table-responsive > .table-bordered > thead > tr > td:last-child, | |
.table-responsive > .table-bordered > tbody > tr > td:last-child, | |
.table-responsive > .table-bordered > tfoot > tr > td:last-child { | |
border-right: 0; | |
} | |
.table-responsive > .table-bordered > tbody > tr:last-child > th, | |
.table-responsive > .table-bordered > tfoot > tr:last-child > th, | |
.table-responsive > .table-bordered > tbody > tr:last-child > td, | |
.table-responsive > .table-bordered > tfoot > tr:last-child > td { | |
border-bottom: 0; | |
} | |
} | |
fieldset { | |
min-width: 0; | |
padding: 0; | |
margin: 0; | |
border: 0; | |
} | |
legend { | |
display: block; | |
width: 100%; | |
padding: 0; | |
margin-bottom: 20px; | |
font-size: 21px; | |
line-height: inherit; | |
color: #333; | |
border: 0; | |
border-bottom: 1px solid #e5e5e5; | |
} | |
label { | |
display: inline-block; | |
max-width: 100%; | |
margin-bottom: 5px; | |
font-weight: bold; | |
} | |
input[type="search"] { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
input[type="radio"], | |
input[type="checkbox"] { | |
margin: 4px 0 0; | |
margin-top: 1px \9; | |
line-height: normal; | |
} | |
input[type="file"] { | |
display: block; | |
} | |
input[type="range"] { | |
display: block; | |
width: 100%; | |
} | |
select[multiple], | |
select[size] { | |
height: auto; | |
} | |
input[type="file"]:focus, | |
input[type="radio"]:focus, | |
input[type="checkbox"]:focus { | |
outline: thin dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
} | |
output { | |
display: block; | |
padding-top: 7px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #555; | |
} | |
.form-control { | |
display: block; | |
width: 100%; | |
height: 34px; | |
padding: 6px 12px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #555; | |
background-color: #fff; | |
background-image: none; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; | |
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
} | |
.form-control:focus { | |
border-color: #66afe9; | |
outline: 0; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); | |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); | |
} | |
.form-control::-moz-placeholder { | |
color: #999; | |
opacity: 1; | |
} | |
.form-control:-ms-input-placeholder { | |
color: #999; | |
} | |
.form-control::-webkit-input-placeholder { | |
color: #999; | |
} | |
.form-control[disabled], | |
.form-control[readonly], | |
fieldset[disabled] .form-control { | |
background-color: #eee; | |
opacity: 1; | |
} | |
.form-control[disabled], | |
fieldset[disabled] .form-control { | |
cursor: not-allowed; | |
} | |
textarea.form-control { | |
height: auto; | |
} | |
input[type="search"] { | |
-webkit-appearance: none; | |
} | |
@media screen and (-webkit-min-device-pixel-ratio: 0) { | |
input[type="date"].form-control, | |
input[type="time"].form-control, | |
input[type="datetime-local"].form-control, | |
input[type="month"].form-control { | |
line-height: 34px; | |
} | |
input[type="date"].input-sm, | |
input[type="time"].input-sm, | |
input[type="datetime-local"].input-sm, | |
input[type="month"].input-sm, | |
.input-group-sm input[type="date"], | |
.input-group-sm input[type="time"], | |
.input-group-sm input[type="datetime-local"], | |
.input-group-sm input[type="month"] { | |
line-height: 30px; | |
} | |
input[type="date"].input-lg, | |
input[type="time"].input-lg, | |
input[type="datetime-local"].input-lg, | |
input[type="month"].input-lg, | |
.input-group-lg input[type="date"], | |
.input-group-lg input[type="time"], | |
.input-group-lg input[type="datetime-local"], | |
.input-group-lg input[type="month"] { | |
line-height: 46px; | |
} | |
} | |
.form-group { | |
margin-bottom: 15px; | |
} | |
.radio, | |
.checkbox { | |
position: relative; | |
display: block; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.radio label, | |
.checkbox label { | |
min-height: 20px; | |
padding-left: 20px; | |
margin-bottom: 0; | |
font-weight: normal; | |
cursor: pointer; | |
} | |
.radio input[type="radio"], | |
.radio-inline input[type="radio"], | |
.checkbox input[type="checkbox"], | |
.checkbox-inline input[type="checkbox"] { | |
position: absolute; | |
margin-top: 4px \9; | |
margin-left: -20px; | |
} | |
.radio + .radio, | |
.checkbox + .checkbox { | |
margin-top: -5px; | |
} | |
.radio-inline, | |
.checkbox-inline { | |
position: relative; | |
display: inline-block; | |
padding-left: 20px; | |
margin-bottom: 0; | |
font-weight: normal; | |
vertical-align: middle; | |
cursor: pointer; | |
} | |
.radio-inline + .radio-inline, | |
.checkbox-inline + .checkbox-inline { | |
margin-top: 0; | |
margin-left: 10px; | |
} | |
input[type="radio"][disabled], | |
input[type="checkbox"][disabled], | |
input[type="radio"].disabled, | |
input[type="checkbox"].disabled, | |
fieldset[disabled] input[type="radio"], | |
fieldset[disabled] input[type="checkbox"] { | |
cursor: not-allowed; | |
} | |
.radio-inline.disabled, | |
.checkbox-inline.disabled, | |
fieldset[disabled] .radio-inline, | |
fieldset[disabled] .checkbox-inline { | |
cursor: not-allowed; | |
} | |
.radio.disabled label, | |
.checkbox.disabled label, | |
fieldset[disabled] .radio label, | |
fieldset[disabled] .checkbox label { | |
cursor: not-allowed; | |
} | |
.form-control-static { | |
min-height: 34px; | |
padding-top: 7px; | |
padding-bottom: 7px; | |
margin-bottom: 0; | |
} | |
.form-control-static.input-lg, | |
.form-control-static.input-sm { | |
padding-right: 0; | |
padding-left: 0; | |
} | |
.input-sm { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
select.input-sm { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-sm, | |
select[multiple].input-sm { | |
height: auto; | |
} | |
.form-group-sm .form-control { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
.form-group-sm select.form-control { | |
height: 30px; | |
line-height: 30px; | |
} | |
.form-group-sm textarea.form-control, | |
.form-group-sm select[multiple].form-control { | |
height: auto; | |
} | |
.form-group-sm .form-control-static { | |
height: 30px; | |
min-height: 32px; | |
padding: 6px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
} | |
.input-lg { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
border-radius: 6px; | |
} | |
select.input-lg { | |
height: 46px; | |
line-height: 46px; | |
} | |
textarea.input-lg, | |
select[multiple].input-lg { | |
height: auto; | |
} | |
.form-group-lg .form-control { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
border-radius: 6px; | |
} | |
.form-group-lg select.form-control { | |
height: 46px; | |
line-height: 46px; | |
} | |
.form-group-lg textarea.form-control, | |
.form-group-lg select[multiple].form-control { | |
height: auto; | |
} | |
.form-group-lg .form-control-static { | |
height: 46px; | |
min-height: 38px; | |
padding: 11px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
} | |
.has-feedback { | |
position: relative; | |
} | |
.has-feedback .form-control { | |
padding-right: 42.5px; | |
} | |
.form-control-feedback { | |
position: absolute; | |
top: 0; | |
right: 0; | |
z-index: 2; | |
display: block; | |
width: 34px; | |
height: 34px; | |
line-height: 34px; | |
text-align: center; | |
pointer-events: none; | |
} | |
.input-lg + .form-control-feedback, | |
.input-group-lg + .form-control-feedback, | |
.form-group-lg .form-control + .form-control-feedback { | |
width: 46px; | |
height: 46px; | |
line-height: 46px; | |
} | |
.input-sm + .form-control-feedback, | |
.input-group-sm + .form-control-feedback, | |
.form-group-sm .form-control + .form-control-feedback { | |
width: 30px; | |
height: 30px; | |
line-height: 30px; | |
} | |
.has-success .help-block, | |
.has-success .control-label, | |
.has-success .radio, | |
.has-success .checkbox, | |
.has-success .radio-inline, | |
.has-success .checkbox-inline, | |
.has-success.radio label, | |
.has-success.checkbox label, | |
.has-success.radio-inline label, | |
.has-success.checkbox-inline label { | |
color: #3c763d; | |
} | |
.has-success .form-control { | |
border-color: #3c763d; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
} | |
.has-success .form-control:focus { | |
border-color: #2b542c; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; | |
} | |
.has-success .input-group-addon { | |
color: #3c763d; | |
background-color: #dff0d8; | |
border-color: #3c763d; | |
} | |
.has-success .form-control-feedback { | |
color: #3c763d; | |
} | |
.has-warning .help-block, | |
.has-warning .control-label, | |
.has-warning .radio, | |
.has-warning .checkbox, | |
.has-warning .radio-inline, | |
.has-warning .checkbox-inline, | |
.has-warning.radio label, | |
.has-warning.checkbox label, | |
.has-warning.radio-inline label, | |
.has-warning.checkbox-inline label { | |
color: #8a6d3b; | |
} | |
.has-warning .form-control { | |
border-color: #8a6d3b; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
} | |
.has-warning .form-control:focus { | |
border-color: #66512c; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; | |
} | |
.has-warning .input-group-addon { | |
color: #8a6d3b; | |
background-color: #fcf8e3; | |
border-color: #8a6d3b; | |
} | |
.has-warning .form-control-feedback { | |
color: #8a6d3b; | |
} | |
.has-error .help-block, | |
.has-error .control-label, | |
.has-error .radio, | |
.has-error .checkbox, | |
.has-error .radio-inline, | |
.has-error .checkbox-inline, | |
.has-error.radio label, | |
.has-error.checkbox label, | |
.has-error.radio-inline label, | |
.has-error.checkbox-inline label { | |
color: #a94442; | |
} | |
.has-error .form-control { | |
border-color: #a94442; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); | |
} | |
.has-error .form-control:focus { | |
border-color: #843534; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; | |
} | |
.has-error .input-group-addon { | |
color: #a94442; | |
background-color: #f2dede; | |
border-color: #a94442; | |
} | |
.has-error .form-control-feedback { | |
color: #a94442; | |
} | |
.has-feedback label ~ .form-control-feedback { | |
top: 25px; | |
} | |
.has-feedback label.sr-only ~ .form-control-feedback { | |
top: 0; | |
} | |
.help-block { | |
display: block; | |
margin-top: 5px; | |
margin-bottom: 10px; | |
color: #737373; | |
} | |
@media (min-width: 768px) { | |
.form-inline .form-group { | |
display: inline-block; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.form-inline .form-control { | |
display: inline-block; | |
width: auto; | |
vertical-align: middle; | |
} | |
.form-inline .form-control-static { | |
display: inline-block; | |
} | |
.form-inline .input-group { | |
display: inline-table; | |
vertical-align: middle; | |
} | |
.form-inline .input-group .input-group-addon, | |
.form-inline .input-group .input-group-btn, | |
.form-inline .input-group .form-control { | |
width: auto; | |
} | |
.form-inline .input-group > .form-control { | |
width: 100%; | |
} | |
.form-inline .control-label { | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.form-inline .radio, | |
.form-inline .checkbox { | |
display: inline-block; | |
margin-top: 0; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.form-inline .radio label, | |
.form-inline .checkbox label { | |
padding-left: 0; | |
} | |
.form-inline .radio input[type="radio"], | |
.form-inline .checkbox input[type="checkbox"] { | |
position: relative; | |
margin-left: 0; | |
} | |
.form-inline .has-feedback .form-control-feedback { | |
top: 0; | |
} | |
} | |
.form-horizontal .radio, | |
.form-horizontal .checkbox, | |
.form-horizontal .radio-inline, | |
.form-horizontal .checkbox-inline { | |
padding-top: 7px; | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.form-horizontal .radio, | |
.form-horizontal .checkbox { | |
min-height: 27px; | |
} | |
.form-horizontal .form-group { | |
margin-right: -15px; | |
margin-left: -15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .control-label { | |
padding-top: 7px; | |
margin-bottom: 0; | |
text-align: right; | |
} | |
} | |
.form-horizontal .has-feedback .form-control-feedback { | |
right: 15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-lg .control-label { | |
padding-top: 14.333333px; | |
font-size: 18px; | |
} | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-sm .control-label { | |
padding-top: 6px; | |
font-size: 12px; | |
} | |
} | |
.btn { | |
display: inline-block; | |
padding: 6px 12px; | |
margin-bottom: 0; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 1.42857143; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
-ms-touch-action: manipulation; | |
touch-action: manipulation; | |
cursor: pointer; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
background-image: none; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
} | |
.btn:focus, | |
.btn:active:focus, | |
.btn.active:focus, | |
.btn.focus, | |
.btn:active.focus, | |
.btn.active.focus { | |
outline: thin dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
} | |
.btn:hover, | |
.btn:focus, | |
.btn.focus { | |
color: #333; | |
text-decoration: none; | |
} | |
.btn:active, | |
.btn.active { | |
background-image: none; | |
outline: 0; | |
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | |
} | |
.btn.disabled, | |
.btn[disabled], | |
fieldset[disabled] .btn { | |
cursor: not-allowed; | |
filter: alpha(opacity=65); | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
opacity: .65; | |
} | |
a.btn.disabled, | |
fieldset[disabled] a.btn { | |
pointer-events: none; | |
} | |
.btn-default { | |
color: #333; | |
background-color: #fff; | |
border-color: #ccc; | |
} | |
.btn-default:focus, | |
.btn-default.focus { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #8c8c8c; | |
} | |
.btn-default:hover { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #adadad; | |
} | |
.btn-default:active, | |
.btn-default.active, | |
.open > .dropdown-toggle.btn-default { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #adadad; | |
} | |
.btn-default:active:hover, | |
.btn-default.active:hover, | |
.open > .dropdown-toggle.btn-default:hover, | |
.btn-default:active:focus, | |
.btn-default.active:focus, | |
.open > .dropdown-toggle.btn-default:focus, | |
.btn-default:active.focus, | |
.btn-default.active.focus, | |
.open > .dropdown-toggle.btn-default.focus { | |
color: #333; | |
background-color: #d4d4d4; | |
border-color: #8c8c8c; | |
} | |
.btn-default:active, | |
.btn-default.active, | |
.open > .dropdown-toggle.btn-default { | |
background-image: none; | |
} | |
.btn-default.disabled, | |
.btn-default[disabled], | |
fieldset[disabled] .btn-default, | |
.btn-default.disabled:hover, | |
.btn-default[disabled]:hover, | |
fieldset[disabled] .btn-default:hover, | |
.btn-default.disabled:focus, | |
.btn-default[disabled]:focus, | |
fieldset[disabled] .btn-default:focus, | |
.btn-default.disabled.focus, | |
.btn-default[disabled].focus, | |
fieldset[disabled] .btn-default.focus, | |
.btn-default.disabled:active, | |
.btn-default[disabled]:active, | |
fieldset[disabled] .btn-default:active, | |
.btn-default.disabled.active, | |
.btn-default[disabled].active, | |
fieldset[disabled] .btn-default.active { | |
background-color: #fff; | |
border-color: #ccc; | |
} | |
.btn-default .badge { | |
color: #fff; | |
background-color: #333; | |
} | |
.btn-primary { | |
color: #fff; | |
background-color: #337ab7; | |
border-color: #2e6da4; | |
} | |
.btn-primary:focus, | |
.btn-primary.focus { | |
color: #fff; | |
background-color: #286090; | |
border-color: #122b40; | |
} | |
.btn-primary:hover { | |
color: #fff; | |
background-color: #286090; | |
border-color: #204d74; | |
} | |
.btn-primary:active, | |
.btn-primary.active, | |
.open > .dropdown-toggle.btn-primary { | |
color: #fff; | |
background-color: #286090; | |
border-color: #204d74; | |
} | |
.btn-primary:active:hover, | |
.btn-primary.active:hover, | |
.open > .dropdown-toggle.btn-primary:hover, | |
.btn-primary:active:focus, | |
.btn-primary.active:focus, | |
.open > .dropdown-toggle.btn-primary:focus, | |
.btn-primary:active.focus, | |
.btn-primary.active.focus, | |
.open > .dropdown-toggle.btn-primary.focus { | |
color: #fff; | |
background-color: #204d74; | |
border-color: #122b40; | |
} | |
.btn-primary:active, | |
.btn-primary.active, | |
.open > .dropdown-toggle.btn-primary { | |
background-image: none; | |
} | |
.btn-primary.disabled, | |
.btn-primary[disabled], | |
fieldset[disabled] .btn-primary, | |
.btn-primary.disabled:hover, | |
.btn-primary[disabled]:hover, | |
fieldset[disabled] .btn-primary:hover, | |
.btn-primary.disabled:focus, | |
.btn-primary[disabled]:focus, | |
fieldset[disabled] .btn-primary:focus, | |
.btn-primary.disabled.focus, | |
.btn-primary[disabled].focus, | |
fieldset[disabled] .btn-primary.focus, | |
.btn-primary.disabled:active, | |
.btn-primary[disabled]:active, | |
fieldset[disabled] .btn-primary:active, | |
.btn-primary.disabled.active, | |
.btn-primary[disabled].active, | |
fieldset[disabled] .btn-primary.active { | |
background-color: #337ab7; | |
border-color: #2e6da4; | |
} | |
.btn-primary .badge { | |
color: #337ab7; | |
background-color: #fff; | |
} | |
.btn-success { | |
color: #fff; | |
background-color: #5cb85c; | |
border-color: #4cae4c; | |
} | |
.btn-success:focus, | |
.btn-success.focus { | |
color: #fff; | |
background-color: #449d44; | |
border-color: #255625; | |
} | |
.btn-success:hover { | |
color: #fff; | |
background-color: #449d44; | |
border-color: #398439; | |
} | |
.btn-success:active, | |
.btn-success.active, | |
.open > .dropdown-toggle.btn-success { | |
color: #fff; | |
background-color: #449d44; | |
border-color: #398439; | |
} | |
.btn-success:active:hover, | |
.btn-success.active:hover, | |
.open > .dropdown-toggle.btn-success:hover, | |
.btn-success:active:focus, | |
.btn-success.active:focus, | |
.open > .dropdown-toggle.btn-success:focus, | |
.btn-success:active.focus, | |
.btn-success.active.focus, | |
.open > .dropdown-toggle.btn-success.focus { | |
color: #fff; | |
background-color: #398439; | |
border-color: #255625; | |
} | |
.btn-success:active, | |
.btn-success.active, | |
.open > .dropdown-toggle.btn-success { | |
background-image: none; | |
} | |
.btn-success.disabled, | |
.btn-success[disabled], | |
fieldset[disabled] .btn-success, | |
.btn-success.disabled:hover, | |
.btn-success[disabled]:hover, | |
fieldset[disabled] .btn-success:hover, | |
.btn-success.disabled:focus, | |
.btn-success[disabled]:focus, | |
fieldset[disabled] .btn-success:focus, | |
.btn-success.disabled.focus, | |
.btn-success[disabled].focus, | |
fieldset[disabled] .btn-success.focus, | |
.btn-success.disabled:active, | |
.btn-success[disabled]:active, | |
fieldset[disabled] .btn-success:active, | |
.btn-success.disabled.active, | |
.btn-success[disabled].active, | |
fieldset[disabled] .btn-success.active { | |
background-color: #5cb85c; | |
border-color: #4cae4c; | |
} | |
.btn-success .badge { | |
color: #5cb85c; | |
background-color: #fff; | |
} | |
.btn-info { | |
color: #fff; | |
background-color: #5bc0de; | |
border-color: #46b8da; | |
} | |
.btn-info:focus, | |
.btn-info.focus { | |
color: #fff; | |
background-color: #31b0d5; | |
border-color: #1b6d85; | |
} | |
.btn-info:hover { | |
color: #fff; | |
background-color: #31b0d5; | |
border-color: #269abc; | |
} | |
.btn-info:active, | |
.btn-info.active, | |
.open > .dropdown-toggle.btn-info { | |
color: #fff; | |
background-color: #31b0d5; | |
border-color: #269abc; | |
} | |
.btn-info:active:hover, | |
.btn-info.active:hover, | |
.open > .dropdown-toggle.btn-info:hover, | |
.btn-info:active:focus, | |
.btn-info.active:focus, | |
.open > .dropdown-toggle.btn-info:focus, | |
.btn-info:active.focus, | |
.btn-info.active.focus, | |
.open > .dropdown-toggle.btn-info.focus { | |
color: #fff; | |
background-color: #269abc; | |
border-color: #1b6d85; | |
} | |
.btn-info:active, | |
.btn-info.active, | |
.open > .dropdown-toggle.btn-info { | |
background-image: none; | |
} | |
.btn-info.disabled, | |
.btn-info[disabled], | |
fieldset[disabled] .btn-info, | |
.btn-info.disabled:hover, | |
.btn-info[disabled]:hover, | |
fieldset[disabled] .btn-info:hover, | |
.btn-info.disabled:focus, | |
.btn-info[disabled]:focus, | |
fieldset[disabled] .btn-info:focus, | |
.btn-info.disabled.focus, | |
.btn-info[disabled].focus, | |
fieldset[disabled] .btn-info.focus, | |
.btn-info.disabled:active, | |
.btn-info[disabled]:active, | |
fieldset[disabled] .btn-info:active, | |
.btn-info.disabled.active, | |
.btn-info[disabled].active, | |
fieldset[disabled] .btn-info.active { | |
background-color: #5bc0de; | |
border-color: #46b8da; | |
} | |
.btn-info .badge { | |
color: #5bc0de; | |
background-color: #fff; | |
} | |
.btn-warning { | |
color: #fff; | |
background-color: #f0ad4e; | |
border-color: #eea236; | |
} | |
.btn-warning:focus, | |
.btn-warning.focus { | |
color: #fff; | |
background-color: #ec971f; | |
border-color: #985f0d; | |
} | |
.btn-warning:hover { | |
color: #fff; | |
background-color: #ec971f; | |
border-color: #d58512; | |
} | |
.btn-warning:active, | |
.btn-warning.active, | |
.open > .dropdown-toggle.btn-warning { | |
color: #fff; | |
background-color: #ec971f; | |
border-color: #d58512; | |
} | |
.btn-warning:active:hover, | |
.btn-warning.active:hover, | |
.open > .dropdown-toggle.btn-warning:hover, | |
.btn-warning:active:focus, | |
.btn-warning.active:focus, | |
.open > .dropdown-toggle.btn-warning:focus, | |
.btn-warning:active.focus, | |
.btn-warning.active.focus, | |
.open > .dropdown-toggle.btn-warning.focus { | |
color: #fff; | |
background-color: #d58512; | |
border-color: #985f0d; | |
} | |
.btn-warning:active, | |
.btn-warning.active, | |
.open > .dropdown-toggle.btn-warning { | |
background-image: none; | |
} | |
.btn-warning.disabled, | |
.btn-warning[disabled], | |
fieldset[disabled] .btn-warning, | |
.btn-warning.disabled:hover, | |
.btn-warning[disabled]:hover, | |
fieldset[disabled] .btn-warning:hover, | |
.btn-warning.disabled:focus, | |
.btn-warning[disabled]:focus, | |
fieldset[disabled] .btn-warning:focus, | |
.btn-warning.disabled.focus, | |
.btn-warning[disabled].focus, | |
fieldset[disabled] .btn-warning.focus, | |
.btn-warning.disabled:active, | |
.btn-warning[disabled]:active, | |
fieldset[disabled] .btn-warning:active, | |
.btn-warning.disabled.active, | |
.btn-warning[disabled].active, | |
fieldset[disabled] .btn-warning.active { | |
background-color: #f0ad4e; | |
border-color: #eea236; | |
} | |
.btn-warning .badge { | |
color: #f0ad4e; | |
background-color: #fff; | |
} | |
.btn-danger { | |
color: #fff; | |
background-color: #d9534f; | |
border-color: #d43f3a; | |
} | |
.btn-danger:focus, | |
.btn-danger.focus { | |
color: #fff; | |
background-color: #c9302c; | |
border-color: #761c19; | |
} | |
.btn-danger:hover { | |
color: #fff; | |
background-color: #c9302c; | |
border-color: #ac2925; | |
} | |
.btn-danger:active, | |
.btn-danger.active, | |
.open > .dropdown-toggle.btn-danger { | |
color: #fff; | |
background-color: #c9302c; | |
border-color: #ac2925; | |
} | |
.btn-danger:active:hover, | |
.btn-danger.active:hover, | |
.open > .dropdown-toggle.btn-danger:hover, | |
.btn-danger:active:focus, | |
.btn-danger.active:focus, | |
.open > .dropdown-toggle.btn-danger:focus, | |
.btn-danger:active.focus, | |
.btn-danger.active.focus, | |
.open > .dropdown-toggle.btn-danger.focus { | |
color: #fff; | |
background-color: #ac2925; | |
border-color: #761c19; | |
} | |
.btn-danger:active, | |
.btn-danger.active, | |
.open > .dropdown-toggle.btn-danger { | |
background-image: none; | |
} | |
.btn-danger.disabled, | |
.btn-danger[disabled], | |
fieldset[disabled] .btn-danger, | |
.btn-danger.disabled:hover, | |
.btn-danger[disabled]:hover, | |
fieldset[disabled] .btn-danger:hover, | |
.btn-danger.disabled:focus, | |
.btn-danger[disabled]:focus, | |
fieldset[disabled] .btn-danger:focus, | |
.btn-danger.disabled.focus, | |
.btn-danger[disabled].focus, | |
fieldset[disabled] .btn-danger.focus, | |
.btn-danger.disabled:active, | |
.btn-danger[disabled]:active, | |
fieldset[disabled] .btn-danger:active, | |
.btn-danger.disabled.active, | |
.btn-danger[disabled].active, | |
fieldset[disabled] .btn-danger.active { | |
background-color: #d9534f; | |
border-color: #d43f3a; | |
} | |
.btn-danger .badge { | |
color: #d9534f; | |
background-color: #fff; | |
} | |
.btn-link { | |
font-weight: normal; | |
color: #337ab7; | |
border-radius: 0; | |
} | |
.btn-link, | |
.btn-link:active, | |
.btn-link.active, | |
.btn-link[disabled], | |
fieldset[disabled] .btn-link { | |
background-color: transparent; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn-link, | |
.btn-link:hover, | |
.btn-link:focus, | |
.btn-link:active { | |
border-color: transparent; | |
} | |
.btn-link:hover, | |
.btn-link:focus { | |
color: #23527c; | |
text-decoration: underline; | |
background-color: transparent; | |
} | |
.btn-link[disabled]:hover, | |
fieldset[disabled] .btn-link:hover, | |
.btn-link[disabled]:focus, | |
fieldset[disabled] .btn-link:focus { | |
color: #777; | |
text-decoration: none; | |
} | |
.btn-lg, | |
.btn-group-lg > .btn { | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
border-radius: 6px; | |
} | |
.btn-sm, | |
.btn-group-sm > .btn { | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
.btn-xs, | |
.btn-group-xs > .btn { | |
padding: 1px 5px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
.btn-block { | |
display: block; | |
width: 100%; | |
} | |
.btn-block + .btn-block { | |
margin-top: 5px; | |
} | |
input[type="submit"].btn-block, | |
input[type="reset"].btn-block, | |
input[type="button"].btn-block { | |
width: 100%; | |
} | |
.fade { | |
opacity: 0; | |
-webkit-transition: opacity .15s linear; | |
-o-transition: opacity .15s linear; | |
transition: opacity .15s linear; | |
} | |
.fade.in { | |
opacity: 1; | |
} | |
.collapse { | |
display: none; | |
} | |
.collapse.in { | |
display: block; | |
} | |
tr.collapse.in { | |
display: table-row; | |
} | |
tbody.collapse.in { | |
display: table-row-group; | |
} | |
.collapsing { | |
position: relative; | |
height: 0; | |
overflow: hidden; | |
-webkit-transition-timing-function: ease; | |
-o-transition-timing-function: ease; | |
transition-timing-function: ease; | |
-webkit-transition-duration: .35s; | |
-o-transition-duration: .35s; | |
transition-duration: .35s; | |
-webkit-transition-property: height, visibility; | |
-o-transition-property: height, visibility; | |
transition-property: height, visibility; | |
} | |
.caret { | |
display: inline-block; | |
width: 0; | |
height: 0; | |
margin-left: 2px; | |
vertical-align: middle; | |
border-top: 4px dashed; | |
border-top: 4px solid \9; | |
border-right: 4px solid transparent; | |
border-left: 4px solid transparent; | |
} | |
.dropup, | |
.dropdown { | |
position: relative; | |
} | |
.dropdown-toggle:focus { | |
outline: 0; | |
} | |
.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; | |
font-size: 14px; | |
text-align: left; | |
list-style: none; | |
background-color: #fff; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, .15); | |
border-radius: 4px; | |
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | |
box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | |
} | |
.dropdown-menu.pull-right { | |
right: 0; | |
left: auto; | |
} | |
.dropdown-menu .divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
.dropdown-menu > li > a { | |
display: block; | |
padding: 3px 20px; | |
clear: both; | |
font-weight: normal; | |
line-height: 1.42857143; | |
color: #333; | |
white-space: nowrap; | |
} | |
.dropdown-menu > li > a:hover, | |
.dropdown-menu > li > a:focus { | |
color: #262626; | |
text-decoration: none; | |
background-color: #f5f5f5; | |
} | |
.dropdown-menu > .active > a, | |
.dropdown-menu > .active > a:hover, | |
.dropdown-menu > .active > a:focus { | |
color: #fff; | |
text-decoration: none; | |
background-color: #337ab7; | |
outline: 0; | |
} | |
.dropdown-menu > .disabled > a, | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
color: #777; | |
} | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
text-decoration: none; | |
cursor: not-allowed; | |
background-color: transparent; | |
background-image: none; | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
} | |
.open > .dropdown-menu { | |
display: block; | |
} | |
.open > a { | |
outline: 0; | |
} | |
.dropdown-menu-right { | |
right: 0; | |
left: auto; | |
} | |
.dropdown-menu-left { | |
right: auto; | |
left: 0; | |
} | |
.dropdown-header { | |
display: block; | |
padding: 3px 20px; | |
font-size: 12px; | |
line-height: 1.42857143; | |
color: #777; | |
white-space: nowrap; | |
} | |
.dropdown-backdrop { | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 990; | |
} | |
.pull-right > .dropdown-menu { | |
right: 0; | |
left: auto; | |
} | |
.dropup .caret, | |
.navbar-fixed-bottom .dropdown .caret { | |
content: ""; | |
border-top: 0; | |
border-bottom: 4px dashed; | |
border-bottom: 4px solid \9; | |
} | |
.dropup .dropdown-menu, | |
.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top: auto; | |
bottom: 100%; | |
margin-bottom: 2px; | |
} | |
@media (min-width: 768px) { | |
.navbar-right .dropdown-menu { | |
right: 0; | |
left: auto; | |
} | |
.navbar-right .dropdown-menu-left { | |
right: auto; | |
left: 0; | |
} | |
} | |
.btn-group, | |
.btn-group-vertical { | |
position: relative; | |
display: inline-block; | |
vertical-align: middle; | |
} | |
.btn-group > .btn, | |
.btn-group-vertical > .btn { | |
position: relative; | |
float: left; | |
} | |
.btn-group > .btn:hover, | |
.btn-group-vertical > .btn:hover, | |
.btn-group > .btn:focus, | |
.btn-group-vertical > .btn:focus, | |
.btn-group > .btn:active, | |
.btn-group-vertical > .btn:active, | |
.btn-group > .btn.active, | |
.btn-group-vertical > .btn.active { | |
z-index: 2; | |
} | |
.btn-group .btn + .btn, | |
.btn-group .btn + .btn-group, | |
.btn-group .btn-group + .btn, | |
.btn-group .btn-group + .btn-group { | |
margin-left: -1px; | |
} | |
.btn-toolbar { | |
margin-left: -5px; | |
} | |
.btn-toolbar .btn, | |
.btn-toolbar .btn-group, | |
.btn-toolbar .input-group { | |
float: left; | |
} | |
.btn-toolbar > .btn, | |
.btn-toolbar > .btn-group, | |
.btn-toolbar > .input-group { | |
margin-left: 5px; | |
} | |
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | |
border-radius: 0; | |
} | |
.btn-group > .btn:first-child { | |
margin-left: 0; | |
} | |
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
.btn-group > .btn:last-child:not(:first-child), | |
.btn-group > .dropdown-toggle:not(:first-child) { | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group > .btn-group { | |
float: left; | |
} | |
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { | |
border-radius: 0; | |
} | |
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, | |
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group .dropdown-toggle:active, | |
.btn-group.open .dropdown-toggle { | |
outline: 0; | |
} | |
.btn-group > .btn + .dropdown-toggle { | |
padding-right: 8px; | |
padding-left: 8px; | |
} | |
.btn-group > .btn-lg + .dropdown-toggle { | |
padding-right: 12px; | |
padding-left: 12px; | |
} | |
.btn-group.open .dropdown-toggle { | |
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); | |
} | |
.btn-group.open .dropdown-toggle.btn-link { | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn .caret { | |
margin-left: 0; | |
} | |
.btn-lg .caret { | |
border-width: 5px 5px 0; | |
border-bottom-width: 0; | |
} | |
.dropup .btn-lg .caret { | |
border-width: 0 5px 5px; | |
} | |
.btn-group-vertical > .btn, | |
.btn-group-vertical > .btn-group, | |
.btn-group-vertical > .btn-group > .btn { | |
display: block; | |
float: none; | |
width: 100%; | |
max-width: 100%; | |
} | |
.btn-group-vertical > .btn-group > .btn { | |
float: none; | |
} | |
.btn-group-vertical > .btn + .btn, | |
.btn-group-vertical > .btn + .btn-group, | |
.btn-group-vertical > .btn-group + .btn, | |
.btn-group-vertical > .btn-group + .btn-group { | |
margin-top: -1px; | |
margin-left: 0; | |
} | |
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.btn-group-vertical > .btn:first-child:not(:last-child) { | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group-vertical > .btn:last-child:not(:first-child) { | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
border-bottom-left-radius: 4px; | |
} | |
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { | |
border-radius: 0; | |
} | |
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, | |
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.btn-group-justified { | |
display: table; | |
width: 100%; | |
table-layout: fixed; | |
border-collapse: separate; | |
} | |
.btn-group-justified > .btn, | |
.btn-group-justified > .btn-group { | |
display: table-cell; | |
float: none; | |
width: 1%; | |
} | |
.btn-group-justified > .btn-group .btn { | |
width: 100%; | |
} | |
.btn-group-justified > .btn-group .dropdown-menu { | |
left: auto; | |
} | |
[data-toggle="buttons"] > .btn input[type="radio"], | |
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], | |
[data-toggle="buttons"] > .btn input[type="checkbox"], | |
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { | |
position: absolute; | |
clip: rect(0, 0, 0, 0); | |
pointer-events: none; | |
} | |
.input-group { | |
position: relative; | |
display: table; | |
border-collapse: separate; | |
} | |
.input-group[class*="col-"] { | |
float: none; | |
padding-right: 0; | |
padding-left: 0; | |
} | |
.input-group .form-control { | |
position: relative; | |
z-index: 2; | |
float: left; | |
width: 100%; | |
margin-bottom: 0; | |
} | |
.input-group-lg > .form-control, | |
.input-group-lg > .input-group-addon, | |
.input-group-lg > .input-group-btn > .btn { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
border-radius: 6px; | |
} | |
select.input-group-lg > .form-control, | |
select.input-group-lg > .input-group-addon, | |
select.input-group-lg > .input-group-btn > .btn { | |
height: 46px; | |
line-height: 46px; | |
} | |
textarea.input-group-lg > .form-control, | |
textarea.input-group-lg > .input-group-addon, | |
textarea.input-group-lg > .input-group-btn > .btn, | |
select[multiple].input-group-lg > .form-control, | |
select[multiple].input-group-lg > .input-group-addon, | |
select[multiple].input-group-lg > .input-group-btn > .btn { | |
height: auto; | |
} | |
.input-group-sm > .form-control, | |
.input-group-sm > .input-group-addon, | |
.input-group-sm > .input-group-btn > .btn { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
select.input-group-sm > .form-control, | |
select.input-group-sm > .input-group-addon, | |
select.input-group-sm > .input-group-btn > .btn { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-group-sm > .form-control, | |
textarea.input-group-sm > .input-group-addon, | |
textarea.input-group-sm > .input-group-btn > .btn, | |
select[multiple].input-group-sm > .form-control, | |
select[multiple].input-group-sm > .input-group-addon, | |
select[multiple].input-group-sm > .input-group-btn > .btn { | |
height: auto; | |
} | |
.input-group-addon, | |
.input-group-btn, | |
.input-group .form-control { | |
display: table-cell; | |
} | |
.input-group-addon:not(:first-child):not(:last-child), | |
.input-group-btn:not(:first-child):not(:last-child), | |
.input-group .form-control:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.input-group-addon, | |
.input-group-btn { | |
width: 1%; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.input-group-addon { | |
padding: 6px 12px; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 1; | |
color: #555; | |
text-align: center; | |
background-color: #eee; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
} | |
.input-group-addon.input-sm { | |
padding: 5px 10px; | |
font-size: 12px; | |
border-radius: 3px; | |
} | |
.input-group-addon.input-lg { | |
padding: 10px 16px; | |
font-size: 18px; | |
border-radius: 6px; | |
} | |
.input-group-addon input[type="radio"], | |
.input-group-addon input[type="checkbox"] { | |
margin-top: 0; | |
} | |
.input-group .form-control:first-child, | |
.input-group-addon:first-child, | |
.input-group-btn:first-child > .btn, | |
.input-group-btn:first-child > .btn-group > .btn, | |
.input-group-btn:first-child > .dropdown-toggle, | |
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), | |
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
.input-group-addon:first-child { | |
border-right: 0; | |
} | |
.input-group .form-control:last-child, | |
.input-group-addon:last-child, | |
.input-group-btn:last-child > .btn, | |
.input-group-btn:last-child > .btn-group > .btn, | |
.input-group-btn:last-child > .dropdown-toggle, | |
.input-group-btn:first-child > .btn:not(:first-child), | |
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.input-group-addon:last-child { | |
border-left: 0; | |
} | |
.input-group-btn { | |
position: relative; | |
font-size: 0; | |
white-space: nowrap; | |
} | |
.input-group-btn > .btn { | |
position: relative; | |
} | |
.input-group-btn > .btn + .btn { | |
margin-left: -1px; | |
} | |
.input-group-btn > .btn:hover, | |
.input-group-btn > .btn:focus, | |
.input-group-btn > .btn:active { | |
z-index: 2; | |
} | |
.input-group-btn:first-child > .btn, | |
.input-group-btn:first-child > .btn-group { | |
margin-right: -1px; | |
} | |
.input-group-btn:last-child > .btn, | |
.input-group-btn:last-child > .btn-group { | |
z-index: 2; | |
margin-left: -1px; | |
} | |
.nav { | |
padding-left: 0; | |
margin-bottom: 0; | |
list-style: none; | |
} | |
.nav > li { | |
position: relative; | |
display: block; | |
} | |
.nav > li > a { | |
position: relative; | |
display: block; | |
padding: 10px 15px; | |
} | |
.nav > li > a:hover, | |
.nav > li > a:focus { | |
text-decoration: none; | |
background-color: #eee; | |
} | |
.nav > li.disabled > a { | |
color: #777; | |
} | |
.nav > li.disabled > a:hover, | |
.nav > li.disabled > a:focus { | |
color: #777; | |
text-decoration: none; | |
cursor: not-allowed; | |
background-color: transparent; | |
} | |
.nav .open > a, | |
.nav .open > a:hover, | |
.nav .open > a:focus { | |
background-color: #eee; | |
border-color: #337ab7; | |
} | |
.nav .nav-divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
.nav > li > a > img { | |
max-width: none; | |
} | |
.nav-tabs { | |
border-bottom: 1px solid #ddd; | |
} | |
.nav-tabs > li { | |
float: left; | |
margin-bottom: -1px; | |
} | |
.nav-tabs > li > a { | |
margin-right: 2px; | |
line-height: 1.42857143; | |
border: 1px solid transparent; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs > li > a:hover { | |
border-color: #eee #eee #ddd; | |
} | |
.nav-tabs > li.active > a, | |
.nav-tabs > li.active > a:hover, | |
.nav-tabs > li.active > a:focus { | |
color: #555; | |
cursor: default; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-bottom-color: transparent; | |
} | |
.nav-tabs.nav-justified { | |
width: 100%; | |
border-bottom: 0; | |
} | |
.nav-tabs.nav-justified > li { | |
float: none; | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-bottom: 5px; | |
text-align: center; | |
} | |
.nav-tabs.nav-justified > .dropdown .dropdown-menu { | |
top: auto; | |
left: auto; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs.nav-justified > li { | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-bottom: 0; | |
} | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-right: 0; | |
border-radius: 4px; | |
} | |
.nav-tabs.nav-justified > .active > a, | |
.nav-tabs.nav-justified > .active > a:hover, | |
.nav-tabs.nav-justified > .active > a:focus { | |
border: 1px solid #ddd; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs.nav-justified > li > a { | |
border-bottom: 1px solid #ddd; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs.nav-justified > .active > a, | |
.nav-tabs.nav-justified > .active > a:hover, | |
.nav-tabs.nav-justified > .active > a:focus { | |
border-bottom-color: #fff; | |
} | |
} | |
.nav-pills > li { | |
float: left; | |
} | |
.nav-pills > li > a { | |
border-radius: 4px; | |
} | |
.nav-pills > li + li { | |
margin-left: 2px; | |
} | |
.nav-pills > li.active > a, | |
.nav-pills > li.active > a:hover, | |
.nav-pills > li.active > a:focus { | |
color: #fff; | |
background-color: #337ab7; | |
} | |
.nav-stacked > li { | |
float: none; | |
} | |
.nav-stacked > li + li { | |
margin-top: 2px; | |
margin-left: 0; | |
} | |
.nav-justified { | |
width: 100%; | |
} | |
.nav-justified > li { | |
float: none; | |
} | |
.nav-justified > li > a { | |
margin-bottom: 5px; | |
text-align: center; | |
} | |
.nav-justified > .dropdown .dropdown-menu { | |
top: auto; | |
left: auto; | |
} | |
@media (min-width: 768px) { | |
.nav-justified > li { | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-justified > li > a { | |
margin-bottom: 0; | |
} | |
} | |
.nav-tabs-justified { | |
border-bottom: 0; | |
} | |
.nav-tabs-justified > li > a { | |
margin-right: 0; | |
border-radius: 4px; | |
} | |
.nav-tabs-justified > .active > a, | |
.nav-tabs-justified > .active > a:hover, | |
.nav-tabs-justified > .active > a:focus { | |
border: 1px solid #ddd; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs-justified > li > a { | |
border-bottom: 1px solid #ddd; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs-justified > .active > a, | |
.nav-tabs-justified > .active > a:hover, | |
.nav-tabs-justified > .active > a:focus { | |
border-bottom-color: #fff; | |
} | |
} | |
.tab-content > .tab-pane { | |
display: none; | |
} | |
.tab-content > .active { | |
display: block; | |
} | |
.nav-tabs .dropdown-menu { | |
margin-top: -1px; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.navbar { | |
position: relative; | |
min-height: 50px; | |
margin-bottom: 20px; | |
border: 1px solid transparent; | |
} | |
@media (min-width: 768px) { | |
.navbar { | |
border-radius: 4px; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-header { | |
float: left; | |
} | |
} | |
.navbar-collapse { | |
padding-right: 15px; | |
padding-left: 15px; | |
overflow-x: visible; | |
-webkit-overflow-scrolling: touch; | |
border-top: 1px solid transparent; | |
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); | |
} | |
.navbar-collapse.in { | |
overflow-y: auto; | |
} | |
@media (min-width: 768px) { | |
.navbar-collapse { | |
width: auto; | |
border-top: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.navbar-collapse.collapse { | |
display: block !important; | |
height: auto !important; | |
padding-bottom: 0; | |
overflow: visible !important; | |
} | |
.navbar-collapse.in { | |
overflow-y: visible; | |
} | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-static-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
padding-right: 0; | |
padding-left: 0; | |
} | |
} | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
max-height: 340px; | |
} | |
@media (max-device-width: 480px) and (orientation: landscape) { | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
max-height: 200px; | |
} | |
} | |
.container > .navbar-header, | |
.container-fluid > .navbar-header, | |
.container > .navbar-collapse, | |
.container-fluid > .navbar-collapse { | |
margin-right: -15px; | |
margin-left: -15px; | |
} | |
@media (min-width: 768px) { | |
.container > .navbar-header, | |
.container-fluid > .navbar-header, | |
.container > .navbar-collapse, | |
.container-fluid > .navbar-collapse { | |
margin-right: 0; | |
margin-left: 0; | |
} | |
} | |
.navbar-static-top { | |
z-index: 1000; | |
border-width: 0 0 1px; | |
} | |
@media (min-width: 768px) { | |
.navbar-static-top { | |
border-radius: 0; | |
} | |
} | |
.navbar-fixed-top, | |
.navbar-fixed-bottom { | |
position: fixed; | |
right: 0; | |
left: 0; | |
z-index: 1030; | |
} | |
@media (min-width: 768px) { | |
.navbar-fixed-top, | |
.navbar-fixed-bottom { | |
border-radius: 0; | |
} | |
} | |
.navbar-fixed-top { | |
top: 0; | |
border-width: 0 0 1px; | |
} | |
.navbar-fixed-bottom { | |
bottom: 0; | |
margin-bottom: 0; | |
border-width: 1px 0 0; | |
} | |
.navbar-brand { | |
float: left; | |
height: 50px; | |
padding: 15px 15px; | |
font-size: 18px; | |
line-height: 20px; | |
} | |
.navbar-brand:hover, | |
.navbar-brand:focus { | |
text-decoration: none; | |
} | |
.navbar-brand > img { | |
display: block; | |
} | |
@media (min-width: 768px) { | |
.navbar > .container .navbar-brand, | |
.navbar > .container-fluid .navbar-brand { | |
margin-left: -15px; | |
} | |
} | |
.navbar-toggle { | |
position: relative; | |
float: right; | |
padding: 9px 10px; | |
margin-top: 8px; | |
margin-right: 15px; | |
margin-bottom: 8px; | |
background-color: transparent; | |
background-image: none; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
} | |
.navbar-toggle:focus { | |
outline: 0; | |
} | |
.navbar-toggle .icon-bar { | |
display: block; | |
width: 22px; | |
height: 2px; | |
border-radius: 1px; | |
} | |
.navbar-toggle .icon-bar + .icon-bar { | |
margin-top: 4px; | |
} | |
@media (min-width: 768px) { | |
.navbar-toggle { | |
display: none; | |
} | |
} | |
.navbar-nav { | |
margin: 7.5px -15px; | |
} | |
.navbar-nav > li > a { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
line-height: 20px; | |
} | |
@media (max-width: 767px) { | |
.navbar-nav .open .dropdown-menu { | |
position: static; | |
float: none; | |
width: auto; | |
margin-top: 0; | |
background-color: transparent; | |
border: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.navbar-nav .open .dropdown-menu > li > a, | |
.navbar-nav .open .dropdown-menu .dropdown-header { | |
padding: 5px 15px 5px 25px; | |
} | |
.navbar-nav .open .dropdown-menu > li > a { | |
line-height: 20px; | |
} | |
.navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-nav .open .dropdown-menu > li > a:focus { | |
background-image: none; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-nav { | |
float: left; | |
margin: 0; | |
} | |
.navbar-nav > li { | |
float: left; | |
} | |
.navbar-nav > li > a { | |
padding-top: 15px; | |
padding-bottom: 15px; | |
} | |
} | |
.navbar-form { | |
padding: 10px 15px; | |
margin-top: 8px; | |
margin-right: -15px; | |
margin-bottom: 8px; | |
margin-left: -15px; | |
border-top: 1px solid transparent; | |
border-bottom: 1px solid transparent; | |
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); | |
} | |
@media (min-width: 768px) { | |
.navbar-form .form-group { | |
display: inline-block; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.navbar-form .form-control { | |
display: inline-block; | |
width: auto; | |
vertical-align: middle; | |
} | |
.navbar-form .form-control-static { | |
display: inline-block; | |
} | |
.navbar-form .input-group { | |
display: inline-table; | |
vertical-align: middle; | |
} | |
.navbar-form .input-group .input-group-addon, | |
.navbar-form .input-group .input-group-btn, | |
.navbar-form .input-group .form-control { | |
width: auto; | |
} | |
.navbar-form .input-group > .form-control { | |
width: 100%; | |
} | |
.navbar-form .control-label { | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.navbar-form .radio, | |
.navbar-form .checkbox { | |
display: inline-block; | |
margin-top: 0; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.navbar-form .radio label, | |
.navbar-form .checkbox label { | |
padding-left: 0; | |
} | |
.navbar-form .radio input[type="radio"], | |
.navbar-form .checkbox input[type="checkbox"] { | |
position: relative; | |
margin-left: 0; | |
} | |
.navbar-form .has-feedback .form-control-feedback { | |
top: 0; | |
} | |
} | |
@media (max-width: 767px) { | |
.navbar-form .form-group { | |
margin-bottom: 5px; | |
} | |
.navbar-form .form-group:last-child { | |
margin-bottom: 0; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-form { | |
width: auto; | |
padding-top: 0; | |
padding-bottom: 0; | |
margin-right: 0; | |
margin-left: 0; | |
border: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
} | |
.navbar-nav > li > .dropdown-menu { | |
margin-top: 0; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | |
margin-bottom: 0; | |
border-top-left-radius: 4px; | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.navbar-btn { | |
margin-top: 8px; | |
margin-bottom: 8px; | |
} | |
.navbar-btn.btn-sm { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.navbar-btn.btn-xs { | |
margin-top: 14px; | |
margin-bottom: 14px; | |
} | |
.navbar-text { | |
margin-top: 15px; | |
margin-bottom: 15px; | |
} | |
@media (min-width: 768px) { | |
.navbar-text { | |
float: left; | |
margin-right: 15px; | |
margin-left: 15px; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-left { | |
float: left !important; | |
} | |
.navbar-right { | |
float: right !important; | |
margin-right: -15px; | |
} | |
.navbar-right ~ .navbar-right { | |
margin-right: 0; | |
} | |
} | |
.navbar-default { | |
background-color: #f8f8f8; | |
border-color: #e7e7e7; | |
} | |
.navbar-default .navbar-brand { | |
color: #777; | |
} | |
.navbar-default .navbar-brand:hover, | |
.navbar-default .navbar-brand:focus { | |
color: #5e5e5e; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-text { | |
color: #777; | |
} | |
.navbar-default .navbar-nav > li > a { | |
color: #777; | |
} | |
.navbar-default .navbar-nav > li > a:hover, | |
.navbar-default .navbar-nav > li > a:focus { | |
color: #333; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-nav > .active > a, | |
.navbar-default .navbar-nav > .active > a:hover, | |
.navbar-default .navbar-nav > .active > a:focus { | |
color: #555; | |
background-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav > .disabled > a, | |
.navbar-default .navbar-nav > .disabled > a:hover, | |
.navbar-default .navbar-nav > .disabled > a:focus { | |
color: #ccc; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-toggle { | |
border-color: #ddd; | |
} | |
.navbar-default .navbar-toggle:hover, | |
.navbar-default .navbar-toggle:focus { | |
background-color: #ddd; | |
} | |
.navbar-default .navbar-toggle .icon-bar { | |
background-color: #888; | |
} | |
.navbar-default .navbar-collapse, | |
.navbar-default .navbar-form { | |
border-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav > .open > a, | |
.navbar-default .navbar-nav > .open > a:hover, | |
.navbar-default .navbar-nav > .open > a:focus { | |
color: #555; | |
background-color: #e7e7e7; | |
} | |
@media (max-width: 767px) { | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a { | |
color: #777; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | |
color: #333; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | |
color: #555; | |
background-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { | |
color: #ccc; | |
background-color: transparent; | |
} | |
} | |
.navbar-default .navbar-link { | |
color: #777; | |
} | |
.navbar-default .navbar-link:hover { | |
color: #333; | |
} | |
.navbar-default .btn-link { | |
color: #777; | |
} | |
.navbar-default .btn-link:hover, | |
.navbar-default .btn-link:focus { | |
color: #333; | |
} | |
.navbar-default .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-default .btn-link:hover, | |
.navbar-default .btn-link[disabled]:focus, | |
fieldset[disabled] .navbar-default .btn-link:focus { | |
color: #ccc; | |
} | |
.navbar-inverse { | |
background-color: #222; | |
border-color: #080808; | |
} | |
.navbar-inverse .navbar-brand { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-brand:hover, | |
.navbar-inverse .navbar-brand:focus { | |
color: #fff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-text { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-nav > li > a { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-nav > li > a:hover, | |
.navbar-inverse .navbar-nav > li > a:focus { | |
color: #fff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-nav > .active > a, | |
.navbar-inverse .navbar-nav > .active > a:hover, | |
.navbar-inverse .navbar-nav > .active > a:focus { | |
color: #fff; | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav > .disabled > a, | |
.navbar-inverse .navbar-nav > .disabled > a:hover, | |
.navbar-inverse .navbar-nav > .disabled > a:focus { | |
color: #444; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-toggle { | |
border-color: #333; | |
} | |
.navbar-inverse .navbar-toggle:hover, | |
.navbar-inverse .navbar-toggle:focus { | |
background-color: #333; | |
} | |
.navbar-inverse .navbar-toggle .icon-bar { | |
background-color: #fff; | |
} | |
.navbar-inverse .navbar-collapse, | |
.navbar-inverse .navbar-form { | |
border-color: #101010; | |
} | |
.navbar-inverse .navbar-nav > .open > a, | |
.navbar-inverse .navbar-nav > .open > a:hover, | |
.navbar-inverse .navbar-nav > .open > a:focus { | |
color: #fff; | |
background-color: #080808; | |
} | |
@media (max-width: 767px) { | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | |
border-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { | |
color: #fff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { | |
color: #fff; | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { | |
color: #444; | |
background-color: transparent; | |
} | |
} | |
.navbar-inverse .navbar-link { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-link:hover { | |
color: #fff; | |
} | |
.navbar-inverse .btn-link { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .btn-link:hover, | |
.navbar-inverse .btn-link:focus { | |
color: #fff; | |
} | |
.navbar-inverse .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-inverse .btn-link:hover, | |
.navbar-inverse .btn-link[disabled]:focus, | |
fieldset[disabled] .navbar-inverse .btn-link:focus { | |
color: #444; | |
} | |
.breadcrumb { | |
padding: 8px 15px; | |
margin-bottom: 20px; | |
list-style: none; | |
background-color: #f5f5f5; | |
border-radius: 4px; | |
} | |
.breadcrumb > li { | |
display: inline-block; | |
} | |
.breadcrumb > li + li:before { | |
padding: 0 5px; | |
color: #ccc; | |
content: "/\00a0"; | |
} | |
.breadcrumb > .active { | |
color: #777; | |
} | |
.pagination { | |
display: inline-block; | |
padding-left: 0; | |
margin: 20px 0; | |
border-radius: 4px; | |
} | |
.pagination > li { | |
display: inline; | |
} | |
.pagination > li > a, | |
.pagination > li > span { | |
position: relative; | |
float: left; | |
padding: 6px 12px; | |
margin-left: -1px; | |
line-height: 1.42857143; | |
color: #337ab7; | |
text-decoration: none; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
} | |
.pagination > li:first-child > a, | |
.pagination > li:first-child > span { | |
margin-left: 0; | |
border-top-left-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.pagination > li:last-child > a, | |
.pagination > li:last-child > span { | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.pagination > li > a:hover, | |
.pagination > li > span:hover, | |
.pagination > li > a:focus, | |
.pagination > li > span:focus { | |
z-index: 3; | |
color: #23527c; | |
background-color: #eee; | |
border-color: #ddd; | |
} | |
.pagination > .active > a, | |
.pagination > .active > span, | |
.pagination > .active > a:hover, | |
.pagination > .active > span:hover, | |
.pagination > .active > a:focus, | |
.pagination > .active > span:focus { | |
z-index: 2; | |
color: #fff; | |
cursor: default; | |
background-color: #337ab7; | |
border-color: #337ab7; | |
} | |
.pagination > .disabled > span, | |
.pagination > .disabled > span:hover, | |
.pagination > .disabled > span:focus, | |
.pagination > .disabled > a, | |
.pagination > .disabled > a:hover, | |
.pagination > .disabled > a:focus { | |
color: #777; | |
cursor: not-allowed; | |
background-color: #fff; | |
border-color: #ddd; | |
} | |
.pagination-lg > li > a, | |
.pagination-lg > li > span { | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.3333333; | |
} | |
.pagination-lg > li:first-child > a, | |
.pagination-lg > li:first-child > span { | |
border-top-left-radius: 6px; | |
border-bottom-left-radius: 6px; | |
} | |
.pagination-lg > li:last-child > a, | |
.pagination-lg > li:last-child > span { | |
border-top-right-radius: 6px; | |
border-bottom-right-radius: 6px; | |
} | |
.pagination-sm > li > a, | |
.pagination-sm > li > span { | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
} | |
.pagination-sm > li:first-child > a, | |
.pagination-sm > li:first-child > span { | |
border-top-left-radius: 3px; | |
border-bottom-left-radius: 3px; | |
} | |
.pagination-sm > li:last-child > a, | |
.pagination-sm > li:last-child > span { | |
border-top-right-radius: 3px; | |
border-bottom-right-radius: 3px; | |
} | |
.pager { | |
padding-left: 0; | |
margin: 20px 0; | |
text-align: center; | |
list-style: none; | |
} | |
.pager li { | |
display: inline; | |
} | |
.pager li > a, | |
.pager li > span { | |
display: inline-block; | |
padding: 5px 14px; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-radius: 15px; | |
} | |
.pager li > a:hover, | |
.pager li > a:focus { | |
text-decoration: none; | |
background-color: #eee; | |
} | |
.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: #777; | |
cursor: not-allowed; | |
background-color: #fff; | |
} | |
.label { | |
display: inline; | |
padding: .2em .6em .3em; | |
font-size: 75%; | |
font-weight: bold; | |
line-height: 1; | |
color: #fff; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: baseline; | |
border-radius: .25em; | |
} | |
a.label:hover, | |
a.label:focus { | |
color: #fff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.label:empty { | |
display: none; | |
} | |
.btn .label { | |
position: relative; | |
top: -1px; | |
} | |
.label-default { | |
background-color: #777; | |
} | |
.label-default[href]:hover, | |
.label-default[href]:focus { | |
background-color: #5e5e5e; | |
} | |
.label-primary { | |
background-color: #337ab7; | |
} | |
.label-primary[href]:hover, | |
.label-primary[href]:focus { | |
background-color: #286090; | |
} | |
.label-success { | |
background-color: #5cb85c; | |
} | |
.label-success[href]:hover, | |
.label-success[href]:focus { | |
background-color: #449d44; | |
} | |
.label-info { | |
background-color: #5bc0de; | |
} | |
.label-info[href]:hover, | |
.label-info[href]:focus { | |
background-color: #31b0d5; | |
} | |
.label-warning { | |
background-color: #f0ad4e; | |
} | |
.label-warning[href]:hover, | |
.label-warning[href]:focus { | |
background-color: #ec971f; | |
} | |
.label-danger { | |
background-color: #d9534f; | |
} | |
.label-danger[href]:hover, | |
.label-danger[href]:focus { | |
background-color: #c9302c; | |
} | |
.badge { | |
display: inline-block; | |
min-width: 10px; | |
padding: 3px 7px; | |
font-size: 12px; | |
font-weight: bold; | |
line-height: 1; | |
color: #fff; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
background-color: #777; | |
border-radius: 10px; | |
} | |
.badge:empty { | |
display: none; | |
} | |
.btn .badge { | |
position: relative; | |
top: -1px; | |
} | |
.btn-xs .badge, | |
.btn-group-xs > .btn .badge { | |
top: 0; | |
padding: 1px 5px; | |
} | |
a.badge:hover, | |
a.badge:focus { | |
color: #fff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.list-group-item.active > .badge, | |
.nav-pills > .active > a > .badge { | |
color: #337ab7; | |
background-color: #fff; | |
} | |
.list-group-item > .badge { | |
float: right; | |
} | |
.list-group-item > .badge + .badge { | |
margin-right: 5px; | |
} | |
.nav-pills > li > a > .badge { | |
margin-left: 3px; | |
} | |
.jumbotron { | |
padding-top: 30px; | |
padding-bottom: 30px; | |
margin-bottom: 30px; | |
color: inherit; | |
background-color: #eee; | |
} | |
.jumbotron h1, | |
.jumbotron .h1 { | |
color: inherit; | |
} | |
.jumbotron p { | |
margin-bottom: 15px; | |
font-size: 21px; | |
font-weight: 200; | |
} | |
.jumbotron > hr { | |
border-top-color: #d5d5d5; | |
} | |
.container .jumbotron, | |
.container-fluid .jumbotron { | |
border-radius: 6px; | |
} | |
.jumbotron .container { | |
max-width: 100%; | |
} | |
@media screen and (min-width: 768px) { | |
.jumbotron { | |
padding-top: 48px; | |
padding-bottom: 48px; | |
} | |
.container .jumbotron, | |
.container-fluid .jumbotron { | |
padding-right: 60px; | |
padding-left: 60px; | |
} | |
.jumbotron h1, | |
.jumbotron .h1 { | |
font-size: 63px; | |
} | |
} | |
.thumbnail { | |
display: block; | |
padding: 4px; | |
margin-bottom: 20px; | |
line-height: 1.42857143; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
-webkit-transition: border .2s ease-in-out; | |
-o-transition: border .2s ease-in-out; | |
transition: border .2s ease-in-out; | |
} | |
.thumbnail > img, | |
.thumbnail a > img { | |
margin-right: auto; | |
margin-left: auto; | |
} | |
a.thumbnail:hover, | |
a.thumbnail:focus, | |
a.thumbnail.active { | |
border-color: #337ab7; | |
} | |
.thumbnail .caption { | |
padding: 9px; | |
color: #333; | |
} | |
.alert { | |
padding: 15px; | |
margin-bottom: 20px; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
} | |
.alert h4 { | |
margin-top: 0; | |
color: inherit; | |
} | |
.alert .alert-link { | |
font-weight: bold; | |
} | |
.alert > p, | |
.alert > ul { | |
margin-bottom: 0; | |
} | |
.alert > p + p { | |
margin-top: 5px; | |
} | |
.alert-dismissable, | |
.alert-dismissible { | |
padding-right: 35px; | |
} | |
.alert-dismissable .close, | |
.alert-dismissible .close { | |
position: relative; | |
top: -2px; | |
right: -21px; | |
color: inherit; | |
} | |
.alert-success { | |
color: #3c763d; | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
} | |
.alert-success hr { | |
border-top-color: #c9e2b3; | |
} | |
.alert-success .alert-link { | |
color: #2b542c; | |
} | |
.alert-info { | |
color: #31708f; | |
background-color: #d9edf7; | |
border-color: #bce8f1; | |
} | |
.alert-info hr { | |
border-top-color: #a6e1ec; | |
} | |
.alert-info .alert-link { | |
color: #245269; | |
} | |
.alert-warning { | |
color: #8a6d3b; | |
background-color: #fcf8e3; | |
border-color: #faebcc; | |
} | |
.alert-warning hr { | |
border-top-color: #f7e1b5; | |
} | |
.alert-warning .alert-link { | |
color: #66512c; | |
} | |
.alert-danger { | |
color: #a94442; | |
background-color: #f2dede; | |
border-color: #ebccd1; | |
} | |
.alert-danger hr { | |
border-top-color: #e4b9c0; | |
} | |
.alert-danger .alert-link { | |
color: #843534; | |
} | |
@-webkit-keyframes progress-bar-stripes { | |
from { | |
background-position: 40px 0; | |
} | |
to { | |
background-position: 0 0; | |
} | |
} | |
@-o-keyframes progress-bar-stripes { | |
from { | |
background-position: 40px 0; | |
} | |
to { | |
background-position: 0 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: #f5f5f5; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
} | |
.progress-bar { | |
float: left; | |
width: 0; | |
height: 100%; | |
font-size: 12px; | |
line-height: 20px; | |
color: #fff; | |
text-align: center; | |
background-color: #337ab7; | |
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); | |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); | |
-webkit-transition: width .6s ease; | |
-o-transition: width .6s ease; | |
transition: width .6s ease; | |
} | |
.progress-striped .progress-bar, | |
.progress-bar-striped { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
-webkit-background-size: 40px 40px; | |
background-size: 40px 40px; | |
} | |
.progress.active .progress-bar, | |
.progress-bar.active { | |
-webkit-animation: progress-bar-stripes 2s linear infinite; | |
-o-animation: progress-bar-stripes 2s linear infinite; | |
animation: progress-bar-stripes 2s linear infinite; | |
} | |
.progress-bar-success { | |
background-color: #5cb85c; | |
} | |
.progress-striped .progress-bar-success { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-info { | |
background-color: #5bc0de; | |
} | |
.progress-striped .progress-bar-info { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-warning { | |
background-color: #f0ad4e; | |
} | |
.progress-striped .progress-bar-warning { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-danger { | |
background-color: #d9534f; | |
} | |
.progress-striped .progress-bar-danger { | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); | |
} | |
.media { | |
margin-top: 15px; | |
} | |
.media:first-child { | |
margin-top: 0; | |
} | |
.media, | |
.media-body { | |
overflow: hidden; | |
zoom: 1; | |
} | |
.media-body { | |
width: 10000px; | |
} | |
.media-object { | |
display: block; | |
} | |
.media-object.img-thumbnail { | |
max-width: none; | |
} | |
.media-right, | |
.media > .pull-right { | |
padding-left: 10px; | |
} | |
.media-left, | |
.media > .pull-left { | |
padding-right: 10px; | |
} | |
.media-left, | |
.media-right, | |
.media-body { | |
display: table-cell; | |
vertical-align: top; | |
} | |
.media-middle { | |
vertical-align: middle; | |
} | |
.media-bottom { | |
vertical-align: bottom; | |
} | |
.media-heading { | |
margin-top: 0; | |
margin-bottom: 5px; | |
} | |
.media-list { | |
padding-left: 0; | |
list-style: none; | |
} | |
.list-group { | |
padding-left: 0; | |
margin-bottom: 20px; | |
} | |
.list-group-item { | |
position: relative; | |
display: block; | |
padding: 10px 15px; | |
margin-bottom: -1px; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
} | |
.list-group-item:first-child { | |
border-top-left-radius: 4px; | |
border-top-right-radius: 4px; | |
} | |
.list-group-item:last-child { | |
margin-bottom: 0; | |
border-bottom-right-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
a.list-group-item, | |
button.list-group-item { | |
color: #555; | |
} | |
a.list-group-item .list-group-item-heading, | |
button.list-group-item .list-group-item-heading { | |
color: #333; | |
} | |
a.list-group-item:hover, | |
button.list-group-item:hover, | |
a.list-group-item:focus, | |
button.list-group-item:focus { | |
color: #555; | |
text-decoration: none; | |
background-color: #f5f5f5; | |
} | |
button.list-group-item { | |
width: 100%; | |
text-align: left; | |
} | |
.list-group-item.disabled, | |
.list-group-item.disabled:hover, | |
.list-group-item.disabled:focus { | |
color: #777; | |
cursor: not-allowed; | |
background-color: #eee; | |
} | |
.list-group-item.disabled .list-group-item-heading, | |
.list-group-item.disabled:hover .list-group-item-heading, | |
.list-group-item.disabled:focus .list-group-item-heading { | |
color: inherit; | |
} | |
.list-group-item.disabled .list-group-item-text, | |
.list-group-item.disabled:hover .list-group-item-text, | |
.list-group-item.disabled:focus .list-group-item-text { | |
color: #777; | |
} | |
.list-group-item.active, | |
.list-group-item.active:hover, | |
.list-group-item.active:focus { | |
z-index: 2; | |
color: #fff; | |
background-color: #337ab7; | |
border-color: #337ab7; | |
} | |
.list-group-item.active .list-group-item-heading, | |
.list-group-item.active:hover .list-group-item-heading, | |
.list-group-item.active:focus .list-group-item-heading, | |
.list-group-item.active .list-group-item-heading > small, | |
.list-group-item.active:hover .list-group-item-heading > small, | |
.list-group-item.active:focus .list-group-item-heading > small, | |
.list-group-item.active .list-group-item-heading > .small, | |
.list-group-item.active:hover .list-group-item-heading > .small, | |
.list-group-item.active:focus .list-group-item-heading > .small { | |
color: inherit; | |
} | |
.list-group-item.active .list-group-item-text, | |
.list-group-item.active:hover .list-group-item-text, | |
.list-group-item.active:focus .list-group-item-text { | |
color: #c7ddef; | |
} | |
.list-group-item-success { | |
color: #3c763d; | |
background-color: #dff0d8; | |
} | |
a.list-group-item-success, | |
button.list-group-item-success { | |
color: #3c763d; | |
} | |
a.list-group-item-success .list-group-item-heading, | |
button.list-group-item-success .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-success:hover, | |
button.list-group-item-success:hover, | |
a.list-group-item-success:focus, | |
button.list-group-item-success:focus { | |
color: #3c763d; | |
background-color: #d0e9c6; | |
} | |
a.list-group-item-success.active, | |
button.list-group-item-success.active, | |
a.list-group-item-success.active:hover, | |
button.list-group-item-success.active:hover, | |
a.list-group-item-success.active:focus, | |
button.list-group-item-success.active:focus { | |
color: #fff; | |
background-color: #3c763d; | |
border-color: #3c763d; | |
} | |
.list-group-item-info { | |
color: #31708f; | |
background-color: #d9edf7; | |
} | |
a.list-group-item-info, | |
button.list-group-item-info { | |
color: #31708f; | |
} | |
a.list-group-item-info .list-group-item-heading, | |
button.list-group-item-info .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-info:hover, | |
button.list-group-item-info:hover, | |
a.list-group-item-info:focus, | |
button.list-group-item-info:focus { | |
color: #31708f; | |
background-color: #c4e3f3; | |
} | |
a.list-group-item-info.active, | |
button.list-group-item-info.active, | |
a.list-group-item-info.active:hover, | |
button.list-group-item-info.active:hover, | |
a.list-group-item-info.active:focus, | |
button.list-group-item-info.active:focus { | |
color: #fff; | |
background-color: #31708f; | |
border-color: #31708f; | |
} | |
.list-group-item-warning { | |
color: #8a6d3b; | |
background-color: #fcf8e3; | |
} | |
a.list-group-item-warning, | |
button.list-group-item-warning { | |
color: #8a6d3b; | |
} | |
a.list-group-item-warning .list-group-item-heading, | |
button.list-group-item-warning .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-warning:hover, | |
button.list-group-item-warning:hover, | |
a.list-group-item-warning:focus, | |
button.list-group-item-warning:focus { | |
color: #8a6d3b; | |
background-color: #faf2cc; | |
} | |
a.list-group-item-warning.active, | |
button.list-group-item-warning.active, | |
a.list-group-item-warning.active:hover, | |
button.list-group-item-warning.active:hover, | |
a.list-group-item-warning.active:focus, | |
button.list-group-item-warning.active:focus { | |
color: #fff; | |
background-color: #8a6d3b; | |
border-color: #8a6d3b; | |
} | |
.list-group-item-danger { | |
color: #a94442; | |
background-color: #f2dede; | |
} | |
a.list-group-item-danger, | |
button.list-group-item-danger { | |
color: #a94442; | |
} | |
a.list-group-item-danger .list-group-item-heading, | |
button.list-group-item-danger .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-danger:hover, | |
button.list-group-item-danger:hover, | |
a.list-group-item-danger:focus, | |
button.list-group-item-danger:focus { | |
color: #a94442; | |
background-color: #ebcccc; | |
} | |
a.list-group-item-danger.active, | |
button.list-group-item-danger.active, | |
a.list-group-item-danger.active:hover, | |
button.list-group-item-danger.active:hover, | |
a.list-group-item-danger.active:focus, | |
button.list-group-item-danger.active:focus { | |
color: #fff; | |
background-color: #a94442; | |
border-color: #a94442; | |
} | |
.list-group-item-heading { | |
margin-top: 0; | |
margin-bottom: 5px; | |
} | |
.list-group-item-text { | |
margin-bottom: 0; | |
line-height: 1.3; | |
} | |
.panel { | |
margin-bottom: 20px; | |
background-color: #fff; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); | |
box-shadow: 0 1px 1px rgba(0, 0, 0, .05); | |
} | |
.panel-body { | |
padding: 15px; | |
} | |
.panel-heading { | |
padding: 10px 15px; | |
border-bottom: 1px solid transparent; | |
border-top-left-radius: 3px; | |
border-top-right-radius: 3px; | |
} | |
.panel-heading > .dropdown .dropdown-toggle { | |
color: inherit; | |
} | |
.panel-title { | |
margin-top: 0; | |
margin-bottom: 0; | |
font-size: 16px; | |
color: inherit; | |
} | |
.panel-title > a, | |
.panel-title > small, | |
.panel-title > .small, | |
.panel-title > small > a, | |
.panel-title > .small > a { | |
color: inherit; | |
} | |
.panel-footer { | |
padding: 10px 15px; | |
background-color: #f5f5f5; | |
border-top: 1px solid #ddd; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px; | |
} | |
.panel > .list-group, | |
.panel > .panel-collapse > .list-group { | |
margin-bottom: 0; | |
} | |
.panel > .list-group .list-group-item, | |
.panel > .panel-collapse > .list-group .list-group-item { | |
border-width: 1px 0; | |
border-radius: 0; | |
} | |
.panel > .list-group:first-child .list-group-item:first-child, | |
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { | |
border-top: 0; | |
border-top-left-radius: 3px; | |
border-top-right-radius: 3px; | |
} | |
.panel > .list-group:last-child .list-group-item:last-child, | |
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { | |
border-bottom: 0; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px; | |
} | |
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.panel-heading + .list-group .list-group-item:first-child { | |
border-top-width: 0; | |
} | |
.list-group + .panel-footer { | |
border-top-width: 0; | |
} | |
.panel > .table, | |
.panel > .table-responsive > .table, | |
.panel > .panel-collapse > .table { | |
margin-bottom: 0; | |
} | |
.panel > .table caption, | |
.panel > .table-responsive > .table caption, | |
.panel > .panel-collapse > .table caption { | |
padding-right: 15px; | |
padding-left: 15px; | |
} | |
.panel > .table:first-child, | |
.panel > .table-responsive:first-child > .table:first-child { | |
border-top-left-radius: 3px; | |
border-top-right-radius: 3px; | |
} | |
.panel > .table:first-child > thead:first-child > tr:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { | |
border-top-left-radius: 3px; | |
border-top-right-radius: 3px; | |
} | |
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, | |
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { | |
border-top-left-radius: 3px; | |
} | |
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, | |
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { | |
border-top-right-radius: 3px; | |
} | |
.panel > .table:last-child, | |
.panel > .table-responsive:last-child > .table:last-child { | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px; | |
} | |
.panel > .table:last-child > tbody:last-child > tr:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px; | |
} | |
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | |
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { | |
border-bottom-left-radius: 3px; | |
} | |
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | |
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { | |
border-bottom-right-radius: 3px; | |
} | |
.panel > .panel-body + .table, | |
.panel > .panel-body + .table-responsive, | |
.panel > .table + .panel-body, | |
.panel > .table-responsive + .panel-body { | |
border-top: 1px solid #ddd; | |
} | |
.panel > .table > tbody:first-child > tr:first-child th, | |
.panel > .table > tbody:first-child > tr:first-child td { | |
border-top: 0; | |
} | |
.panel > .table-bordered, | |
.panel > .table-responsive > .table-bordered { | |
border: 0; | |
} | |
.panel > .table-bordered > thead > tr > th:first-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, | |
.panel > .table-bordered > tbody > tr > th:first-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, | |
.panel > .table-bordered > tfoot > tr > th:first-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
.panel > .table-bordered > thead > tr > td:first-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, | |
.panel > .table-bordered > tbody > tr > td:first-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, | |
.panel > .table-bordered > tfoot > tr > td:first-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { | |
border-left: 0; | |
} | |
.panel > .table-bordered > thead > tr > th:last-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, | |
.panel > .table-bordered > tbody > tr > th:last-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, | |
.panel > .table-bordered > tfoot > tr > th:last-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
.panel > .table-bordered > thead > tr > td:last-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, | |
.panel > .table-bordered > tbody > tr > td:last-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, | |
.panel > .table-bordered > tfoot > tr > td:last-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { | |
border-right: 0; | |
} | |
.panel > .table-bordered > thead > tr:first-child > td, | |
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, | |
.panel > .table-bordered > tbody > tr:first-child > td, | |
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, | |
.panel > .table-bordered > thead > tr:first-child > th, | |
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, | |
.panel > .table-bordered > tbody > tr:first-child > th, | |
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { | |
border-bottom: 0; | |
} | |
.panel > .table-bordered > tbody > tr:last-child > td, | |
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, | |
.panel > .table-bordered > tfoot > tr:last-child > td, | |
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, | |
.panel > .table-bordered > tbody > tr:last-child > th, | |
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, | |
.panel > .table-bordered > tfoot > tr:last-child > th, | |
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { | |
border-bottom: 0; | |
} | |
.panel > .table-responsive { | |
margin-bottom: 0; | |
border: 0; | |
} | |
.panel-group { | |
margin-bottom: 20px; | |
} | |
.panel-group .panel { | |
margin-bottom: 0; | |
border-radius: 4px; | |
} | |
.panel-group .panel + .panel { | |
margin-top: 5px; | |
} | |
.panel-group .panel-heading { | |
border-bottom: 0; | |
} | |
.panel-group .panel-heading + .panel-collapse > .panel-body, | |
.panel-group .panel-heading + .panel-collapse > .list-group { | |
border-top: 1px solid #ddd; | |
} | |
.panel-group .panel-footer { | |
border-top: 0; | |
} | |
.panel-group .panel-footer + .panel-collapse .panel-body { | |
border-bottom: 1px solid #ddd; | |
} | |
.panel-default { | |
border-color: #ddd; | |
} | |
.panel-default > .panel-heading { | |
color: #333; | |
background-color: #f5f5f5; | |
border-color: #ddd; | |
} | |
.panel-default > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #ddd; | |
} | |
.panel-default > .panel-heading .badge { | |
color: #f5f5f5; | |
background-color: #333; | |
} | |
.panel-default > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #ddd; | |
} | |
.panel-primary { | |
border-color: #337ab7; | |
} | |
.panel-primary > .panel-heading { | |
color: #fff; | |
background-color: #337ab7; | |
border-color: #337ab7; | |
} | |
.panel-primary > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #337ab7; | |
} | |
.panel-primary > .panel-heading .badge { | |
color: #337ab7; | |
background-color: #fff; | |
} | |
.panel-primary > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #337ab7; | |
} | |
.panel-success { | |
border-color: #d6e9c6; | |
} | |
.panel-success > .panel-heading { | |
color: #3c763d; | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
} | |
.panel-success > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #d6e9c6; | |
} | |
.panel-success > .panel-heading .badge { | |
color: #dff0d8; | |
background-color: #3c763d; | |
} | |
.panel-success > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #d6e9c6; | |
} | |
.panel-info { | |
border-color: #bce8f1; | |
} | |
.panel-info > .panel-heading { | |
color: #31708f; | |
background-color: #d9edf7; | |
border-color: #bce8f1; | |
} | |
.panel-info > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #bce8f1; | |
} | |
.panel-info > .panel-heading .badge { | |
color: #d9edf7; | |
background-color: #31708f; | |
} | |
.panel-info > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #bce8f1; | |
} | |
.panel-warning { | |
border-color: #faebcc; | |
} | |
.panel-warning > .panel-heading { | |
color: #8a6d3b; | |
background-color: #fcf8e3; | |
border-color: #faebcc; | |
} | |
.panel-warning > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #faebcc; | |
} | |
.panel-warning > .panel-heading .badge { | |
color: #fcf8e3; | |
background-color: #8a6d3b; | |
} | |
.panel-warning > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #faebcc; | |
} | |
.panel-danger { | |
border-color: #ebccd1; | |
} | |
.panel-danger > .panel-heading { | |
color: #a94442; | |
background-color: #f2dede; | |
border-color: #ebccd1; | |
} | |
.panel-danger > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #ebccd1; | |
} | |
.panel-danger > .panel-heading .badge { | |
color: #f2dede; | |
background-color: #a94442; | |
} | |
.panel-danger > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #ebccd1; | |
} | |
.embed-responsive { | |
position: relative; | |
display: block; | |
height: 0; | |
padding: 0; | |
overflow: hidden; | |
} | |
.embed-responsive .embed-responsive-item, | |
.embed-responsive iframe, | |
.embed-responsive embed, | |
.embed-responsive object, | |
.embed-responsive video { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
border: 0; | |
} | |
.embed-responsive-16by9 { | |
padding-bottom: 56.25%; | |
} | |
.embed-responsive-4by3 { | |
padding-bottom: 75%; | |
} | |
.well { | |
min-height: 20px; | |
padding: 19px; | |
margin-bottom: 20px; | |
background-color: #f5f5f5; | |
border: 1px solid #e3e3e3; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); | |
} | |
.well blockquote { | |
border-color: #ddd; | |
border-color: rgba(0, 0, 0, .15); | |
} | |
.well-lg { | |
padding: 24px; | |
border-radius: 6px; | |
} | |
.well-sm { | |
padding: 9px; | |
border-radius: 3px; | |
} | |
.close { | |
float: right; | |
font-size: 21px; | |
font-weight: bold; | |
line-height: 1; | |
color: #000; | |
text-shadow: 0 1px 0 #fff; | |
filter: alpha(opacity=20); | |
opacity: .2; | |
} | |
.close:hover, | |
.close:focus { | |
color: #000; | |
text-decoration: none; | |
cursor: pointer; | |
filter: alpha(opacity=50); | |
opacity: .5; | |
} | |
button.close { | |
-webkit-appearance: none; | |
padding: 0; | |
cursor: pointer; | |
background: transparent; | |
border: 0; | |
} | |
.modal-open { | |
overflow: hidden; | |
} | |
.modal { | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1050; | |
display: none; | |
overflow: hidden; | |
-webkit-overflow-scrolling: touch; | |
outline: 0; | |
} | |
.modal.fade .modal-dialog { | |
-webkit-transition: -webkit-transform .3s ease-out; | |
-o-transition: -o-transform .3s ease-out; | |
transition: transform .3s ease-out; | |
-webkit-transform: translate(0, -25%); | |
-ms-transform: translate(0, -25%); | |
-o-transform: translate(0, -25%); | |
transform: translate(0, -25%); | |
} | |
.modal.in .modal-dialog { | |
-webkit-transform: translate(0, 0); | |
-ms-transform: translate(0, 0); | |
-o-transform: translate(0, 0); | |
transform: translate(0, 0); | |
} | |
.modal-open .modal { | |
overflow-x: hidden; | |
overflow-y: auto; | |
} | |
.modal-dialog { | |
position: relative; | |
width: auto; | |
margin: 10px; | |
} | |
.modal-content { | |
position: relative; | |
background-color: #fff; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
border: 1px solid #999; | |
border: 1px solid rgba(0, 0, 0, .2); | |
border-radius: 6px; | |
outline: 0; | |
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); | |
box-shadow: 0 3px 9px rgba(0, 0, 0, .5); | |
} | |
.modal-backdrop { | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1040; | |
background-color: #000; | |
} | |
.modal-backdrop.fade { | |
filter: alpha(opacity=0); | |
opacity: 0; | |
} | |
.modal-backdrop.in { | |
filter: alpha(opacity=50); | |
opacity: .5; | |
} | |
.modal-header { | |
min-height: 16.42857143px; | |
padding: 15px; | |
border-bottom: 1px solid #e5e5e5; | |
} | |
.modal-header .close { | |
margin-top: -2px; | |
} | |
.modal-title { | |
margin: 0; | |
line-height: 1.42857143; | |
} | |
.modal-body { | |
position: relative; | |
padding: 15px; | |
} | |
.modal-footer { | |
padding: 15px; | |
text-align: right; | |
border-top: 1px solid #e5e5e5; | |
} | |
.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; | |
} | |
.modal-scrollbar-measure { | |
position: absolute; | |
top: -9999px; | |
width: 50px; | |
height: 50px; | |
overflow: scroll; | |
} | |
@media (min-width: 768px) { | |
.modal-dialog { | |
width: 600px; | |
margin: 30px auto; | |
} | |
.modal-content { | |
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); | |
box-shadow: 0 5px 15px rgba(0, 0, 0, .5); | |
} | |
.modal-sm { | |
width: 300px; | |
} | |
} | |
@media (min-width: 992px) { | |
.modal-lg { | |
width: 900px; | |
} | |
} | |
.tooltip { | |
position: absolute; | |
z-index: 1070; | |
display: block; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 12px; | |
font-style: normal; | |
font-weight: normal; | |
line-height: 1.42857143; | |
text-align: left; | |
text-align: start; | |
text-decoration: none; | |
text-shadow: none; | |
text-transform: none; | |
letter-spacing: normal; | |
word-break: normal; | |
word-spacing: normal; | |
word-wrap: normal; | |
white-space: normal; | |
filter: alpha(opacity=0); | |
opacity: 0; | |
line-break: auto; | |
} | |
.tooltip.in { | |
filter: alpha(opacity=90); | |
opacity: .9; | |
} | |
.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: 3px 8px; | |
color: #fff; | |
text-align: center; | |
background-color: #000; | |
border-radius: 4px; | |
} | |
.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-width: 5px 5px 0; | |
border-top-color: #000; | |
} | |
.tooltip.top-left .tooltip-arrow { | |
right: 5px; | |
bottom: 0; | |
margin-bottom: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000; | |
} | |
.tooltip.top-right .tooltip-arrow { | |
bottom: 0; | |
left: 5px; | |
margin-bottom: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000; | |
} | |
.tooltip.right .tooltip-arrow { | |
top: 50%; | |
left: 0; | |
margin-top: -5px; | |
border-width: 5px 5px 5px 0; | |
border-right-color: #000; | |
} | |
.tooltip.left .tooltip-arrow { | |
top: 50%; | |
right: 0; | |
margin-top: -5px; | |
border-width: 5px 0 5px 5px; | |
border-left-color: #000; | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000; | |
} | |
.tooltip.bottom-left .tooltip-arrow { | |
top: 0; | |
right: 5px; | |
margin-top: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000; | |
} | |
.tooltip.bottom-right .tooltip-arrow { | |
top: 0; | |
left: 5px; | |
margin-top: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000; | |
} | |
.popover { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1060; | |
display: none; | |
max-width: 276px; | |
padding: 1px; | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
font-style: normal; | |
font-weight: normal; | |
line-height: 1.42857143; | |
text-align: left; | |
text-align: start; | |
text-decoration: none; | |
text-shadow: none; | |
text-transform: none; | |
letter-spacing: normal; | |
word-break: normal; | |
word-spacing: normal; | |
word-wrap: normal; | |
white-space: normal; | |
background-color: #fff; | |
-webkit-background-clip: padding-box; | |
background-clip: padding-box; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, .2); | |
border-radius: 6px; | |
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); | |
box-shadow: 0 5px 10px rgba(0, 0, 0, .2); | |
line-break: auto; | |
} | |
.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; | |
background-color: #f7f7f7; | |
border-bottom: 1px solid #ebebeb; | |
border-radius: 5px 5px 0 0; | |
} | |
.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 { | |
content: ""; | |
border-width: 10px; | |
} | |
.popover.top > .arrow { | |
bottom: -11px; | |
left: 50%; | |
margin-left: -11px; | |
border-top-color: #999; | |
border-top-color: rgba(0, 0, 0, .25); | |
border-bottom-width: 0; | |
} | |
.popover.top > .arrow:after { | |
bottom: 1px; | |
margin-left: -10px; | |
content: " "; | |
border-top-color: #fff; | |
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, .25); | |
border-left-width: 0; | |
} | |
.popover.right > .arrow:after { | |
bottom: -10px; | |
left: 1px; | |
content: " "; | |
border-right-color: #fff; | |
border-left-width: 0; | |
} | |
.popover.bottom > .arrow { | |
top: -11px; | |
left: 50%; | |
margin-left: -11px; | |
border-top-width: 0; | |
border-bottom-color: #999; | |
border-bottom-color: rgba(0, 0, 0, .25); | |
} | |
.popover.bottom > .arrow:after { | |
top: 1px; | |
margin-left: -10px; | |
content: " "; | |
border-top-width: 0; | |
border-bottom-color: #fff; | |
} | |
.popover.left > .arrow { | |
top: 50%; | |
right: -11px; | |
margin-top: -11px; | |
border-right-width: 0; | |
border-left-color: #999; | |
border-left-color: rgba(0, 0, 0, .25); | |
} | |
.popover.left > .arrow:after { | |
right: 1px; | |
bottom: -10px; | |
content: " "; | |
border-right-width: 0; | |
border-left-color: #fff; | |
} | |
.carousel { | |
position: relative; | |
} | |
.carousel-inner { | |
position: relative; | |
width: 100%; | |
overflow: hidden; | |
} | |
.carousel-inner > .item { | |
position: relative; | |
display: none; | |
-webkit-transition: .6s ease-in-out left; | |
-o-transition: .6s ease-in-out left; | |
transition: .6s ease-in-out left; | |
} | |
.carousel-inner > .item > img, | |
.carousel-inner > .item > a > img { | |
line-height: 1; | |
} | |
@media all and (transform-3d), (-webkit-transform-3d) { | |
.carousel-inner > .item { | |
-webkit-transition: -webkit-transform .6s ease-in-out; | |
-o-transition: -o-transform .6s ease-in-out; | |
transition: transform .6s ease-in-out; | |
-webkit-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-webkit-perspective: 1000px; | |
perspective: 1000px; | |
} | |
.carousel-inner > .item.next, | |
.carousel-inner > .item.active.right { | |
left: 0; | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0); | |
} | |
.carousel-inner > .item.prev, | |
.carousel-inner > .item.active.left { | |
left: 0; | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0); | |
} | |
.carousel-inner > .item.next.left, | |
.carousel-inner > .item.prev.right, | |
.carousel-inner > .item.active { | |
left: 0; | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0); | |
} | |
} | |
.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: 0; | |
bottom: 0; | |
left: 0; | |
width: 15%; | |
font-size: 20px; | |
color: #fff; | |
text-align: center; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, .6); | |
filter: alpha(opacity=50); | |
opacity: .5; | |
} | |
.carousel-control.left { | |
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); | |
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); | |
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); | |
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); | |
background-repeat: repeat-x; | |
} | |
.carousel-control.right { | |
right: 0; | |
left: auto; | |
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); | |
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); | |
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); | |
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); | |
background-repeat: repeat-x; | |
} | |
.carousel-control:hover, | |
.carousel-control:focus { | |
color: #fff; | |
text-decoration: none; | |
filter: alpha(opacity=90); | |
outline: 0; | |
opacity: .9; | |
} | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next, | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .glyphicon-chevron-right { | |
position: absolute; | |
top: 50%; | |
z-index: 5; | |
display: inline-block; | |
margin-top: -10px; | |
} | |
.carousel-control .icon-prev, | |
.carousel-control .glyphicon-chevron-left { | |
left: 50%; | |
margin-left: -10px; | |
} | |
.carousel-control .icon-next, | |
.carousel-control .glyphicon-chevron-right { | |
right: 50%; | |
margin-right: -10px; | |
} | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next { | |
width: 20px; | |
height: 20px; | |
font-family: serif; | |
line-height: 1; | |
} | |
.carousel-control .icon-prev:before { | |
content: '\2039'; | |
} | |
.carousel-control .icon-next:before { | |
content: '\203a'; | |
} | |
.carousel-indicators { | |
position: absolute; | |
bottom: 10px; | |
left: 50%; | |
z-index: 15; | |
width: 60%; | |
padding-left: 0; | |
margin-left: -30%; | |
text-align: center; | |
list-style: none; | |
} | |
.carousel-indicators li { | |
display: inline-block; | |
width: 10px; | |
height: 10px; | |
margin: 1px; | |
text-indent: -999px; | |
cursor: pointer; | |
background-color: #000 \9; | |
background-color: rgba(0, 0, 0, 0); | |
border: 1px solid #fff; | |
border-radius: 10px; | |
} | |
.carousel-indicators .active { | |
width: 12px; | |
height: 12px; | |
margin: 0; | |
background-color: #fff; | |
} | |
.carousel-caption { | |
position: absolute; | |
right: 15%; | |
bottom: 20px; | |
left: 15%; | |
z-index: 10; | |
padding-top: 20px; | |
padding-bottom: 20px; | |
color: #fff; | |
text-align: center; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, .6); | |
} | |
.carousel-caption .btn { | |
text-shadow: none; | |
} | |
@media screen and (min-width: 768px) { | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .glyphicon-chevron-right, | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next { | |
width: 30px; | |
height: 30px; | |
margin-top: -15px; | |
font-size: 30px; | |
} | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .icon-prev { | |
margin-left: -15px; | |
} | |
.carousel-control .glyphicon-chevron-right, | |
.carousel-control .icon-next { | |
margin-right: -15px; | |
} | |
.carousel-caption { | |
right: 20%; | |
left: 20%; | |
padding-bottom: 30px; | |
} | |
.carousel-indicators { | |
bottom: 20px; | |
} | |
} | |
.clearfix:before, | |
.clearfix:after, | |
.dl-horizontal dd:before, | |
.dl-horizontal dd:after, | |
.container:before, | |
.container:after, | |
.container-fluid:before, | |
.container-fluid:after, | |
.row:before, | |
.row:after, | |
.form-horizontal .form-group:before, | |
.form-horizontal .form-group:after, | |
.btn-toolbar:before, | |
.btn-toolbar:after, | |
.btn-group-vertical > .btn-group:before, | |
.btn-group-vertical > .btn-group:after, | |
.nav:before, | |
.nav:after, | |
.navbar:before, | |
.navbar:after, | |
.navbar-header:before, | |
.navbar-header:after, | |
.navbar-collapse:before, | |
.navbar-collapse:after, | |
.pager:before, | |
.pager:after, | |
.panel-body:before, | |
.panel-body:after, | |
.modal-footer:before, | |
.modal-footer:after { | |
display: table; | |
content: " "; | |
} | |
.clearfix:after, | |
.dl-horizontal dd:after, | |
.container:after, | |
.container-fluid:after, | |
.row:after, | |
.form-horizontal .form-group:after, | |
.btn-toolbar:after, | |
.btn-group-vertical > .btn-group:after, | |
.nav:after, | |
.navbar:after, | |
.navbar-header:after, | |
.navbar-collapse:after, | |
.pager:after, | |
.panel-body:after, | |
.modal-footer:after { | |
clear: both; | |
} | |
.center-block { | |
display: block; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
.pull-right { | |
float: right !important; | |
} | |
.pull-left { | |
float: left !important; | |
} | |
.hide { | |
display: none !important; | |
} | |
.show { | |
display: block !important; | |
} | |
.invisible { | |
visibility: hidden; | |
} | |
.text-hide { | |
font: 0/0 a; | |
color: transparent; | |
text-shadow: none; | |
background-color: transparent; | |
border: 0; | |
} | |
.hidden { | |
display: none !important; | |
} | |
.affix { | |
position: fixed; | |
} | |
@-ms-viewport { | |
width: device-width; | |
} | |
.visible-xs, | |
.visible-sm, | |
.visible-md, | |
.visible-lg { | |
display: none !important; | |
} | |
.visible-xs-block, | |
.visible-xs-inline, | |
.visible-xs-inline-block, | |
.visible-sm-block, | |
.visible-sm-inline, | |
.visible-sm-inline-block, | |
.visible-md-block, | |
.visible-md-inline, | |
.visible-md-inline-block, | |
.visible-lg-block, | |
.visible-lg-inline, | |
.visible-lg-inline-block { | |
display: none !important; | |
} | |
@media (max-width: 767px) { | |
.visible-xs { | |
display: block !important; | |
} | |
table.visible-xs { | |
display: table !important; | |
} | |
tr.visible-xs { | |
display: table-row !important; | |
} | |
th.visible-xs, | |
td.visible-xs { | |
display: table-cell !important; | |
} | |
} | |
@media (max-width: 767px) { | |
.visible-xs-block { | |
display: block !important; | |
} | |
} | |
@media (max-width: 767px) { | |
.visible-xs-inline { | |
display: inline !important; | |
} | |
} | |
@media (max-width: 767px) { | |
.visible-xs-inline-block { | |
display: inline-block !important; | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm { | |
display: block !important; | |
} | |
table.visible-sm { | |
display: table !important; | |
} | |
tr.visible-sm { | |
display: table-row !important; | |
} | |
th.visible-sm, | |
td.visible-sm { | |
display: table-cell !important; | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm-block { | |
display: block !important; | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm-inline { | |
display: inline !important; | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm-inline-block { | |
display: inline-block !important; | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-md { | |
display: block !important; | |
} | |
table.visible-md { | |
display: table !important; | |
} | |
tr.visible-md { | |
display: table-row !important; | |
} | |
th.visible-md, | |
td.visible-md { | |
display: table-cell !important; | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-md-block { | |
display: block !important; | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-md-inline { | |
display: inline !important; | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-md-inline-block { | |
display: inline-block !important; | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-lg { | |
display: block !important; | |
} | |
table.visible-lg { | |
display: table !important; | |
} | |
tr.visible-lg { | |
display: table-row !important; | |
} | |
th.visible-lg, | |
td.visible-lg { | |
display: table-cell !important; | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-lg-block { | |
display: block !important; | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-lg-inline { | |
display: inline !important; | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-lg-inline-block { | |
display: inline-block !important; | |
} | |
} | |
@media (max-width: 767px) { | |
.hidden-xs { | |
display: none !important; | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.hidden-sm { | |
display: none !important; | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.hidden-md { | |
display: none !important; | |
} | |
} | |
@media (min-width: 1200px) { | |
.hidden-lg { | |
display: none !important; | |
} | |
} | |
.visible-print { | |
display: none !important; | |
} | |
@media print { | |
.visible-print { | |
display: block !important; | |
} | |
table.visible-print { | |
display: table !important; | |
} | |
tr.visible-print { | |
display: table-row !important; | |
} | |
th.visible-print, | |
td.visible-print { | |
display: table-cell !important; | |
} | |
} | |
.visible-print-block { | |
display: none !important; | |
} | |
@media print { | |
.visible-print-block { | |
display: block !important; | |
} | |
} | |
.visible-print-inline { | |
display: none !important; | |
} | |
@media print { | |
.visible-print-inline { | |
display: inline !important; | |
} | |
} | |
.visible-print-inline-block { | |
display: none !important; | |
} | |
@media print { | |
.visible-print-inline-block { | |
display: inline-block !important; | |
} | |
} | |
@media print { | |
.hidden-print { | |
display: none !important; | |
} | |
} | |
/*# sourceMappingURL=bootstrap.css.map */ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@ | |
keyframes blink { 0% { | |
opacity: 0.15; | |
} | |
50%{ | |
opacity | |
: | |
0 | |
.3 | |
; | |
} | |
100% | |
{ | |
opacity | |
: | |
0 | |
.15 | |
; | |
} | |
} | |
@ | |
-webkit-keyframes blink { 0% { | |
opacity: 0.15; | |
} | |
50% | |
{ | |
opacity | |
: | |
0 | |
.3 | |
; | |
} | |
100% | |
{ | |
opacity | |
: | |
0 | |
.15 | |
; | |
} | |
} | |
@ | |
keyframes anim-rotate { 0% { | |
transform: rotate(0); | |
} | |
100% | |
{ | |
transform | |
: | |
rotate | |
(360 | |
deg | |
); | |
} | |
} | |
@ | |
-webkit-keyframes anim-rotate { 0% { | |
-webkit-transform: rotate(0); | |
} | |
100% | |
{ | |
-webkit-transform | |
: | |
rotate | |
(360 | |
deg | |
); | |
} | |
} | |
@font-face { | |
font-family: 'icomoon'; | |
src: url('fonts/icomoon.eot'); | |
src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), | |
url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') | |
format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
.fse-TaskIndicator { | |
background-color: #333; | |
padding: 0; | |
} | |
.fse-TaskIndicator .fs-TaskIndicator-label { | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 13px; | |
font-weight: 500; | |
font-style: normal; | |
color: #999; | |
} | |
.fse-Rotate .html-face { | |
animation: anim-rotate 2s infinite linear; | |
transform-origin-x: 13px; | |
transform-origin-y: 13px; | |
-webkit-animation: anim-rotate 1s infinite linear; | |
-webkit-transform-origin-x: 13px; | |
-webkit-transform-origin-y: 13px; | |
} | |
.fs-DialogCheckBox { | |
margin-bottom: 4px; | |
} | |
.fs-DialogCheckBox label { | |
position: relative; | |
left: 4px; | |
top: -2px; | |
} | |
.fse-FolderToolbar { | |
border-bottom: 1px solid #E0E0E0; | |
padding: 2px 5px 5px 8px; | |
background-color: #f5f5f5; | |
} | |
.fse-SelectedFolderIcon { | |
margin-left: 6px; | |
margin-right: 6px; | |
position: relative; | |
top: 1px; | |
color: #4D90FE; | |
} | |
.fse-SelectedFolderPanel { | |
background-color: #fafafa; | |
border-top: 1px solid #E0E0E0; | |
border-bottom: 1px solid #E0E0E0; | |
margin-bottom: 10px; | |
padding: 8px 5px 5px 16px; | |
} | |
.fse-SelectedPath { | |
font-family: 'Ubuntu', sans-serif; | |
font-weight: bold; | |
} | |
.fs-DialogCheckbox { | |
left: -3px; | |
position: relative; | |
top: 5px; | |
} | |
.fs-DialogCheckbox label { | |
margin-left: 6px; | |
position: relative; | |
bottom: 2px; | |
} | |
.fse-ChangesImage { | |
margin-top: 3px; | |
border: 1px solid #eee; | |
border-radius: 20px; | |
margin-right: 8px; | |
} | |
.fse-ChangesLabel { | |
color: #666; | |
white-space: nowrap; | |
font-size: 12px; | |
margin-right: 8px; | |
} | |
.fse-EmbeddedCollaboratorPanel .fsc-ChatButton { | |
margin-right: -8px; | |
margin-top: 2px; | |
height: 25px; | |
} | |
.fse-DialogPrompt { | |
color: #333333; | |
font-weight: bold; | |
padding-left: 3px; | |
padding-top: 6px; | |
padding-bottom: 3px; | |
} | |
.fse-EmbeddedCollaboratorPanel { | |
margin-top: 1px; | |
margin-right: 51px; | |
} | |
.fse-CollaborationPointer { | |
position: absolute; | |
opacity: 0.65; | |
-webkit-transition: all 0.5s ease-in-out; | |
-moz-transition: all 0.5s ease-in-out; | |
-ms-transition: all 0.5s ease-in-out; | |
-o-transition: all 0.5s ease-in-out; | |
transition: all 0.5s ease-in-out; | |
} | |
.fse-CollaborationPointerActor { | |
position: relative; | |
left: 6px; | |
top: 2px; | |
color: #ffffff; | |
padding: 2px; | |
font-family: arial; | |
font-size: 8px; | |
border-radius: 3px; | |
} | |
.fse-CollaborationCursor { | |
position: absolute; | |
border-left: 2px solid; | |
} | |
.fse-CollaborationCursorTop { | |
position: relative; | |
} | |
.fse-CollaborationCursorActor { | |
top: -20; | |
position: relative; | |
padding: 2px; | |
padding-left: 4px; | |
padding-right: 4px; | |
font-family: arial; | |
font-size: 10px; | |
opacity: 1; | |
-webkit-transition: all 1s ease-in-out; | |
-moz-transition: all 1s ease-in-out; | |
-ms-transition: all 1s ease-in-out; | |
-o-transition: all 1s ease-in-out; | |
transition: all 1s ease-in-out; | |
} | |
.fse-CollaborationCursorActor-hidden,.fse-CollaborationPointer-hidden { | |
opacity: 0; | |
} | |
.fse-CollaborationSelection { | |
position: absolute; | |
opacity: 0.15; | |
} | |
.fse-CollaborationEditRegion { | |
position: absolute; | |
opacity: 0.1; | |
} | |
.fse-CollaborationEditRegion-active { | |
position: absolute; | |
opacity: 0.3; | |
animation: blink 1s; | |
animation-iteration-count: infinite; | |
-webkit-animation: blink 1s; | |
-webkit-animation-iteration-count: infinite; | |
} | |
.fse-SyntaxError { | |
position: absolute; | |
background-image: url('syntaxError.png'); | |
background-repeat: repeat-x; | |
background-position: left bottom; | |
} | |
.fse-Comment { | |
position: absolute; | |
background-color: #ff0; | |
opacity: 0.35; | |
} | |
.fse-CommentSelected { | |
position: absolute; | |
background-color: #ff9300; | |
opacity: 0.35; | |
} | |
.fse-CommentResolved { | |
position: absolute; | |
background-color: transparent; | |
pointer-events: none; | |
} | |
.fse-CommentAuthor { | |
font-weight: bold; | |
overflow: hidden; | |
white-space: nowrap; | |
max-width: 80px; | |
} | |
.fse-CommentPanelSelected .fse-CommentAuthor,.fse-CommentPanelSelected .fse-CommentContent,.fse-CommentPanelSelected .fse-CommentDate,.fse-CommentPanelSelected .fse-CommentToolbar | |
{ | |
background-color: #fcfac6; | |
} | |
.fse-CommentPanelSelected .fse-ReplyPanel .fse-CommentAuthor,.fse-CommentPanelSelected .fse-ReplyPanel .fse-CommentContent,.fse-CommentPanelSelected .fse-ReplyPanel .fse-CommentDate,.fse-CommentPanelSelected .fse-ReplyPanel .fse-CommentToolbar,.fse-CommentPanelSelected .fse-ReplyPanel .fse-CommentVerb | |
{ | |
background-color: #eff2f9; | |
} | |
.fse-CommentDate { | |
font-size: 10px; | |
color: #666; | |
} | |
.fse-CommentsScrollPanel .fse-CommentDate { | |
text-align: right; | |
} | |
.fse-CommentContent,.fse-CommentVerb { | |
color: #666; | |
} | |
.fse-CommentVerb { | |
font-style: italic; | |
} | |
.fse-CommentAuthorPhoto { | |
max-width: 32px; | |
max-height: 32px; | |
width: auto; | |
height: auto; | |
} | |
.fse-CommentsScrollPanel .fse-CommentAuthorPhoto { | |
max-width: 48px; | |
max-height: 48px; | |
} | |
.fse-CommentsScrollPanel .fse-ReplyPanel .fse-CommentAuthorPhoto { | |
max-width: 24px; | |
max-height: 24px; | |
padding-left: 22px; | |
padding-right: 6px; | |
padding-top: 6px; | |
} | |
.fse-CommentTextArea { | |
margin-bottom: 5px; | |
min-height: 38px; | |
} | |
.fse-CommentTextArea .gwt-TextArea { | |
border: 1px solid #e0e0e0; | |
border-radius: 4px; | |
resize: none; | |
min-height: 38px; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
} | |
.fse-ResolvedComment { | |
-webkit-transform: scale(0.1, 0.1); | |
-moz-transform: scale(0.1, 0.1); | |
-o-transform: scale(0.1, 0.1); | |
transform: scale(0.1, 0.1); | |
} | |
.fse-ResolvedComment,.fse-SelectedComment,.fse-DefaultComment { | |
z-index: 2; | |
} | |
.fse-AnimatedComment { | |
-webkit-transition: top 0.5s ease-out, right 0.5s ease-out, | |
-webkit-transform 0.5s ease-out; | |
-moz-transition: top 0.5s ease-out, right 0.5s ease-out, -moz-transform | |
0.5s ease-out; | |
-o-transition: top 0.5s ease-out, right 0.5s ease-out, -o-transform 0.5s | |
ease-out; | |
transition: top 0.5s ease-out, right 0.5s ease-out, transform 0.5s | |
ease-out; | |
} | |
.fse-SelectedComment:after,.fse-SelectedComment:before { | |
border: solid transparent; | |
content: ' '; | |
height: 0; | |
left: -20px; | |
width: 0; | |
position: absolute; | |
} | |
.fse-SelectedComment:after { | |
border-width: 9px; | |
border-right-color: #fcfac6; | |
left: -17px; | |
top: 15px; | |
} | |
.fse-SelectedComment:before { | |
border-width: 11px; | |
border-right-color: #ffe572; | |
top: 13px; | |
} | |
.fse-CommentPanel { | |
background-color: #fafafa; | |
border: 1px solid #aaa; | |
padding: 5px; | |
} | |
.fse-CommentsScrollPanel .fse-CommentPanel { | |
background-color: #fff; | |
border: 0px; | |
border-bottom: 1px solid #e5e5e5; | |
padding-bottom: 8px; | |
margin-bottom: 10px; | |
} | |
.fse-ReplyPanel { | |
border-top: 1px dashed #e5e5e5; | |
padding-top: 5px; | |
} | |
.fse-CommentController .fse-ReplyPanel { | |
border-top: none; | |
padding-top: 0px; | |
margin-top: 4px; | |
} | |
.fse-DefaultComment:hover .fse-CommentPanel { | |
background-color: #f6f6f6; | |
} | |
.fse-SelectedComment .fse-CommentPanel { | |
background-color: #fcfac6; | |
border: 1px solid #ffe572; | |
} | |
.fse-CommentButton { | |
margin-right: 6px; | |
} | |
.fse-CommentPanel a,.fse-CommentPanelSelected a { | |
color: #15c; | |
font-size: 11px; | |
margin: 0 2px; | |
text-decoration: none; | |
} | |
.fse-CommentPanel a:hover,.fse-CommentPanelSelected a:hover { | |
text-decoration: underline; | |
} | |
.fse-TableHeader { | |
font-weight: bold; | |
padding-top: 6px; | |
} | |
.fse-DomainVerificationSucceeded,.fse-DomainVerificationFailed { | |
padding-left: 16px; | |
padding-right: 16px; | |
font-weight: bold; | |
border: 1px solid #ccc; | |
background-color: #ffe0e0; | |
border-radius: 5px; | |
line-height: 18px; | |
} | |
.fse-DomainVerificationSucceeded { | |
background-color: #e0ffe0; | |
} | |
.fse-AlreadyPublished { | |
padding-top: 16px; | |
font-weight: bold; | |
} | |
.fse-DomainVerificationFailed { | |
padding-left: 16px; | |
padding-right: 16px; | |
font-weight: bold; | |
border: 1px solid #ccc; | |
background-color: #ffe0e0; | |
border-radius: 5px; | |
line-height: 18px; | |
} | |
.fse-ConnectionError { | |
color: #FF0000; | |
font-weight: bold; | |
padding-bottom: 16px | |
} | |
.fse-AlreadyPublished { | |
font-weigth: bold; | |
} | |
.fse-MatchesLabel { | |
color: #999; | |
} | |
.fse-SidebarToolbar { | |
background-color: #000; | |
height: 37px; | |
} | |
.fse-SidebarToolbar .gwt-Label { | |
color: white; | |
font-weight: bold; | |
font-size: 13px; | |
padding-left: 10px; | |
} | |
.fse-Sidebar { | |
background-color: white; | |
border-left: 1px solid #EBEBEB; | |
} | |
.fse-EditorPanel { | |
border: 1px solid #EBEBEB; | |
border-top: 0px; | |
} | |
.fse-PreviewFrame { | |
border-left: 1px solid #EBEBEB; | |
} | |
.fse-EditorLeft { | |
border-right: 1px solid #EBEBEB; | |
} | |
.fse-EditorTabPanel { | |
border-top: 1px solid #EBEBEB; | |
} | |
.fse-EditorTabPanel table { | |
border-right: 1px solid #EBEBEB; | |
} | |
.fse-TabImage { | |
margin-left: 10px; | |
margin-right: 10px; | |
margin-top: 3px; | |
} | |
.fse-TabLabel { | |
margin-right: 10px; | |
margin-left: 10px; | |
} | |
.fse-TabButton { | |
margin-right: 10px; | |
} | |
.fse-SaveLabel { | |
color: #6a6a6a;; | |
font-size: 13px; | |
line-height: 32px; | |
} | |
.fse-MimeTypeLabel { | |
border: 1px solid #B0B0B0; | |
border-radius: 3px 3px 3px 3px; | |
color: #999999; | |
height: 15px; | |
margin-top: 5px; | |
padding: 4px 3px 3px; | |
} | |
.fse-Tag { | |
color: #666666; | |
font-family: 'Ubuntu', sans-serif; | |
border: 1px solid #B0B0B0; | |
border-radius: 3px; | |
color: #333; | |
background-color: #FFFFE0; | |
padding: 2px 4px 2px 4px; | |
cursor: pointer; | |
margin-right: 4px; | |
margin-bottom: 3px; | |
max-width: 125px; | |
white-space: nowrap; | |
} | |
.fse-Tag .name { | |
font-size: 12px; | |
max-width: 100px; | |
} | |
.fse-Tag .value { | |
font-size: 10px; | |
color: #999; | |
} | |
.fse-PopularTagsTitle { | |
color: #333; | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 14px; | |
line-height: 22px; | |
margin-left: 10px; | |
} | |
.fse-FileName { | |
font-size: 15px; | |
padding: 8px; | |
margin-right: 6px; | |
color: #222; | |
white-space: nowrap; | |
} | |
.fse-ResourcePanel { | |
margin: auto; | |
padding: 0px; | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 13px; | |
font-weight: 400; | |
color: #666; | |
line-height: 16px; | |
} | |
.fse-DocumentName,.fse-WorkspaceName,.fse-ExampleName { | |
font-family: arial, sans-serif; | |
font-size: 18px; | |
color: #000; | |
line-height: 16px; | |
display: inline-block; | |
max-width: 99%; | |
outline: none; | |
margin-top: 5px; | |
padding: 5px; | |
} | |
.fse-WorkspaceName { | |
color: #666; | |
} | |
.fse-EditableDocumentName:hover { | |
background-color: #eee; | |
cursor: pointer; | |
} | |
.fse-Toolbar { | |
margin-top: 6px; | |
} | |
.fse-Icon { | |
margin-top: 5px; | |
} | |
.fse-Centered { | |
margin: auto; | |
} | |
.fse-InstallButton { | |
font-family: 'Ubuntu', sans-serif; | |
color: white; | |
font-weight: 500; | |
border: none; | |
display: inline-block; | |
font-size: 28px; | |
text-decoration: none; | |
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); | |
white-space: nowrap; | |
cursor: pointer; | |
} | |
.fse-Content { | |
border-bottom: 1px solid #e4e4e4; | |
} | |
.fse-MenuBar .fs-MenuBar { | |
width: 100%; | |
} | |
.fse-InstallButton:hover { | |
color: #666; | |
} | |
.fse-ContentPanel { | |
background-color: #d4d4d4; | |
border: 3px solid #d4d4d4; | |
border-radius: 12px; | |
} | |
.fse-PanelLayout { | |
border: 1px solid white; | |
background-color: #e4e4e4; | |
} | |
.fse-WizardContent { | |
line-height: 18px; | |
} | |
.fse-WizardSection { | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 13px; | |
font-weight: 600; | |
color: #000; | |
} | |
.fse-ResourcePanel h1,.fse-DocumentName h1,.fse-WizardContent h1 { | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 17px; | |
font-weight: 500; | |
line-height: 20px; | |
color: #000; | |
} | |
.fse-ResourcePanel h2,.fse-DocumentName h2,.fse-WizardContent h2 { | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 18px; | |
font-weight: 500; | |
line-height: 22px; | |
color: #999; | |
} | |
.fse-ToggleButton { | |
outline: none; | |
text-decoration: none; | |
padding: 5px 5px 2px; | |
margin-right: 8px; | |
border-radius: 2px; | |
cursor: default; | |
font-size: 11px; | |
font-weight: bold; | |
text-align: center; | |
outline: 0; | |
background-color: #f5f5f5; | |
background-image: -webkit-linear-gradient(top, #fefefe, #f1f1f1); | |
background-image: -moz-linear-gradient(top, #fefefe, #f1f1f1); | |
background-image: -ms-linear-gradient(top, #fefefe, #f1f1f1); | |
background-image: -o-linear-gradient(top, #fefefe, #f1f1f1); | |
background-image: linear-gradient(top, #fefefe, #f1f1f1); | |
color: #000; | |
border: 1px solid rgba(0, 0, 0, 0.1); | |
} | |
.fse-ToggleButton-up-hovering { | |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); | |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); | |
box-shadow: 0 1px 1px rgba(0, 0, 0, .1); | |
background-color: #f8f8f8; | |
background-image: -webkit-linear-gradient(top, #fbfbfb, #f1f1f1); | |
background-image: -moz-linear-gradient(top, #fbfbfb, #f1f1f1); | |
background-image: -ms-linear-gradient(top, #fbfbfb, #f1f1f1); | |
background-image: -o-linear-gradient(top, #fbfbfb, #f1f1f1); | |
background-image: linear-gradient(top, #fbfbfb, #f1f1f1); | |
border: 1px solid #c6c6c6; | |
color: #333 | |
} | |
.fse-ToggleButton:focus { | |
border: 1px solid #ccc; | |
color: #333 | |
} | |
.fse-ToggleButton:active { | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) | |
} | |
.fse-ToggleButton-down,.fse-ToggleButton-down-hovering { | |
background-color: #eaeaea; | |
background-image: -webkit-linear-gradient(top, #eaeaea, #f6f6f6); | |
background-image: -moz-linear-gradient(top, #eaeaea, #f6f6f6); | |
background-image: -ms-linear-gradient(top, #eaeaea, #f6f6f6); | |
background-image: -o-linear-gradient(top, #eaeaea, #f6f6f6); | |
background-image: linear-gradient(top, #eaeaea, #f6f6f6); | |
border-top: 1px solid #bbb; | |
border-left: 1px solid #bbb; | |
} | |
.fsce-TextBox,.fsce-NotesEditor { | |
padding: 0px; | |
} | |
.fse-DialogInput:focus,.fsce-TextBox:focus,.fsce-NotesEditor:focus { | |
border: 1px solid #C0C0C0; | |
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset; | |
outline: medium none; | |
} | |
.fs-TaskIndicator-label { | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 13px; | |
font-weight: 500; | |
font-style: normal; | |
color: #999; | |
} | |
.fse-DialogContent { | |
padding: 0px; | |
border-bottom: 1px solid #e5e5e5; | |
margin-bottom: 20px; | |
} | |
.fse-CopyPasteBox { | |
font-family: 'Arial', sans-serif; | |
font-size: 13px; | |
font-weight: normal; | |
text-decoration: none; | |
white-space: nowrap; | |
background: transparent; | |
border: 1px dashed #e5e5e5; | |
color: #666; | |
width: 100%; | |
padding: 2px; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
} | |
::-webkit-scrollbar { | |
width: 14px; | |
height: 14px; | |
overflow: visible | |
} | |
::-webkit-scrollbar-button { | |
height: 0; | |
width: 0 | |
} | |
::-webkit-scrollbar-track { | |
background-clip: padding-box; | |
border: solid transparent; | |
width: 16px; | |
border-width: 0 0 0 4px | |
} | |
::-webkit-scrollbar-track:horizontal { | |
border-width: 4px 0 0 | |
} | |
::-webkit-scrollbar-track:hover { | |
background-color: rgba(0, 0, 0, 0.035); | |
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1) | |
} | |
::-webkit-scrollbar-track:horizontal:hover { | |
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1) | |
} | |
::-webkit-scrollbar-track:active { | |
background-color: rgba(0, 0, 0, 0.05); | |
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14), inset -1px 0 0 | |
rgba(0, 0, 0, 0.07) | |
} | |
::-webkit-scrollbar-track:horizontal:active { | |
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.14), inset 0 -1px 0 | |
rgba(0, 0, 0, 0.07) | |
} | |
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment | |
{ | |
display: block | |
} | |
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement | |
{ | |
display: none | |
} | |
::-webkit-scrollbar-thumb { | |
min-height: 28px; | |
padding-top: 100px; | |
background-clip: padding-box; | |
background-color: rgba(0, 0, 0, 0.2); | |
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 | |
rgba(0, 0, 0, 0.07) | |
} | |
::-webkit-scrollbar-thumb:hover { | |
background-color: rgba(0, 0, 0, 0.4); | |
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25) | |
} | |
::-webkit-scrollbar-thumb:active { | |
-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); | |
background-color: rgba(0, 0, 0, .5) | |
} | |
::-webkit-scrollbar-thumb:vertical { | |
border: 0 solid transparent; | |
border-left: 5px solid transparent | |
} | |
::-webkit-scrollbar-thumb:horizontal { | |
border: 0 solid transparent; | |
border-top: 5px solid transparent | |
} | |
.gwt-PopupPanelGlass { | |
z-index: 49; | |
} | |
.fse-GlassPanel { | |
background: white; | |
filter: alpha(opacity = 50); | |
opacity: .5; | |
z-index: 49; | |
} | |
.fse-DarkGlassPanel,.fse-GenerateGlassPanel { | |
background: #f9f9f9; | |
filter: alpha(opacity = 80); | |
opacity: .8; | |
z-index: 49; | |
} | |
.fse-GenerateGlassPanel { | |
border-bottom-left-radius: 8px; | |
} | |
.fse-TooltipTrigger:hover.fse-Tooltip,.fse-TooltipTrigger:hover .fse-Tooltip | |
{ | |
opacity: 0.92; | |
visibility: visible; | |
} | |
.fse-Tooltip { | |
z-index: 2; | |
visibility: hidden; | |
color: #000; | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 13px; | |
font-weight: normal; | |
text-decoration: none; | |
text-transform: none; | |
text-align: left; | |
opacity: 0; | |
background-color: #fafafa; | |
position: absolute; | |
right: 8px; | |
border: 2px solid #000; | |
border-radius: 3px; | |
padding: 2px; | |
padding-left: 6px; | |
padding-right: 6px; | |
-webkit-transition: opacity 0.4s ease-in-out; | |
-moz-transition: opacity 0.4s ease-in-out; | |
-o-transition: opacity 0.4s ease-in-out; | |
transition: opacity 0.4s ease-in-out; | |
-moz-box-shadow: 0 0 3px #999; | |
-webkit-box-shadow: 0 0 3px #999; | |
box-shadow: 0 0 3px #999; | |
line-height: 22px; | |
} | |
.fse-Tooltip:after,.fse-Tooltip:before { | |
border: solid transparent; | |
content: ' '; | |
height: 0; | |
right: 35px; | |
width: 0; | |
position: absolute; | |
} | |
.fse-Tooltip:after { | |
border-width: 9px; | |
border-bottom-color: #fafafa; | |
} | |
.fse-Tooltip:before { | |
border-width: 11px; | |
border-bottom-color: #000; | |
} | |
.fse-TooltipBottom { | |
top: 44px; | |
} | |
.fse-TooltipBottom:after { | |
border-bottom-color: #fafafa; | |
top: -18px; | |
} | |
.fse-TooltipBottom:before { | |
top: -22px; | |
right: 33px; | |
} | |
.fse-TooltipBottomLeft { | |
left: 0px; | |
} | |
.fse-TooltipBottomLeft:before { | |
left: 32px; | |
} | |
.fse-TooltipBottomLeft:after { | |
left: 34px; | |
} | |
.fse-TooltipBottomRight { | |
} | |
.fse-TooltipBottomRight:after { | |
right: 8px; | |
} | |
.fse-TooltipBottomRight:before { | |
right: 6px; | |
} | |
.fse-Thumbnail { | |
max-width: 32px; | |
max-height: 32px; | |
} | |
.fse-HintPanel td { | |
color: #a0a0a0; | |
font-family: Ubuntu, sans-serif; | |
font-size: 16px; | |
font-weight: normal; | |
height: 30px; | |
} | |
.fse-HintText { | |
white-space: nowrap; | |
padding-bottom: 5px; | |
} | |
.fse-ToolbarWrapper { | |
background: none; | |
-webkit-box-shadow: inset 0 1px 0 0 #fff; | |
-moz-box-shadow: inset 0 1px 0 0 #fff; | |
box-shadow: inset 0 1px 0 0 #fff; | |
background-color: #f5f5f5; | |
background-image: -webkit-linear-gradient(top, #f5f5f5, #eee); | |
background-image: -moz-linear-gradient(top, #f5f5f5, #eee); | |
background-image: -ms-linear-gradient(top, #f5f5f5, #eee); | |
background-image: -o-linear-gradient(top, #f5f5f5, #eee); | |
background-image: linear-gradient(top, #f5f5f5, #eee); | |
border-top: 1px solid #d9d9d9; | |
border-bottom: 1px solid #d9d9d9; | |
padding: 0 44px 0 44px; | |
position: relative; | |
} | |
.fse-ToolbarWrapper-embedded .fsc-DocumentName { | |
font-size: 16px; | |
margin-top: 2px; | |
} | |
.fse-ToolbarWrapper-embedded { | |
padding: 0 4px 0 0; | |
} | |
.fse-ToolbarWrapper-noinfo { | |
padding: 0 4px 0 0px; | |
} | |
.fse-ToolbarButton { | |
-webkit-border-radius: 2px; | |
-moz-border-radius: 2px; | |
border-radius: 2px; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
background: 0; | |
border-color: transparent; | |
border-style: solid; | |
border-width: 1px; | |
outline: none; | |
padding: 0; | |
color: #333; | |
line-height: 24px; | |
list-style: none; | |
font-size: 11px; | |
font-weight: bold; | |
text-decoration: none; | |
vertical-align: middle; | |
cursor: default; | |
height: 25px; | |
min-width: 25px; | |
padding: 0; | |
text-align: center; | |
margin-top: 3px; | |
margin-left: 5px; | |
} | |
.fse-FontIcon,.fse-ToolbarButton .html-face,.fse-MenuIcon,.fse-TabController,.fse-TabButton,.fse-CollaborationPointerMouse,.fse-IconButton,.fse-TableIcon,.fse-SelectedFolderIcon,.fse-DriveIcon,.fse-EditorIcon,.fse-WorkspaceIcon,.fse-MimeTypeIcon,.fse-SubmenuIcon | |
{ | |
font-family: 'icomoon'; | |
speak: none; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
font-size: 16px; | |
text-transform: none; | |
line-height: 1; | |
-webkit-font-smoothing: antialiased; | |
} | |
.fse-SubmenuIcon { | |
border-radius: 2px 2px 2px 2px; | |
color: #FFFFFF; | |
float: left; | |
font-size: 12px; | |
height: 12px; | |
margin-right: 10px; | |
padding: 2px; | |
width: 12px; | |
} | |
.fse-EditorIcon,.fse-DriveIcon,.fse-WorkspaceIcon { | |
color: #fff; | |
font-size: 24px; | |
-webkit-transition: all 0.3s ease-in-out; | |
-moz-transition: all 0.3s ease-in-out; | |
-ms-transition: all 0.3s ease-in-out; | |
-o-transition: all 0.3s ease-in-out; | |
transition: all 0.3s ease-in-out; | |
} | |
.fse-MimeTypeIcon { | |
color: #FFFFFF; | |
font-size: 24px; | |
height: 27px; | |
padding-top: 0px; | |
position: relative; | |
text-align: center; | |
top: 2px; | |
width: 28px; | |
left: 4px; | |
border-radius: 2px; | |
margin-right: 8px; | |
} | |
.fse-WorkspaceIcon { | |
font-size: 34px; | |
} | |
.fse-TableIcon { | |
color: #999; | |
} | |
.fse-IconButton .html-face { | |
margin-top: 6px; | |
} | |
.fse-SearchBox { | |
border-right: 0px; | |
border-radius: 3px 0px 0px 3px; | |
} | |
.fse-CollaborationPointerMouse { | |
text-shadow: black 0.1em 0.1em 0.2em; | |
} | |
.fse-TabController { | |
top: 10px; | |
-webkit-transition: all 0.5s ease-in-out; | |
-moz-transition: all 0.5s ease-in-out; | |
-ms-transition: all 0.5s ease-in-out; | |
-o-transition: all 0.5s ease-in-out; | |
transition: all 0.5s ease-in-out; | |
opacity: 0.3; | |
} | |
.fse-TabController:hover { | |
opacity: 1; | |
} | |
.fse-TabController.disabled,.fse-TabController.disabled:hover { | |
opacity: 0; | |
} | |
.fse-ToolbarButton .html-face { | |
padding-top: 5px; | |
} | |
.fse-MenuIcon { | |
float: left; | |
padding-top: 0px; | |
margin-left: -22px; | |
margin-top: -1px; | |
} | |
.fse-TabButton { | |
opacity: 0.2; | |
-webkit-transition: all 0.5s ease-in-out; | |
-moz-transition: all 0.5s ease-in-out; | |
-ms-transition: all 0.5s ease-in-out; | |
-o-transition: all 0.5s ease-in-out; | |
transition: all 0.5s ease-in-out; | |
} | |
.fse-TabButton:hover { | |
opacity: 1; | |
} | |
.fse-ToolbarButton img { | |
margin: 3px; | |
} | |
.fse-ToolbarButton:hover,.fse-ToolbarButton:active { | |
color: #222; | |
padding: 0 | |
} | |
.fse-ToolbarButton:hover { | |
border-color: #c6c6c6 !important; | |
color: #222 | |
} | |
.fse-ToolbarButton:hover { | |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); | |
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1); | |
box-shadow: 0 1px 1px rgba(0, 0, 0, .1); | |
background-color: #f8f8f8; | |
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1); | |
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1); | |
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1); | |
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1); | |
background-image: linear-gradient(top, #f8f8f8, #f1f1f1) | |
} | |
.fse-ToolbarButton:active { | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
background-color: #f6f6f6; | |
background-image: -webkit-linear-gradient(top, #f6f6f6, #f1f1f1); | |
background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1); | |
background-image: -ms-linear-gradient(top, #f6f6f6, #f1f1f1); | |
background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1); | |
background-image: linear-gradient(top, #f6f6f6, #f1f1f1); | |
border-color: #c6c6c6 | |
} | |
.fse-ToolbarButton-down-hovering { | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); | |
background-color: #eee; | |
background-image: -webkit-linear-gradient(top, #eee, #e0e0e0); | |
background-image: -moz-linear-gradient(top, #eee, #e0e0e0); | |
background-image: -ms-linear-gradient(top, #eee, #e0e0e0); | |
background-image: -o-linear-gradient(top, #eee, #e0e0e0); | |
background-image: linear-gradient(top, #eee, #e0e0e0); | |
border-color: #ccc | |
} | |
.fse-ToolbarButton-disabled { | |
color: #222 !important; | |
opacity: 0.3; | |
filter: alpha(opacity = 30) | |
} | |
.fse-ToolbarButton-up-disabled { | |
color: #222 !important; | |
opacity: 0.3; | |
filter: alpha(opacity = 30) | |
} | |
.bottom { | |
border-bottom: 1px solid #EBEBEB; | |
} | |
.fse-EditorsMenuBar .gwt-MenuItem-opened { | |
padding-bottom: 6px; | |
} | |
.fs-ButtonDefault .html-face { | |
white-space: nowrap; | |
} | |
.fs-ButtonRight { | |
margin-right: 0px; | |
} | |
.fs-DialogPrompt { | |
font-weight: bolder; | |
height: 30px; | |
} | |
.fse-AutoUpdatePrompt { | |
padding-top: 10px; | |
font-weight: bolder; | |
color: #666; | |
} | |
div.CSS_SHORTCUTS_HELP_POPUP { | |
left: 10%; | |
width: 80%; | |
top: 10%; | |
z-index: 1002; | |
color: #fff; | |
position: fixed; | |
text-align: center; | |
text-shadow: #000 1px 1px 7px; | |
font-weight: bold; | |
background: #000 none repeat scroll 0; | |
overflow: hidden | |
} | |
@media print { | |
div.CSS_SHORTCUTS_HELP_POPUP { | |
display: none !important | |
} | |
} | |
div.CSS_SHORTCUTS_HELP_POPUP div.popupContent { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
max-height: inherit; | |
overflow: auto; | |
padding: 1em | |
} | |
table.CSS_SHORTCUTS_HELP_POPUP_HEADER,table.CSS_SHORTCUTS_HELP_POPUP_CONTENT | |
{ | |
width: 100% | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_HEADER_TABLE_ELEMENT { | |
padding-bottom: 0.8ex | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_TITLE { | |
font-size: 15px; | |
white-space: nowrap; | |
text-align: left | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_TEAROFF_LINK_CONTAINER { | |
color: #dd0; | |
text-align: right | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_TEAROFF_LINK { | |
font-size: 15px; | |
cursor: pointer; | |
text-decoration: underline; | |
color: #dd0 | |
} | |
table.CSS_SHORTCUTS_HELP_POPUP_CONTENT { | |
border-top: 1px solid #999; | |
font-size: 13px | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_CONTENT_HEADER { | |
color: #dd0; | |
padding-top: 1em; | |
text-align: left | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_CONTENT_ELEMENT { | |
vertical-align: top; | |
padding-top: 0.15em | |
} | |
table.CSS_SHORTCUTS_HELP_POPUP_CONTENT td.CSS_SHORTCUTS_HELP_POPUP_KEY { | |
font-weight: bold; | |
padding-right: 0.5em; | |
text-align: right; | |
white-space: nowrap | |
} | |
table.CSS_SHORTCUTS_HELP_POPUP_CONTENT td.CSS_SHORTCUTS_HELP_POPUP_DESCRIPTION | |
{ | |
font-weight: normal; | |
text-align: left | |
} | |
span.CSS_SHORTCUTS_HELP_POPUP_AUXILIARY_WORD { | |
font-weight: normal; | |
font-size: 11px | |
} | |
span.CSS_SHORTCUTS_HELP_POPUP_KEY_MNEMONIC { | |
font-family: "Courier New"; | |
color: #dd0 | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_PREF_CONTAINER { | |
border-top: 1px solid #999; | |
padding: .5em 0 | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_PREF_CONTENT { | |
background: #dd0; | |
color: #000; | |
padding: 3px 7px; | |
text-align: left; | |
font-size: 13px; | |
text-shadow: none | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_PREF_ENABLED .CSS_SHORTCUTS_HELP_POPUP_PREF_CONTENT | |
{ | |
background: none; | |
color: #fff | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_PREF_LINK { | |
cursor: pointer; | |
text-decoration: underline | |
} | |
.CSS_SHORTCUTS_HELP_POPUP_PREF_ENABLED .CSS_SHORTCUTS_HELP_POPUP_PREF_LINK | |
{ | |
color: #dd0 | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@font-face { | |
font-family: 'icomoon'; | |
src: url('fonts/icomoon.eot'); | |
src: url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), | |
url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') | |
format('truetype'), url('fonts/icomoon.svg#icomoon') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
.fs-Toolbar .fs-ShoppingCart { | |
margin: 0px 8px 2px 6px; | |
} | |
.fsc-SearchBox { | |
border-right: 0px; | |
border-radius: 3px 0px 0px 3px; | |
} | |
.fsc-SearchButton { | |
margin-right: 11px; | |
} | |
.fsc-DialogPrompt { | |
color: #333333; | |
font-weight: bold; | |
padding-left: 3px; | |
padding-top: 6px; | |
padding-bottom: 3px; | |
} | |
.fsc-ResourcePanel, .fsc-ExamplesPanel { | |
margin: 10px auto 0; | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 13px; | |
font-weight: 400; | |
color: #666; | |
line-height: 16px; | |
} | |
.fsc-ResourcePanel { | |
padding: 5px; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
background-color: #f6f6f6; | |
background-image: -webkit-linear-gradient(top, #fdfdfd, #f6f6f6); | |
background-image: -moz-linear-gradient(top, #fdfdfd, #f6f6f6); | |
background-image: -ms-linear-gradient(top, #fdfdfd, #f6f6f6); | |
background-image: -o-linear-gradient(top, #fdfdfd, #f6f6f6); | |
background-image: linear-gradient(top, #fdfdfd, #f6f6f6); | |
} | |
.fsc-ResourcePanel img { | |
border-right: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
border-radius: 4px -moz-box-shadow: 3px 3px 3px 0px #CCCCCC; | |
-webkit-box-shadow: 3px 3px 3px 0px #CCCCCC; | |
box-shadow: 3px 3px 3px 0px #CCCCCC; | |
margin: 5px 22px 5px 14px; | |
} | |
.fsc-Tag { | |
color: #666666; | |
font-family: 'Ubuntu', sans-serif; | |
border: 1px solid #B0B0B0; | |
border-radius: 3px; | |
color: #333; | |
background-color: #FFFFE0; | |
padding: 2px 4px 2px 4px; | |
cursor: pointer; | |
margin-right: 4px; | |
margin-bottom: 3px; | |
max-width: 125px; | |
white-space: nowrap; | |
} | |
.fsc-Tag .name { | |
font-size: 12px; | |
max-width: 100px; | |
} | |
.fsc-Tag .value { | |
font-size: 10px; | |
color: #999; | |
} | |
.fsc-PopularTagsTitle { | |
color: #333; | |
font-family: 'Ubuntu', sans-serif; | |
font-size: 14px; | |
line-height: 22px; | |
margin-left: 10px; | |
} | |
.fsc-PopularTagsPanel { | |
margin-top: 8px; | |
} | |
.fsc-ExamplePanel { | |
display: inline-block; | |
min-height: 180px; | |
width: 478px; | |
max-width: 478px; | |
padding: 5px; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
background-color: #f6f6f6; | |
background-image: -webkit-linear-gradient(top, #fdfdfd, #f6f6f6); | |
background-image: -moz-linear-gradient(top, #fdfdfd, #f6f6f6); | |
background-image: -ms-linear-gradient(top, #fdfdfd, #f6f6f6); | |
background-image: -o-linear-gradient(top, #fdfdfd, #f6f6f6); | |
background-image: linear-gradient(top, #fdfdfd, #f6f6f6); | |
margin-bottom: 10px; | |
} | |
.fsc-ExamplePanel img { | |
border: 1px solid #ccc; | |
border-radius: 4px -moz-box-shadow: 3px 3px 3px 0px #CCCCCC; | |
-webkit-box-shadow: 3px 3px 3px 0px #CCCCCC; | |
box-shadow: 3px 3px 3px 0px #CCCCCC; | |
margin-left: 10px; | |
margin-right: 10px; | |
width: 120px; | |
height: auto; | |
} | |
.fsc-ExamplePanel .fs-ButtonRight { | |
margin-right: 5px; | |
} | |
.fsc-ExampleName { | |
font-family: arial, sans-serif; | |
font-size: 18px; | |
color: #000; | |
line-height: 16px; | |
display: inline-block; | |
max-width: 99%; | |
outline: none; | |
margin-top: 5px; | |
padding: 5px; | |
} | |
.fsc-ExampleName { | |
margin-top: 0px; | |
padding: 0px 0px 0px 10px; | |
line-height: 30px; | |
} | |
.fsc-ExampleDescription { | |
padding-left: 10px; | |
padding-top: 10px; | |
padding-bottom: 6px; | |
height: 60px; | |
vertical-align: top; | |
} | |
.fsc-SaveLabel { | |
color: #6a6a6a;; | |
font-size: 13px; | |
line-height: 32px; | |
} | |
.fsc-TabButton { | |
margin-right: 10px; | |
} | |
.fsc-FileName { | |
font-size: 15px; | |
padding: 8px; | |
margin-right: 6px; | |
color: #222; | |
white-space: nowrap; | |
} | |
.fsc-DocumentName { | |
font-family: arial, sans-serif; | |
font-size: 18px; | |
color: #000; | |
line-height: 16px; | |
display: inline-block; | |
max-width: 99%; | |
outline: none; | |
margin-top: 7px; | |
padding: 5px; | |
white-space: nowrap; | |
} | |
.fsc-EditableDocumentName:hover { | |
background-color: #eee; | |
cursor: pointer; | |
} | |
.fsc-MePanel { | |
color: #666; | |
padding-right: 28px; | |
margin-top: 8px; | |
cursor: pointer; | |
outline: none; | |
} | |
.fsc-MeCard { | |
padding: 14px; | |
color: #666; | |
background-color: #fff; | |
} | |
.fsc-MeCard .fs-ButtonSecondary { | |
margin-bottom: 4px; | |
} | |
.fsc-MeCard a { | |
color: #36c; | |
text-decoration: none; | |
} | |
.fsc-MeSeparator { | |
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .2)), | |
to(rgba(0, 0, 0, 0))); | |
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .2), | |
rgba(0, 0, 0, 0)); | |
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .2), | |
rgba(0, 0, 0, 0)); | |
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, .2), | |
rgba(0, 0, 0, 0)); | |
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .2), | |
rgba(0, 0, 0, 0)); | |
background-image: linear-gradient(top, rgba(0, 0, 0, .2), | |
rgba(0, 0, 0, 0)); | |
height: 6px; | |
} | |
.fsc-MeToolbar { | |
height: 46px; | |
padding-bottom: 4px; | |
} | |
.fsc-MePanel .gwt-Label { | |
font-size: 11px; | |
} | |
.fsc-MePopup .gwt-Image { | |
width: 96px; | |
height: 96px; | |
padding-right: 24px; | |
cursor: pointer; | |
} | |
.fsc-MeDisplayName { | |
font-weight: bold; | |
font-size: 13px; | |
line-height: 7px; | |
padding-top: 4px; | |
color: #000; | |
} | |
.fsc-DriveIcon { | |
opacity: 0; | |
} | |
.fsc-DrivePanel { | |
cursor: pointer; | |
} | |
.fsc-DrivePanel:hover .fsc-AppIcon { | |
opacity: 0; | |
} | |
.fsc-DrivePanel:hover .fsc-DriveIcon { | |
opacity: 1; | |
} | |
.fsc-ChatPhoto { | |
padding: 3px; | |
} | |
.fsc-ChatPanel { | |
margin: 6px 6px 0px 6px; | |
border-radius: 4px 4px 0px 0px; | |
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); | |
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); | |
background: #fff; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, .2); | |
border-bottom: 0px; | |
outline: none; | |
z-index: 9999; | |
} | |
.fsc-ChatToolbar { | |
border-bottom: 1px solid #ccc; | |
background-color: #fafafa; | |
border-radius: 4px 4px 0px 0px; | |
} | |
.fsc-ChatArea { | |
height: 60px; | |
margin-left: 5px; | |
margin-top: 5px; | |
width: 270px; | |
} | |
.fsc-CollaboratorsCount { | |
padding-left: 10px; | |
padding-right: 6px; | |
color: #333; | |
font-size: 14px; | |
} | |
.fsc-CollaboratorNames,.fsc-ChatDisplayName { | |
max-width: 215px; | |
overflow: hidden; | |
color: #333; | |
font-size: 14px; | |
white-space: nowrap; | |
padding-right: 6px; | |
} | |
.fsc-ChatNotification { | |
font-size: 11px; | |
color: #666; | |
padding-bottom: 3px; | |
padding-left: 43px; | |
} | |
.fsc-ChatDisplayName,.fsc-ChatTimestamp,.fsc-ChatMessage { | |
font-size: 13px; | |
} | |
.fsc-ChatDisplayName { | |
font-weight: bold; | |
color: #333; | |
} | |
.fsc-ChatTimestamp { | |
font-size: 11px; | |
font-weight: bold; | |
color: #333; | |
white-space: nowrap; | |
} | |
.fsc-ChatButton { | |
min-width: 18px; | |
width: 18px; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
margin-left: 6px; | |
margin-right: 6px; | |
} | |
.fs-Toolbar .fsc-CollaboratorPanel { | |
margin-bottom: -3px; | |
} | |
.fsc-CollaboratorPanel { | |
border-radius: 2px; | |
border: solid 1px #cbcbcb; | |
margin-right: 4px; | |
} | |
.fsc-FontIcon,.fsc-IconButton,.fsc-MenuIcon { | |
font-family: 'icomoon'; | |
speak: none; | |
font-style: normal; | |
font-weight: normal; | |
font-variant: normal; | |
font-size: 16px; | |
text-transform: none; | |
line-height: 1; | |
-webkit-font-smoothing: antialiased; | |
} | |
.fsc-IconButton .html-face { | |
margin-top: 6px; | |
} | |
.fsc-CommentsScrollPanel { | |
max-height: 450px; | |
padding: 0 29px 0 20px; | |
} | |
.fsc-CommentController,.fsc-MePopup { | |
width: 380px; | |
background: #fff; | |
border: solid 1px #cbcbcb; | |
-moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, .2); | |
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2); | |
box-shadow: 0 2px 4px rgba(0, 0, 0, .2); | |
outline: none; | |
z-index: 99; | |
} | |
.fsc-MePopup { | |
background: #fbfbfb; | |
} | |
.fsc-CommentController:before,.fsc-CommentController:after,.fsc-MePopup:before,.fsc-MePopup:after | |
{ | |
border: solid transparent; | |
content: ' '; | |
height: 0; | |
width: 0; | |
position: absolute; | |
} | |
.fsc-CommentController:before,.fsc-MePopup:before { | |
border-width: 11px; | |
border-bottom-color: #cbcbcb; | |
left: 300px; | |
top: -22px; | |
} | |
.fsc-CommentController:after,.fsc-MePopup:after { | |
border-width: 10px; | |
border-bottom-color: #f5f5f5; | |
left: 301px; | |
top: -20px; | |
} | |
.fsc-MePopup:after { | |
border-bottom-color: #fff; | |
} | |
.fsc-CommentControllerToolbar { | |
background-color: #f5f5f5; | |
padding: 10px 29px 10px 20px; | |
} | |
.fsc-DriveIcon { | |
opacity: 0; | |
} | |
.fsc-DrivePanel { | |
cursor: pointer; | |
} | |
.fsc-DrivePanel:hover .fsc-FileIcon { | |
opacity: 0; | |
} | |
.fsc-DrivePanel:hover .fsc-DriveIcon { | |
opacity: 1; | |
} | |
.fsc-AppIcon,.fsc-DriveIcon { | |
color: #fff; | |
font-size: 24px; | |
-webkit-transition: all 0.3s ease-in-out; | |
-moz-transition: all 0.3s ease-in-out; | |
-ms-transition: all 0.3s ease-in-out; | |
-o-transition: all 0.3s ease-in-out; | |
transition: all 0.3s ease-in-out; | |
} | |
.fsc-MenuIcon { | |
float: left; | |
padding-top: 0px; | |
margin-left: -22px; | |
margin-top: -1px; | |
} | |
.fsc-MenuBar .fs-MenuBar { | |
width: 100%; | |
} | |
.fsc-MenuToolbar { | |
padding: 2px 44px 0 50px; | |
} | |
.fsc-SubmenuIcon { | |
border-radius: 2px; | |
color: #FFFFFF; | |
float: left; | |
font-size: 16px; | |
height: 16px; | |
line-height: 16px; | |
margin-right: 10px; | |
padding: 3px; | |
position: relative; | |
text-align: center; | |
width: 16px; | |
} | |
.gwt-MenuBarPopup,.fs-DialogBox { | |
z-index: 50; | |
} | |
.gwt-MenuBar { | |
cursor: default; | |
} | |
.gwt-MenuBar-horizontal { | |
height: 36px; | |
margin: 0 24px 0 51px; | |
outline: none; | |
position: relative; | |
z-index: 998; | |
} | |
.gwt-MenuBar-horizontal .gwt-MenuItem { | |
white-space: nowrap; | |
cursor: default; | |
font: 13px Arial, sans-serif; | |
padding: 5px 6px; | |
border: 1px solid transparent; | |
outline: none; | |
} | |
.gwt-MenuBar-horizontal .gwt-MenuItem-selected { | |
border-color: #eee; | |
} | |
.gwt-MenuBar-horizontal .gwt-MenuItem-opened { | |
background: #fff; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, .2); | |
border-bottom: none; | |
color: black; | |
z-index: 999; | |
padding: 5px 6px 6.5px; | |
} | |
.gwt-MenuItem { | |
position: relative; | |
color: #333; | |
cursor: pointer; | |
list-style: none; | |
margin: 0; | |
padding: 6px 8em 6px 30px; | |
white-space: nowrap; | |
line-heigth: 17px; | |
} | |
.gwt-MenuItem:hover { | |
background: #eee; | |
} | |
.gwt-MenuItem-disabled { | |
color: #e0e0e0; | |
} | |
.gwt-MenuItem-selected,.subMenuIcon-selected { | |
background: #eee; | |
} | |
.subMenuIcon-selected { | |
margin-right: 10px; | |
} | |
.subMenuIcon img { | |
position: relative; | |
left: -10px; | |
} | |
.gwt-MenuBar-vertical table { | |
border-collapse: collapse; | |
} | |
.gwt-MenuBar-vertical .menuSeparatorInner { | |
border-top: 1px solid #ebebeb; | |
margin-top: 6px; | |
margin-bottom: 6px; | |
} | |
.fsc-ImageItem { | |
padding-top: 0px; | |
} | |
.fsc-ImageItem img { | |
margin-left: -27px; | |
margin-right: 7px; | |
position: relative; | |
top: 5px; | |
} | |
.fsc-SubImageItem { | |
padding-top: 3px; | |
} | |
.fsc-SubImageItem img { | |
margin: 3px 10px 3px -20px; | |
position: relative; | |
top: 5px; | |
} | |
.fsc-SubIconItem { | |
padding: 4px 16px; | |
width: 280px; | |
} | |
.gwt-MenuBarPopup { | |
-webkit-border-radius: 0; | |
-moz-border-radius: 0; | |
border-radius: 0; | |
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); | |
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); | |
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); | |
background: #fff; | |
border: 1px solid #ccc; | |
border: 1px solid rgba(0, 0, 0, .2); | |
cursor: default; | |
font-size: 13px; | |
margin: 0; | |
margin-top: -7px; | |
outline: none; | |
padding: 6px 0; | |
position: absolute | |
} | |
.fsc-SidebarToolbar { | |
background-color: #000; | |
height: 37px; | |
} | |
.fsc-SidebarToolbar .gwt-Label { | |
color: white; | |
font-weight: bold; | |
font-size: 13px; | |
padding-left: 10px; | |
} | |
.fsc-Sidebar { | |
background-color: white; | |
} | |
.fsc-SidebarLeft { | |
border-right: 1px solid #EBEBEB; | |
} | |
.fsc-SidebarRight { | |
border-left: 1px solid #EBEBEB; | |
} | |
.fsc-Sidebar .closeIcon { | |
color: #EEEEEE; | |
cursor: pointer; | |
padding-right: 12px; | |
text-decoration: none; | |
} | |
.fsc-Sidebar .closeIcon:hover { | |
color: #ffffff; | |
} | |
.fsc-RevisionPanel { | |
border-bottom: 1px solid #EBEBEB; | |
} | |
.fsc-RevisionPanel-selected { | |
background-color: #f0f0f0; | |
} | |
.fsc-RevisionPanel:hover { | |
background-color: #f0f0f0; | |
} | |
.fsc-RevisionPicture { | |
width: 28px; | |
height: 28px; | |
} | |
.fsc-RevisionDate { | |
font-size: 13px; | |
} | |
.fsc-RevisionPanel-selected .fsc-RevisionDate { | |
font-weight: bold; | |
color: #d14836; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! @source http://purl.eligrey.com/github/FileSaver.js/blob/master/FileSaver.js */ | |
var saveAs=saveAs||function(e){"use strict";if(typeof navigator!=="undefined"&&/MSIE [1-9]\./.test(navigator.userAgent)){return}var t=e.document,n=function(){return e.URL||e.webkitURL||e},r=t.createElementNS("http://www.w3.org/1999/xhtml","a"),i="download"in r,o=function(e){var t=new MouseEvent("click");e.dispatchEvent(t)},a=/Version\/[\d\.]+.*Safari/.test(navigator.userAgent),f=e.webkitRequestFileSystem,u=e.requestFileSystem||f||e.mozRequestFileSystem,s=function(t){(e.setImmediate||e.setTimeout)(function(){throw t},0)},c="application/octet-stream",d=0,l=500,w=function(t){var r=function(){if(typeof t==="string"){n().revokeObjectURL(t)}else{t.remove()}};if(e.chrome){r()}else{setTimeout(r,l)}},p=function(e,t,n){t=[].concat(t);var r=t.length;while(r--){var i=e["on"+t[r]];if(typeof i==="function"){try{i.call(e,n||e)}catch(o){s(o)}}}},v=function(e){if(/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)){return new Blob(["\ufeff",e],{type:e.type})}return e},y=function(t,s,l){if(!l){t=v(t)}var y=this,m=t.type,S=false,h,R,O=function(){p(y,"writestart progress write writeend".split(" "))},g=function(){if(R&&a&&typeof FileReader!=="undefined"){var r=new FileReader;r.onloadend=function(){var e=r.result;R.location.href="data:attachment/file"+e.slice(e.search(/[,;]/));y.readyState=y.DONE;O()};r.readAsDataURL(t);y.readyState=y.INIT;return}if(S||!h){h=n().createObjectURL(t)}if(R){R.location.href=h}else{var i=e.open(h,"_blank");if(i==undefined&&a){e.location.href=h}}y.readyState=y.DONE;O();w(h)},b=function(e){return function(){if(y.readyState!==y.DONE){return e.apply(this,arguments)}}},E={create:true,exclusive:false},N;y.readyState=y.INIT;if(!s){s="download"}if(i){h=n().createObjectURL(t);r.href=h;r.download=s;setTimeout(function(){o(r);O();w(h);y.readyState=y.DONE});return}if(e.chrome&&m&&m!==c){N=t.slice||t.webkitSlice;t=N.call(t,0,t.size,c);S=true}if(f&&s!=="download"){s+=".download"}if(m===c||f){R=e}if(!u){g();return}d+=t.size;u(e.TEMPORARY,d,b(function(e){e.root.getDirectory("saved",E,b(function(e){var n=function(){e.getFile(s,E,b(function(e){e.createWriter(b(function(n){n.onwriteend=function(t){R.location.href=e.toURL();y.readyState=y.DONE;p(y,"writeend",t);w(e)};n.onerror=function(){var e=n.error;if(e.code!==e.ABORT_ERR){g()}};"writestart progress write abort".split(" ").forEach(function(e){n["on"+e]=y["on"+e]});n.write(t);y.abort=function(){n.abort();y.readyState=y.DONE};y.readyState=y.WRITING}),g)}),g)};e.getFile(s,{create:false},b(function(e){e.remove();n()}),b(function(e){if(e.code===e.NOT_FOUND_ERR){n()}else{g()}}))}),g)}),g)},m=y.prototype,S=function(e,t,n){return new y(e,t,n)};if(typeof navigator!=="undefined"&&navigator.msSaveOrOpenBlob){return function(e,t,n){if(!n){e=v(e)}return navigator.msSaveOrOpenBlob(e,t||"download")}}m.abort=function(){var e=this;e.readyState=e.DONE;p(e,"abort")};m.readyState=m.INIT=0;m.WRITING=1;m.DONE=2;m.error=m.onwritestart=m.onprogress=m.onwrite=m.onabort=m.onerror=m.onwriteend=null;return S}(typeof self!=="undefined"&&self||typeof window!=="undefined"&&window||this.content);if(typeof module!=="undefined"&&module.exports){module.exports.saveAs=saveAs}else if(typeof define!=="undefined"&&define!==null&&define.amd!=null){define([],function(){return saveAs})} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | |
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet"> | |
<link href="Celly.css" rel="stylesheet"> | |
<script src="Filesaver.js"></script> | |
<script> | |
$ | |
function download(text) { | |
var cellArray = []; | |
var saveString = ""; | |
for (var cell in cells) { | |
if (cell.substr(0, 3) == "POS") { | |
cellArray = cellArray.concat([cells[cell].x + "," + cells[cell].y + "," + cells[cell].s]); | |
} | |
} | |
cellArray.sort(compare); | |
var file = new Blob([cellArray.join("|")], { | |
type: 'text' | |
}); | |
//window.open(URL.createObjectURL(file)); | |
saveAs(file, "Cells.txt"); | |
} | |
var w = $("body").width(); | |
var h = $("body").height(); | |
var dragging = false; | |
var mouseX = 0; | |
var mouseY = 0; | |
function startDrag(event) { | |
//console.log("drag"); | |
dragging = true; | |
mouseX = (event.pageX - $('#c').offset().left) + $(window).scrollLeft(); | |
mouseY = (event.pageY - $('#c').offset().top) + $(window).scrollTop(); | |
var gridX = Math.floor((mouseX - w / 2 + scrollX) / 10 / zoom); | |
var gridY = Math.floor((mouseY - h / 2 + scrollY) / 10 / zoom); | |
if (cells["POS" + gridX + "_" + gridY] != null) { | |
if (cells["POS" + gridX + "_" + gridY].s == 2) { | |
// cells[gridX+","+gridY]=null; | |
delete cells["POS" + gridX + "_" + gridY]; | |
paintColor = 0; | |
} else if (cells["POS" + gridX + "_" + gridY].s == 1) { | |
cells["POS" + gridX + "_" + gridY] = { | |
x: gridX, | |
y: gridY, | |
s: 2 | |
}; | |
paintColor = 2; | |
} | |
} else { | |
cells["POS" + gridX + "_" + gridY] = { | |
x: gridX, | |
y: gridY, | |
s: 1 | |
}; | |
paintColor = 1; | |
} | |
//console.log(cells); | |
} | |
function drag(event) { | |
if (dragging) { | |
mouseX = (event.pageX - $('#c').offset().left) + $(window).scrollLeft(); | |
mouseY = (event.pageY - $('#c').offset().top) + $(window).scrollTop(); | |
var gridX = Math.floor((mouseX - w / 2 + scrollX) / 10 / zoom); | |
var gridY = Math.floor((mouseY - h / 2 + scrollY) / 10 / zoom); | |
if (cells["POS" + gridX + "_" + gridY] != null) { | |
if (cells["POS" + gridX + "_" + gridY].s == 2) { | |
if (paintColor == 1) { | |
cells["POS" + gridX + "_" + gridY] = { | |
x: gridX, | |
y: gridY, | |
s: 1 | |
}; | |
} | |
if (paintColor == 0) { | |
delete cells["POS" + gridX + "_" + gridY]; | |
} | |
} else if (cells["POS" + gridX + "_" + gridY].s == 1) { | |
if (paintColor == 2) { | |
cells["POS" + gridX + "_" + gridY] = { | |
x: gridX, | |
y: gridY, | |
s: 2 | |
}; | |
} | |
if (paintColor == 0) { | |
delete cells["POS" + gridX + "_" + gridY]; | |
} | |
} | |
} else { | |
if (paintColor == 2) { | |
cells["POS" + gridX + "_" + gridY] = { | |
x: gridX, | |
y: gridY, | |
s: 2 | |
}; | |
} | |
if (paintColor == 1) { | |
cells["POS" + gridX + "_" + gridY] = { | |
x: gridX, | |
y: gridY, | |
s: 1 | |
}; | |
} | |
} | |
} else { | |
mouseX = (event.pageX - $('#c').offset().left) + $(window).scrollLeft(); | |
mouseY = (event.pageY - $('#c').offset().top) + $(window).scrollTop(); | |
} | |
//console.log(cells); | |
} | |
function whenMove(event) { | |
mouseX = (event.pageX - $('#c').offset().left) + $(window).scrollLeft(); | |
mouseY = (event.pageY - $('#c').offset().top) + $(window).scrollTop(); | |
} | |
</script> | |
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.0/css/bootstrap-toggle.min.css" rel="stylesheet"> | |
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.0/js/bootstrap-toggle.min.js"></script> | |
<style> | |
</style> | |
<link rel="stylesheet" type="text/css" href="boot.css"> | |
<link rel="stylesheet" type="text/css" href="DriveApp.css"> | |
<link rel="stylesheet" type="text/css" href="style.css"> | |
</head> | |
<body> | |
<div class="drive-bar"> | |
<div style="position: absolute; overflow: hidden; left: 55px; top: 0px; right: 25%; height: 34px;"> | |
<table cellspacing="0" cellpadding="0" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"> | |
<tbody> | |
<tr> | |
<td align="left" style="vertical-align: top;"> | |
<div class="fsc-DocumentName fsc-EditableDocumentName">Milo's Symetrical Pattern</div> | |
</td> | |
<td align="left" style="vertical-align: top;"> | |
<div class="fsc-DocumentName">/</div> | |
</td> | |
<td align="left" style="vertical-align: top;"> | |
<div class="fsc-DocumentName fsc-EditableDocumentName">B4S4 Exteneded Moore</div> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<div style="position: absolute; overflow: hidden; left: 0px; top: 0px; width: 40px; height: 60px;"> | |
<div tabindex="0" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"> | |
<input type="text" tabindex="-1" role="presentation" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;"> | |
<div class="fsc-FontIcon fsc-DrivePanel" style="position: relative; overflow: hidden; width: 40px; height: 60px; background-color: rgb(86, 97,225);"> | |
<div class="fsc-FontIcon fsc-AppIcon the-icon" style="position: absolute; left: 8px; top: 18px;"> | |
<img src="Glider.png"> | |
</div> | |
<div class="fsc-DriveIcon the-icon-drive" style="position: absolute; left: 7px; top: 18px;"></div> | |
</div> | |
</div> | |
</div> | |
<div style="position: absolute; overflow: hidden; left: 0px; top: 29px; right: 250px; height: 35px;"> | |
<table cellspacing="0" cellpadding="0" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;"> | |
<tbody> | |
<tr> | |
<td align="left" style="vertical-align: top;"> | |
<div tabindex="0" role="menubar" class="gwt-MenuBar gwt-MenuBar-horizontal" hidefocus="true" aria-activedescendant="gwt-uid-1" style="outline: 0px;"> | |
<input type="text" tabindex="-1" role="presentation" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;"> | |
<table> | |
<tbody> | |
<tr> | |
<td class="gwt-MenuItem" id="gwt-uid-1" role="menuitem" aria-haspopup="true">File</td> | |
<td class="gwt-MenuItem" id="gwt-uid-30" role="menuitem" aria-haspopup="true">Edit</td> | |
<td class="gwt-MenuItem" id="gwt-uid-35" role="menuitem" aria-haspopup="true">View</td> | |
<td class="gwt-MenuItem" id="gwt-uid-37" role="menuitem" aria-haspopup="true">Help</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</td> | |
<td align="left" style="vertical-align: top;"> | |
<div class="fsc-SaveLabel"></div> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<!--div id="overlay"--> | |
<div class="options well"> | |
<div class="options-section-title">Options | |
</div> | |
<div class="options-section-sub">Stats | |
</div> | |
<span class="cell-num" style="margin-bottom:10px"></span> | |
<div class="options-section-sub">Rule | |
</div> | |
<div class="input-group b-in-group "> | |
<span class="input-group-addon" id="B-addon">B</span> | |
<input type="text" class="b-rule-input" aria-describedby="B-addon" value="4"> | |
</div> | |
<div class="input-group s-in-group "> | |
<span class="input-group-addon" id="S-addon">S</span> | |
<input type="text" class="s-rule-input" aria-describedby="S-addon" value="4"> | |
</div> | |
<div class="options-section-sub">Controls | |
</div> | |
<div class="btn-group running-group"> | |
<input id="run-toggle" type="checkbox" data-toggle="toggle" onclick="toggleCalc()"> | |
<button id="clear-button" type="button" class="btn btn-info" onclick="clearCells()">Clear</button> | |
<button id="step-button" type="button" class="btn btn-warning" onclick="calc()">Step</button> | |
</div> | |
<button id="up-rule-button" type="button" class="btn btn-success" onclick="updateRules()">Update Rule</button> | |
<div class="btn-group running-group"> | |
<button id="log-button" type="button" class="btn btn-info" onclick="console.log(cells)">Log</button> | |
<button id="random-button" type="button" class="btn btn-danger" onclick="randomCells()">Random</button> | |
</div> | |
<div class="options-section-sub">Input/Output</div> | |
<button id="save-button" type="button" class="btn btn-default btn-warning" onclick="savePattern()">Save</button> | |
<div class="fileupload fileupload-new" data-provides="fileupload"> | |
<span class="btn btn-primary btn-file"><span class="fileupload-new">Select file</span> | |
<span class="fileupload-exists">Change</span> | |
<input type="file" onchange="loadFileAsText()" /> | |
</span> | |
<span class="fileupload-preview"></span> | |
<a href="#" class="close fileupload-exists" data-dismiss="fileupload" onchange="loadFileAsText()" style="float: none">x</a> | |
</div> | |
<input class="form-control btn-danger" type="text" id="inputTextToSave" value="0,0,1|1,0,1|0,1,1|1,1,1|0,2,2|1,2,2|-1,4,1|2,4,1|-1,5,1|2,5,1"> | |
<select class="form-control pattern-select btn-info" id="selector" onchange="test()"> | |
<option value="0,0,1|1,0,1|0,1,1|1,1,1|0,2,2|1,2,2|-1,4,1|2,4,1|-1,5,1|2,5,1" selected>Milo's Symetrical Pattern</option> | |
<option value="2,1,1|-1,-2,1|0,-1,1|-1,-1,1|-1,0,1|0,0,1|0,-2,1|2,2,1|2,3,1|-3,1,1|-3,2,1|-3,3,1">Cole's Cool Pattern</option> | |
</select> | |
<button id="set-pattern-button" type="button" onclick="submitpat()" class="btn btn-success">Set Pattern</button> | |
</div> | |
<div class="canvas-cont-big"> | |
<div class="fs-Toolbar canvas-toolbar" style=""> | |
<table cellspacing="0" cellpadding="0" class="fse-ToolbarWrapper-embedded"> | |
<tbody> | |
<tr> | |
<td align="left" style="vertical-align: middle;"> | |
<div class="fse-MimeTypeIcon world-icon" style="background-color: rgb(170, 170, 170);"></div> | |
</td> | |
<td align="left" style="vertical-align: middle;"> | |
<div class="fsc-DocumentName">world.game</div> | |
</td> | |
<td align="left" style="vertical-align: middle;"> | |
<div tabindex="0" class="fse-ToolbarButton fse-ToolbarButton-up" role="button" aria-pressed="false" title="Reload live preview"> | |
<input type="text" tabindex="-1" role="presentation" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;"> | |
<i style="font-size:16px" class="fa fa-paint-brush"></i> | |
</div> | |
</td> | |
<td align="left" style="vertical-align: middle;"> | |
<div tabindex="0" class="fse-ToolbarButton fse-ToolbarButton-up" role="button" aria-pressed="false" title="Zoom Tool"> | |
<input type="text" tabindex="-1" role="presentation" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;"> | |
<i style="font-size:16px" class="fa fa-search-plus"></i> | |
</div> | |
</td> | |
<td align="left" width="100%" style="vertical-align: middle;"> | |
<div class="gwt-HTML"> </div> | |
</td> | |
<td align="left" style="vertical-align: middle;"> | |
<div tabindex="0" class="fse-ToolbarButton" role="button" aria-pressed="false" title="Open in new tab"> | |
<input type="text" tabindex="-1" role="presentation" style="opacity: 0; height: 1px; width: 1px; z-index: -1; overflow: hidden; position: absolute;"> | |
<div class="html-face"></div> | |
</div> | |
</td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
</div> | |
<div class="canvas-cont"> | |
<canvas id="c" onmousedown="startDrag(event)" onmousemove="drag(event)" onmouseup="dragging=false" onmouseleave="dragging=false"></canvas> | |
</div> | |
</div> | |
<script src="script.js"> | |
</script> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var bgWidth = w; | |
var bgHeight = h; | |
var running = false; | |
var cells = []; | |
$("#c").attr("width", w); | |
$("#c").attr("height", h); | |
var offsetX = 0; | |
var offsetY = 0; | |
var birth = []; | |
var survive = []; | |
var birth2 = []; | |
var survive2 = []; | |
var c = document.getElementById("c"); | |
c.addEventListener("ondrag", console.log("drag")); | |
var ctx = c.getContext("2d"); | |
var transforms = []; | |
var mscrollX = 0; | |
var mscrollY = 0; | |
var scrollX = 0; | |
var scrollY = 0; | |
var zoom = Math.pow(1.5, -3); | |
var color = 0; | |
var inToggle = false; | |
var running = false; | |
var calcLoop = null; | |
var paintColor = 1; | |
var dragging = false; | |
function savePattern() { | |
download(); | |
} | |
function submitpat() { | |
clearCells(); | |
var x = $("#inputTextToSave").val(); | |
var cellList = x.split("|"); | |
for(var i=0;i<cellList.length;i++){ | |
var element=cellList[i].split(","); | |
addCell(parseInt(element[0]), parseInt(element[1]), parseInt(element[2])); | |
} | |
console.log(cells); | |
} | |
function MouseWheelHandler(e) { | |
// cross-browser wheel delta | |
var e = window.event || e; // old IE support | |
var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); | |
zoom = zoom * Math.pow(1.5, -delta); | |
if (zoom < Math.pow(1.5, -6)) { | |
zoom = Math.pow(1.5, -6); | |
} | |
if (zoom > Math.pow(1.5, 6)) { | |
zoom = Math.pow(1.5, 6); | |
} | |
//onwheel(e); | |
} | |
function onwheel(e) { | |
var deltaY = 0; | |
e.preventDefault(); | |
if (e.deltaY) { // FireFox 17+ (IE9+, Chrome 31+?) | |
deltaY = e.deltaY; | |
} else if (e.wheelDelta) { | |
deltaY = -e.wheelDelta; | |
} | |
// As far as I know, there is no good cross-browser way to get the cursor position relative to the event target. | |
// We have to calculate the target element's position relative to the document, and subtrack that from the | |
// cursor's position relative to the document. | |
var offsetX = e.pageX - 0 - document.body.scrollLeft - w / 2; | |
var offsetY = e.pageY - 0 - document.body.scrollTop - h / 2; | |
// Record the offset between the bg edge and cursor: | |
var bgCursorX = offsetX - scrollX; | |
var bgCursorY = offsetY - scrollY; | |
// Use the previous offset to get the percent offset between the bg edge and cursor: | |
var bgRatioX = bgCursorX / w / zoom; | |
var bgRatioY = bgCursorY / h / zoom; | |
// Update the bg size: | |
if (deltaY < 0) { | |
zoom *= 0.5; | |
} else { | |
zoom *= 2; | |
} | |
// Take the percent offset and apply it to the new size: | |
scrollX = offsetX - (w * zoom * bgRatioX); | |
scrollY = offsetY - (h * zoom * bgRatioY); | |
// Prevent zooming out beyond the starting size | |
} | |
var myimage = document.getElementById("c"); | |
if (myimage.addEventListener) { | |
// IE9, Chrome, Safari, Opera | |
myimage.addEventListener("mousewheel", MouseWheelHandler, false); | |
// Firefox | |
myimage.addEventListener("DOMMouseScroll", MouseWheelHandler, false); | |
} | |
// IE 6/7/8 | |
else myimage.attachEvent("onmousewheel", MouseWheelHandler); | |
function updateRules() { | |
stop(); | |
var bvals = $(".b-rule-input").val().split(","); | |
var svals = $(".s-rule-input").val().split(","); | |
//var b2vals=$(".b2-rule-input").val().split(",")" | |
//var s2vals = $(".s2-rule-input").val().split(","); | |
birth = []; | |
survive = []; | |
birth2 = []; | |
survive2 = []; | |
for (var i = 0; i < 100; i++) { | |
birth[i] = false; | |
survive[i] = false; | |
birth2[i] = false; | |
survive2[i] = false; | |
} | |
for (var i = 0; i < bvals.length; i++) { | |
birth[parseInt(bvals[i])] = true; | |
} | |
for (var i = 0; i < svals.length; i++) { | |
survive[parseInt(svals[i])] = true; | |
} | |
//for(var i=0;i<b2vals.length;i++){ | |
//birth2[parseInt(b2vals[i])]=true; | |
// } | |
/*birth2[4] = true; | |
for (var i = 0; i < s2vals.length; i++) { | |
survive2[parseInt(s2vals[i])] = true; | |
}*/ | |
} | |
function clone(obj) { | |
if (null == obj || "object" != typeof obj) return obj; | |
var copy = obj.constructor(); | |
for (var attr in obj) { | |
if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr]; | |
} | |
return copy; | |
} | |
function neighborsForCell(cell, cellset) { | |
var neighbors = []; | |
for (var i = -2; i <= 2; i++) { | |
for (var j = -2; j <= 2; j++) { | |
if (j * j + i * i > 0) { | |
//if (cellset[cell.x + j + "_" + cell.y + i] != null) { | |
// cells[gridX+","+"ridY]=null; | |
// neighbors = neighbors.concat([cellset[cell.x + j + "_" + cell.y + i]]); | |
//} | |
neighbors = neighbors.concat([{ | |
x: cell.x + j, | |
y: cell.y + i | |
} | |
]); | |
} | |
} | |
} | |
return neighbors; | |
} | |
updateRules(); | |
addCell(0, 0, 1); | |
addCell(1, 0, 1); | |
addCell(0, 1, 1); | |
addCell(1, 1, 1); | |
addCell(0, 2, 2); | |
addCell(1, 2, 2); | |
addCell(-1, 4, 1); | |
addCell(2, 4, 1); | |
addCell(-1, 5, 1); | |
addCell(2, 5, 1); | |
//randomCells(); | |
window.setInterval(tick, 1); | |
$('#run-toggle').change(function() { | |
if (!inToggle) { | |
toggleCalc(); | |
} | |
}); | |
function toggleCalc() { | |
if (!running) { | |
start(); | |
} else { | |
stop(); | |
} | |
} | |
function stop() { | |
inToggle = true; | |
$('#run-toggle').bootstrapToggle('off'); | |
if (!running) { | |
} else { | |
window.clearInterval(calcLoop); | |
running = false; | |
} | |
inToggle = false; | |
} | |
function start() { | |
inToggle = true; | |
$('#run-toggle').bootstrapToggle('on'); | |
if (!running) { | |
calcLoop = window.setInterval(calc, 1); | |
running = true; | |
} else { | |
} | |
inToggle = false; | |
} | |
function calc() { | |
var oldSet = clone(cells); | |
var toCalc = {}; | |
for (var cell in oldSet) { | |
if (cell.substr(0, 3) == "POS") { | |
console.log("n"); | |
if (toCalc.hasOwnProperty(cell)) { | |
//toCalc[cell]=toCalc[cell]+1; | |
toCalc[cell].alive = true; | |
toCalc[cell].s = oldSet[cell].s; | |
} else { | |
toCalc[cell] = { | |
nebs: 0, | |
alive: true, | |
x: oldSet[cell].x, | |
y: oldSet[cell].y, | |
s: oldSet[cell].s | |
}; | |
} | |
var ns = neighborsForCell(oldSet[cell], oldSet); | |
//console.log(ns); | |
for (var m = 0; m < ns.length; m++) { | |
if (toCalc["POS" + ns[m].x + "_" + ns[m].y] != null) { | |
//console.log("yes"); | |
toCalc["POS" + ns[m].x + "_" + ns[m].y].nebs = toCalc["POS" + ns[m].x + "_" + ns[m].y].nebs + 1; | |
//toCalc[cell].alive=true; | |
} else { | |
//console.log("no"); | |
toCalc["POS" + ns[m].x + "_" + ns[m].y] = { | |
nebs: 1, | |
alive: false, | |
x: ns[m].x, | |
y: ns[m].y //, | |
// s:oldSet[ns[m].x + "_" + ns[m].y].s | |
}; | |
} | |
} | |
} | |
} | |
//console.log(toCalc); | |
for (var m in toCalc) { | |
if (m.substr(0, 3) == "POS") { | |
if (toCalc[m].alive) { | |
if (toCalc[m].s == 1) { | |
if (survive[toCalc[m].nebs]) { | |
cells["POS" + toCalc[m].x + "_" + toCalc[m].y] = { | |
x: toCalc[m].x, | |
y: toCalc[m].y, | |
s: 1 | |
}; | |
} else if (birth2[toCalc[m].nebs]) { | |
cells["POS" + toCalc[m].x + "_" + toCalc[m].y] = { | |
x: toCalc[m].x, | |
y: toCalc[m].y, | |
s: 2 | |
}; | |
} else { | |
delete cells["POS" + toCalc[m].x + "_" + toCalc[m].y]; | |
} | |
} else { | |
if (survive2[toCalc[m].nebs]) { | |
cells["POS" + toCalc[m].x + "_" + toCalc[m].y] = { | |
x: toCalc[m].x, | |
y: toCalc[m].y, | |
s: 2 | |
}; | |
} else { | |
delete cells["POS" + toCalc[m].x + "_" + toCalc[m].y]; | |
} | |
} | |
} else { | |
if (birth[toCalc[m].nebs]) { | |
cells["POS" + toCalc[m].x + "_" + toCalc[m].y] = { | |
x: toCalc[m].x, | |
y: toCalc[m].y, | |
s: 1 | |
}; | |
} | |
} | |
} | |
} | |
countCells(); | |
} | |
function compare(a, b) { | |
if (a.x < b.x) | |
return -1; | |
if (a.x > b.x) | |
return 1; | |
if (a.y < b.y) | |
return -1; | |
if (a.y > b.y) | |
return 1; | |
return 0; | |
} | |
function findGroups() { | |
var cellArray = []; | |
for (var cell in cells) { | |
if (cell.substr(0, 3) == "POS") { | |
cellArray = cellArray.concat([cells[cell]]); | |
} | |
} | |
cellArray.sort(compare); | |
} | |
function tick() { | |
w = $(".canvas-cont").width(); | |
h = $(".canvas-cont").height(); | |
//console.log( c.style.height); | |
$("#c").attr("width", w); | |
$("#c").attr("height", h); | |
$(".toggle").attr("height", 30); | |
ctx.setTransform(1, 0, 0, 1, 0, 0); | |
ctx.clearRect(0, 0, w, h); | |
ctx.translate(w / 2, h / 2); | |
ctx.scale(zoom, zoom); | |
ctx.strokeStyle = "black"; | |
var floorSX = scrollX - scrollX % 10; | |
var floorSY = scrollY - scrollY % 10; | |
if (zoom > Math.pow(1.5, -3)) { | |
for (var x = -Math.ceil(w / zoom / 20) - 2; x < Math.ceil(w / zoom / 20) + 2; x++) { | |
if (x != 1) { | |
ctx.strokeStyle = "white"; | |
} else { | |
ctx.strokeStyle = "white"; | |
} | |
ctx.beginPath(); | |
ctx.moveTo(scrollX % 10 - 10 + x * 10, scrollY % 10 - 10 - h / zoom / 2); | |
ctx.lineTo(scrollX % 10 - 10 + x * 10, scrollY % 10 - 10 + 10 + h / zoom / 2); | |
ctx.stroke(); | |
} | |
for (var y = -Math.ceil(h / zoom / 20) - 2; y < Math.ceil(h / zoom / 20) + 2; y++) { | |
ctx.beginPath(); | |
ctx.moveTo(scrollX % 10 - 10 - w / zoom / 2, scrollY % 10 - 10 + y * 10); | |
ctx.lineTo(scrollX % 10 - 10 + 10 + w / zoom / 2, scrollY % 10 - 10 + y * 10); | |
ctx.stroke(); | |
if (y != 0) { | |
ctx.strokeStyle = "white"; | |
} else { | |
ctx.strokeStyle = "white"; | |
} | |
} | |
} | |
countCells(); | |
for (var cell in cells) { | |
if (cell.substr(0, 3) == "POS") { | |
if (cells[cell].s != 2) { | |
ctx.fillStyle = "red"; | |
} else { | |
ctx.fillStyle = "blue"; | |
} | |
var boxX = cells[cell].x * 10 - scrollX; | |
var boxY = cells[cell].y * 10 - scrollY; | |
ctx.beginPath(); | |
ctx.fillRect(boxX, boxY, 10, 10); | |
ctx.fill(); | |
} | |
} | |
} | |
function clearCells() { | |
stop(); | |
for (var cell in cells) { | |
if (cell.substr(0, 3) == "POS") { | |
console.log(cells[cell]); | |
delete cells[cell]; | |
} | |
} | |
} | |
function countCells() { | |
var cellCount = 0; | |
for (var cell in cells) { | |
if (cell.substr(0, 3) == "POS") { | |
cellCount++; | |
} | |
} | |
$(".cell-num").html("cell count:" + cellCount); | |
} | |
function randomCells() { | |
clearCells(); | |
for (var i = 0; i < 2000; i++) { | |
var gridX = Math.floor(Math.random() * 200) - 100; | |
var gridY = Math.floor(Math.random() * 200) - 100; | |
var state = Math.floor(Math.random() * 2) + 1 | |
cells["POS" + gridX + "_" + gridY] = { | |
x: gridX, | |
y: gridY, | |
s: state | |
}; | |
} | |
} | |
function addCell(gridX, gridY, state) { | |
cells["POS" + gridX + "_" + gridY] = { | |
x: gridX, | |
y: gridY, | |
s: state | |
}; | |
} | |
function test() { | |
$("#inputTextToSave")[0].value = $("#selector")[0].value; | |
$(".fsc-EditableDocumentName").html=$("#selector")[0].innerHtml; | |
console.log("hi"); | |
} | |
function loadFileAsText() { | |
var fileToLoad = $(".fileupload input")[0].files[0]; | |
var fileReader = new FileReader(); | |
fileReader.onload = function(fileLoadedEvent) { | |
var textFromFileLoaded = fileLoadedEvent.target.result; | |
$("#inputTextToSave")[0].value = textFromFileLoaded; | |
console.log(textFromFileLoaded); | |
}; | |
fileReader.readAsText(fileToLoad, "UTF-8"); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! ======================================================================== | |
* Bootstrap Toggle: bootstrap-toggle.css v2.2.0 | |
* http://www.bootstraptoggle.com | |
* ======================================================================== | |
* Copyright 2014 Min Hur, The New York Times Company | |
* Licensed under MIT | |
* ======================================================================== */ | |
.well { | |
min-height: 20px; | |
padding: 0px; | |
margin-bottom: 0px; | |
background-color: #f5f5f5; | |
border: 1px solid #e3e3e3; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); | |
} | |
.checkbox label .toggle, | |
.checkbox-inline .toggle { | |
margin-left: -20px; | |
margin-right: 5px; | |
} | |
.toggle { | |
position: relative; | |
overflow: hidden; | |
} | |
.toggle input[type="checkbox"] { | |
display: none; | |
} | |
.toggle-group { | |
position: absolute; | |
width: 200%; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
transition: left 0.35s; | |
-webkit-transition: left 0.35s; | |
-moz-user-select: none; | |
-webkit-user-select: none; | |
} | |
.toggle.off .toggle-group { | |
left: -100%; | |
} | |
.toggle-on { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 50%; | |
margin: 0; | |
border: 0; | |
border-radius: 0; | |
} | |
.toggle-off { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 50%; | |
right: 0; | |
margin: 0; | |
border: 0; | |
border-radius: 0; | |
} | |
.toggle-handle { | |
position: relative; | |
margin: 0 auto; | |
padding-top: 0px; | |
padding-bottom: 0px; | |
height: 100%; | |
width: 0px; | |
border-width: 0 1px; | |
} | |
.toggle.btn { min-width: 59px; min-height: 34px; } | |
.toggle-on.btn { padding-right: 24px; } | |
.toggle-off.btn { padding-left: 24px; } | |
.toggle.btn-lg { min-width: 79px; min-height: 45px; } | |
.toggle-on.btn-lg { padding-right: 31px; } | |
.toggle-off.btn-lg { padding-left: 31px; } | |
.toggle-handle.btn-lg { width: 40px; } | |
.toggle.btn-sm { min-width: 50px; min-height: 30px;} | |
.toggle-on.btn-sm { padding-right: 20px; } | |
.toggle-off.btn-sm { padding-left: 20px; } | |
.toggle.btn-xs { min-width: 35px; min-height: 22px;} | |
.toggle-on.btn-xs { padding-right: 12px; } | |
.toggle-off.btn-xs { padding-left: 12px; } | |
/* leave this part out */ | |
body{text-align:center; padding-top:30px;} | |
/* leave this part out */ | |
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} | |
.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;} | |
.btn-file{overflow:hidden;position:relative;vertical-align:middle;}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);transform:translate(-300px, 0) scale(4);font-size:23px;direction:ltr;cursor:pointer;} | |
.fileupload{margin-bottom:9px;}.fileupload .uneditable-input{display:inline-block;margin-bottom:0px;vertical-align:middle;cursor:text;} | |
.fileupload .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center;}.fileupload .thumbnail>img{display:inline-block;vertical-align:middle;max-height:100%;} | |
.fileupload .btn{vertical-align:middle;} | |
.fileupload-exists .fileupload-new,.fileupload-new .fileupload-exists{display:none;} | |
.fileupload-inline .fileupload-controls{display:inline;} | |
.fileupload-new .input-append .btn-file{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} | |
.thumbnail-borderless .thumbnail{border:none;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} | |
.fileupload-new.thumbnail-borderless .thumbnail{border:1px solid #ddd;} | |
.control-group.warning .fileupload .uneditable-input{color:#a47e3c;border-color:#a47e3c;} | |
.control-group.warning .fileupload .fileupload-preview{color:#a47e3c;} | |
.control-group.warning .fileupload .thumbnail{border-color:#a47e3c;} | |
.control-group.error .fileupload .uneditable-input{color:#b94a48;border-color:#b94a48;} | |
.control-group.error .fileupload .fileupload-preview{color:#b94a48;} | |
.control-group.error .fileupload .thumbnail{border-color:#b94a48;} | |
.control-group.success .fileupload .uneditable-input{color:#468847;border-color:#468847;} | |
.control-group.success .fileupload .fileupload-preview{color:#468847;} | |
.control-group.success .fileupload .thumbnail{border-color:#468847;} | |
#c { | |
width:100%; | |
height:100%; | |
background:gray; | |
padding:0px; | |
margin-bottom:0px; | |
margin:0px; | |
} | |
.canvas-cont-big { | |
width:calc( 100% - 250px ); | |
box-sizing: border-box; | |
height:calc( 100% - 60px ); | |
margin-top:0px; | |
margin-left:0px; | |
padding:0px; | |
margin-bottom:0px; | |
} | |
.canvas-cont { | |
width:100%; | |
box-sizing: border-box; | |
height:calc( 100% - 33.1818px ); | |
margin:0px; | |
padding:0px; | |
margin-bottom:0px; | |
} | |
div.canvas-toolbar{ | |
background-color: rgb(245, 245, 245); | |
background-image: -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(238, 238, 238)); | |
border-bottom-color: rgb(217, 217, 217); | |
border-bottom-style: solid; | |
border-bottom-width: 0.909091px; | |
border-top-color: rgb(217, 217, 217); | |
border-top-style: solid; | |
border-top-width: 0.909091px; | |
box-shadow: rgb(255, 255, 255) 0px 1px 0px 0px inset; | |
display: block; | |
font-family: Arial, sans-serif; | |
font-size: 12px; | |
height: 35px; | |
} | |
.tool-item{ | |
display:inline-block; | |
vertical-align:middle; | |
height:30px; | |
} | |
.canvas-toolbar table{ | |
width:100%; | |
height:100%; | |
} | |
body,html { | |
margin:0px; | |
padding:0px; | |
width:100%; | |
height:100%; | |
overflow:hidden; | |
} | |
div.top-options { | |
width:calc( 100% - 260px); | |
box-sizing: border-box; | |
text-align:center; | |
height:50px; | |
line-height:30px; | |
margin:5px; | |
font-size:140%; | |
padding:0px; | |
display:absolute; | |
position: absolute; | |
left: 0px; | |
top: 0px; | |
z-index: 100; | |
overflow-y:auto; | |
} | |
div.options { | |
float:right; | |
width:240px; | |
text-align:center; | |
box-sizing: border-box; | |
height:calc( 100% - 10px ); | |
line-height:30px; | |
margin:0px; | |
font-size:140%; | |
padding:0px; | |
display:absolute; | |
position: absolute; | |
right: 5px; | |
top: 5px; | |
z-index: 100; | |
overflow-y:auto; | |
overflow-x:hidden; | |
} | |
#overlay { | |
display:absolute; | |
position: absolute; | |
left: 0px; | |
right: 0px; | |
top: 0px; | |
bottom: 0px; | |
z-index: 100; | |
display: block; | |
} | |
.options-section-title { | |
padding:10px; | |
font-size:28px; | |
} | |
.options-section-sub { | |
border-bottom: 1px solid #e3e3e3; | |
border-top: 1px solid #e3e3e3; | |
font-size:20px; | |
padding:5px; | |
margin-bottom:10px; | |
} | |
.fsc-ChatToolbar tr { | |
background:red; | |
} | |
.toggle{ | |
min-height:30px !important; | |
//height:30px !important; | |
} | |
.toggle-group{ | |
//height:30px; | |
} | |
.b-rule-input,.s-rule-input,.b2-rule-input,.s2-rule-input{ | |
display:inline-block; | |
width:100%; | |
} | |
div.b-in-group, div.s-in-group,div.b2-in-group, div.s2-in-group{ | |
position: relative; | |
display:box; | |
vertical-align: middle; | |
margin-left:20px; | |
margin-right:20px; | |
margin-bottom:10px; | |
} | |
.running-group,#save-button,#set-pattern-button,#up-rule-button{ | |
margin-bottom:10px; | |
} | |
.save-grou{ | |
display:inline; | |
margin-left:20px; | |
margin-right:20px; | |
margin-bottom:10px; | |
} | |
.form-control{ | |
min-width:10px; | |
width:150px; | |
margin:0px; | |
min-height:10px; | |
margin-left:calc( 50% - 76px ); | |
margin-bottom:10px; | |
} | |
.pattern-select > *{ | |
fpadding-right:0px; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
overflow: hidden; | |
} | |
.pattern-select option{ | |
fpadding-right:0px; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
overflow: hidden; | |
} | |
#fileupload{ | |
min-width:10px; | |
width:150px; | |
margin:0px; | |
min-height:10px; | |
margin-left:calc( 50% - 76px ); | |
margin-bottom:10px; | |
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
} | |
#fileupload::-webkit-file-upload-button { | |
visibility: hidden; | |
width:1px; | |
height:1px; | |
} | |
#fileupload::-file-upload-button { | |
visibility: hidden; | |
width:1px; | |
height:1px; | |
} | |
#fileupload::-ms-file-upload-button { | |
visibility: hidden; | |
width:1px; | |
height:1px; | |
} | |
/* Let's get this party started */ | |
::-webkit-scrollbar { | |
width: 12px; | |
} | |
/* Track */ | |
::-webkit-scrollbar-track { | |
background-color: #f5f5f5; | |
border: 1px solid #e3e3e3; | |
border-radius: 4px; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); | |
-webkit-border-radius: 0px; | |
border-radius: 0px; | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
border-left: solid 1px rgb(204, 204, 204); | |
} | |
.world-icon{ | |
background:url("Glider.png"); | |
background-repeat:no-repeat; | |
background-size:85%; | |
background-position:center; | |
} | |
/* Handle */ | |
::-webkit-scrollbar-thumb { | |
-webkit-border-radius: 0px; | |
border-radius: 0px; | |
background: rgba(200,200,200,0.8); | |
box-shadow:1px 0 1px rgb(204, 204, 204); | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
background-color: rgb(255, 255, 255); | |
background-image: none; | |
border-left: solid 1px rgb(204, 204, 204); | |
margin-right:-1px; | |
} | |
::-webkit-scrollbar-thumb:window-inactive { | |
background: rgba(200,200,200,0.4); | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.the-icon img{ | |
width:24px; | |
} | |
.the-icon-drive{ | |
width:26px; | |
height:24px; | |
background:url("Google Drive.png"); | |
background-size:26px; | |
background-repeat:no-repeat; | |
} | |
.drive-bar{ | |
height:60px; | |
width:100%; | |
} | |
.gwt-MenuBar-horizontal { | |
height: 36px; | |
margin: 0 24px 0 51px; | |
outline: none; | |
position: relative; | |
z-index: 998; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment