Created
April 3, 2014 00:15
-
-
Save RaymondLim/9945976 to your computer and use it in GitHub Desktop.
CSS file generating from brackets.less
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
| /* Generated by less 1.4.2 */ | |
| @import "../thirdparty/CodeMirror2/lib/codemirror.css"; | |
| /* | |
| * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved. | |
| * | |
| * Permission is hereby granted, free of charge, to any person obtaining a | |
| * copy of this software and associated documentation files (the "Software"), | |
| * to deal in the Software without restriction, including without limitation | |
| * the rights to use, copy, modify, merge, publish, distribute, sublicense, | |
| * and/or sell copies of the Software, and to permit persons to whom the | |
| * Software is furnished to do so, subject to the following conditions: | |
| * | |
| * The above copyright notice and this permission notice shall be included in | |
| * all copies or substantial portions of the Software. | |
| * | |
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | |
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING | |
| * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER | |
| * DEALINGS IN THE SOFTWARE. | |
| * | |
| */ | |
| /* | |
| * This file first imports all of the shared LESS/CSS, and then defines | |
| * version-specific layout (e.g. layout for the App shell, or layout for | |
| * the In-Browser version on Firefox). | |
| * | |
| * Going forward, we may have different versions of this file for different | |
| * Versions (e.g. App, In-Browser, etc.) | |
| * | |
| * Anything that is general/reusable should be pushed up into a LESS file | |
| * in the "styles" directory. See "brackets_shared.less" for the organization | |
| * | |
| * Date: @DATE | |
| */ | |
| /* IMPORTANT: importing brackets_shared should be the first step in this file | |
| * This is so that imported CSS files (NOT LESS files) end up in the | |
| * right place | |
| */ | |
| /* Shared LESS for all versions of Brackets (e.g. App, In-Browser, etc.) | |
| * | |
| * IMPORTANT: Importing this file should be the first step in creating a | |
| * version-specific LESS file. | |
| * | |
| * ALSO IMPORTANT: All CSS imports should occur first in this file. This is | |
| * because LESS puts all CSS imports at the top of the file anyway (because | |
| * this is required by CSS2). So, we don't want to be misleading about the | |
| * processing order. | |
| */ | |
| /* CSS imports */ | |
| /* LESS imports */ | |
| /*! | |
| * Bootstrap v2.3.1 | |
| * | |
| * Copyright 2012 Twitter, Inc | |
| * Licensed under the Apache License v2.0 | |
| * http://www.apache.org/licenses/LICENSE-2.0 | |
| * | |
| * Designed and built with all the love in the world @twitter by @mdo and @fat. | |
| */ | |
| .clearfix { | |
| *zoom: 1; | |
| } | |
| .clearfix:before, | |
| .clearfix:after { | |
| display: table; | |
| 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: 28px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| nav, | |
| section { | |
| display: block; | |
| } | |
| audio, | |
| canvas, | |
| video { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| } | |
| html { | |
| font-size: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| } | |
| a:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| a:hover, | |
| a:active { | |
| outline: 0; | |
| } | |
| sub, | |
| sup { | |
| position: relative; | |
| font-size: 75%; | |
| line-height: 0; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| img { | |
| /* Responsive images (ensure images don't scale beyond their parents) */ | |
| max-width: 100%; | |
| /* Part 1: Set a maxium relative to the parent */ | |
| width: auto\9; | |
| /* IE7-8 need help adjusting responsive images */ | |
| height: auto; | |
| /* Part 2: Scale the height according to the width, otherwise you get stretching */ | |
| vertical-align: middle; | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| } | |
| #map_canvas img, | |
| .google-maps img { | |
| max-width: none; | |
| } | |
| button, | |
| input, | |
| select, | |
| textarea { | |
| margin: 0; | |
| font-size: 100%; | |
| vertical-align: middle; | |
| } | |
| button, | |
| input { | |
| *overflow: visible; | |
| line-height: normal; | |
| } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| padding: 0; | |
| border: 0; | |
| } | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| label, | |
| select, | |
| button, | |
| input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"], | |
| input[type="radio"], | |
| input[type="checkbox"] { | |
| cursor: pointer; | |
| } | |
| input[type="search"] { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| -webkit-appearance: textfield; | |
| } | |
| input[type="search"]::-webkit-search-decoration, | |
| input[type="search"]::-webkit-search-cancel-button { | |
| -webkit-appearance: none; | |
| } | |
| textarea { | |
| overflow: auto; | |
| vertical-align: top; | |
| } | |
| @media print { | |
| * { | |
| text-shadow: none !important; | |
| color: #000 !important; | |
| background: transparent !important; | |
| box-shadow: none !important; | |
| } | |
| a, | |
| a:visited { | |
| text-decoration: underline; | |
| } | |
| a[href]:after { | |
| content: " (" attr(href) ")"; | |
| } | |
| abbr[title]:after { | |
| content: " (" attr(title) ")"; | |
| } | |
| .ir a:after, | |
| a[href^="javascript:"]:after, | |
| a[href^="#"]:after { | |
| content: ""; | |
| } | |
| pre, | |
| blockquote { | |
| border: 1px solid #999; | |
| page-break-inside: avoid; | |
| } | |
| thead { | |
| display: table-header-group; | |
| } | |
| tr, | |
| img { | |
| page-break-inside: avoid; | |
| } | |
| img { | |
| max-width: 100% !important; | |
| } | |
| @page { | |
| margin: 0.5cm; | |
| } | |
| p, | |
| h2, | |
| h3 { | |
| orphans: 3; | |
| widows: 3; | |
| } | |
| h2, | |
| h3 { | |
| page-break-after: avoid; | |
| } | |
| } | |
| body { | |
| margin: 0; | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| font-size: 13px; | |
| line-height: 18px; | |
| color: #333333; | |
| background-color: #ffffff; | |
| } | |
| a { | |
| color: #0088cc; | |
| text-decoration: none; | |
| } | |
| a:hover, | |
| a:focus { | |
| color: #005580; | |
| text-decoration: underline; | |
| } | |
| .img-rounded { | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| } | |
| .img-polaroid { | |
| padding: 4px; | |
| background-color: #fff; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| } | |
| .img-circle { | |
| -webkit-border-radius: 500px; | |
| -moz-border-radius: 500px; | |
| border-radius: 500px; | |
| } | |
| .row { | |
| margin-left: -20px; | |
| *zoom: 1; | |
| } | |
| .row:before, | |
| .row:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .row:after { | |
| clear: both; | |
| } | |
| [class*="span"] { | |
| float: left; | |
| min-height: 1px; | |
| margin-left: 20px; | |
| } | |
| .container, | |
| .navbar-static-top .container, | |
| .navbar-fixed-top .container, | |
| .navbar-fixed-bottom .container { | |
| width: 940px; | |
| } | |
| .span12 { | |
| width: 940px; | |
| } | |
| .span11 { | |
| width: 860px; | |
| } | |
| .span10 { | |
| width: 780px; | |
| } | |
| .span9 { | |
| width: 700px; | |
| } | |
| .span8 { | |
| width: 620px; | |
| } | |
| .span7 { | |
| width: 540px; | |
| } | |
| .span6 { | |
| width: 460px; | |
| } | |
| .span5 { | |
| width: 380px; | |
| } | |
| .span4 { | |
| width: 300px; | |
| } | |
| .span3 { | |
| width: 220px; | |
| } | |
| .span2 { | |
| width: 140px; | |
| } | |
| .span1 { | |
| width: 60px; | |
| } | |
| .offset12 { | |
| margin-left: 980px; | |
| } | |
| .offset11 { | |
| margin-left: 900px; | |
| } | |
| .offset10 { | |
| margin-left: 820px; | |
| } | |
| .offset9 { | |
| margin-left: 740px; | |
| } | |
| .offset8 { | |
| margin-left: 660px; | |
| } | |
| .offset7 { | |
| margin-left: 580px; | |
| } | |
| .offset6 { | |
| margin-left: 500px; | |
| } | |
| .offset5 { | |
| margin-left: 420px; | |
| } | |
| .offset4 { | |
| margin-left: 340px; | |
| } | |
| .offset3 { | |
| margin-left: 260px; | |
| } | |
| .offset2 { | |
| margin-left: 180px; | |
| } | |
| .offset1 { | |
| margin-left: 100px; | |
| } | |
| .row-fluid { | |
| width: 100%; | |
| *zoom: 1; | |
| } | |
| .row-fluid:before, | |
| .row-fluid:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .row-fluid:after { | |
| clear: both; | |
| } | |
| .row-fluid [class*="span"] { | |
| display: block; | |
| width: 100%; | |
| min-height: 28px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| float: left; | |
| margin-left: 2.127659574468085%; | |
| *margin-left: 2.074468085106383%; | |
| } | |
| .row-fluid [class*="span"]:first-child { | |
| margin-left: 0; | |
| } | |
| .row-fluid .controls-row [class*="span"] + [class*="span"] { | |
| margin-left: 2.127659574468085%; | |
| } | |
| .row-fluid .span12 { | |
| width: 100%; | |
| *width: 99.94680851063829%; | |
| } | |
| .row-fluid .span11 { | |
| width: 91.48936170212765%; | |
| *width: 91.43617021276594%; | |
| } | |
| .row-fluid .span10 { | |
| width: 82.97872340425532%; | |
| *width: 82.92553191489361%; | |
| } | |
| .row-fluid .span9 { | |
| width: 74.46808510638297%; | |
| *width: 74.41489361702126%; | |
| } | |
| .row-fluid .span8 { | |
| width: 65.95744680851064%; | |
| *width: 65.90425531914893%; | |
| } | |
| .row-fluid .span7 { | |
| width: 57.44680851063829%; | |
| *width: 57.39361702127659%; | |
| } | |
| .row-fluid .span6 { | |
| width: 48.93617021276595%; | |
| *width: 48.88297872340425%; | |
| } | |
| .row-fluid .span5 { | |
| width: 40.42553191489362%; | |
| *width: 40.37234042553192%; | |
| } | |
| .row-fluid .span4 { | |
| width: 31.914893617021278%; | |
| *width: 31.861702127659576%; | |
| } | |
| .row-fluid .span3 { | |
| width: 23.404255319148934%; | |
| *width: 23.351063829787233%; | |
| } | |
| .row-fluid .span2 { | |
| width: 14.893617021276595%; | |
| *width: 14.840425531914894%; | |
| } | |
| .row-fluid .span1 { | |
| width: 6.382978723404255%; | |
| *width: 6.329787234042553%; | |
| } | |
| .row-fluid .offset12 { | |
| margin-left: 104.25531914893617%; | |
| *margin-left: 104.14893617021275%; | |
| } | |
| .row-fluid .offset12:first-child { | |
| margin-left: 102.12765957446808%; | |
| *margin-left: 102.02127659574467%; | |
| } | |
| .row-fluid .offset11 { | |
| margin-left: 95.74468085106382%; | |
| *margin-left: 95.6382978723404%; | |
| } | |
| .row-fluid .offset11:first-child { | |
| margin-left: 93.61702127659574%; | |
| *margin-left: 93.51063829787232%; | |
| } | |
| .row-fluid .offset10 { | |
| margin-left: 87.23404255319149%; | |
| *margin-left: 87.12765957446807%; | |
| } | |
| .row-fluid .offset10:first-child { | |
| margin-left: 85.1063829787234%; | |
| *margin-left: 84.99999999999999%; | |
| } | |
| .row-fluid .offset9 { | |
| margin-left: 78.72340425531914%; | |
| *margin-left: 78.61702127659572%; | |
| } | |
| .row-fluid .offset9:first-child { | |
| margin-left: 76.59574468085106%; | |
| *margin-left: 76.48936170212764%; | |
| } | |
| .row-fluid .offset8 { | |
| margin-left: 70.2127659574468%; | |
| *margin-left: 70.10638297872339%; | |
| } | |
| .row-fluid .offset8:first-child { | |
| margin-left: 68.08510638297872%; | |
| *margin-left: 67.9787234042553%; | |
| } | |
| .row-fluid .offset7 { | |
| margin-left: 61.70212765957446%; | |
| *margin-left: 61.59574468085106%; | |
| } | |
| .row-fluid .offset7:first-child { | |
| margin-left: 59.574468085106375%; | |
| *margin-left: 59.46808510638297%; | |
| } | |
| .row-fluid .offset6 { | |
| margin-left: 53.191489361702125%; | |
| *margin-left: 53.085106382978715%; | |
| } | |
| .row-fluid .offset6:first-child { | |
| margin-left: 51.063829787234035%; | |
| *margin-left: 50.95744680851063%; | |
| } | |
| .row-fluid .offset5 { | |
| margin-left: 44.68085106382979%; | |
| *margin-left: 44.57446808510638%; | |
| } | |
| .row-fluid .offset5:first-child { | |
| margin-left: 42.5531914893617%; | |
| *margin-left: 42.4468085106383%; | |
| } | |
| .row-fluid .offset4 { | |
| margin-left: 36.170212765957444%; | |
| *margin-left: 36.06382978723405%; | |
| } | |
| .row-fluid .offset4:first-child { | |
| margin-left: 34.04255319148936%; | |
| *margin-left: 33.93617021276596%; | |
| } | |
| .row-fluid .offset3 { | |
| margin-left: 27.659574468085104%; | |
| *margin-left: 27.5531914893617%; | |
| } | |
| .row-fluid .offset3:first-child { | |
| margin-left: 25.53191489361702%; | |
| *margin-left: 25.425531914893618%; | |
| } | |
| .row-fluid .offset2 { | |
| margin-left: 19.148936170212764%; | |
| *margin-left: 19.04255319148936%; | |
| } | |
| .row-fluid .offset2:first-child { | |
| margin-left: 17.02127659574468%; | |
| *margin-left: 16.914893617021278%; | |
| } | |
| .row-fluid .offset1 { | |
| margin-left: 10.638297872340425%; | |
| *margin-left: 10.53191489361702%; | |
| } | |
| .row-fluid .offset1:first-child { | |
| margin-left: 8.51063829787234%; | |
| *margin-left: 8.404255319148938%; | |
| } | |
| [class*="span"].hide, | |
| .row-fluid [class*="span"].hide { | |
| display: none; | |
| } | |
| [class*="span"].pull-right, | |
| .row-fluid [class*="span"].pull-right { | |
| float: right; | |
| } | |
| .container { | |
| margin-right: auto; | |
| margin-left: auto; | |
| *zoom: 1; | |
| } | |
| .container:before, | |
| .container:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .container:after { | |
| clear: both; | |
| } | |
| .container-fluid { | |
| padding-right: 20px; | |
| padding-left: 20px; | |
| *zoom: 1; | |
| } | |
| .container-fluid:before, | |
| .container-fluid:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .container-fluid:after { | |
| clear: both; | |
| } | |
| p { | |
| margin: 0 0 9px; | |
| } | |
| .lead { | |
| margin-bottom: 18px; | |
| font-size: 19.5px; | |
| font-weight: 200; | |
| line-height: 27px; | |
| } | |
| small { | |
| font-size: 85%; | |
| } | |
| strong { | |
| font-weight: bold; | |
| } | |
| em { | |
| font-style: italic; | |
| } | |
| cite { | |
| font-style: normal; | |
| } | |
| .muted { | |
| color: #999999; | |
| } | |
| a.muted:hover, | |
| a.muted:focus { | |
| color: #808080; | |
| } | |
| .text-warning { | |
| color: #c09853; | |
| } | |
| a.text-warning:hover, | |
| a.text-warning:focus { | |
| color: #a47e3c; | |
| } | |
| .text-error { | |
| color: #b94a48; | |
| } | |
| a.text-error:hover, | |
| a.text-error:focus { | |
| color: #953b39; | |
| } | |
| .text-info { | |
| color: #3a87ad; | |
| } | |
| a.text-info:hover, | |
| a.text-info:focus { | |
| color: #2d6987; | |
| } | |
| .text-success { | |
| color: #468847; | |
| } | |
| a.text-success:hover, | |
| a.text-success:focus { | |
| color: #356635; | |
| } | |
| .text-left { | |
| text-align: left; | |
| } | |
| .text-right { | |
| text-align: right; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6 { | |
| margin: 9px 0; | |
| font-family: inherit; | |
| font-weight: bold; | |
| line-height: 18px; | |
| color: inherit; | |
| text-rendering: optimizelegibility; | |
| } | |
| h1 small, | |
| h2 small, | |
| h3 small, | |
| h4 small, | |
| h5 small, | |
| h6 small { | |
| font-weight: normal; | |
| line-height: 1; | |
| color: #999999; | |
| } | |
| h1, | |
| h2, | |
| h3 { | |
| line-height: 36px; | |
| } | |
| h1 { | |
| font-size: 35.75px; | |
| } | |
| h2 { | |
| font-size: 29.25px; | |
| } | |
| h3 { | |
| font-size: 22.75px; | |
| } | |
| h4 { | |
| font-size: 16.25px; | |
| } | |
| h5 { | |
| font-size: 13px; | |
| } | |
| h6 { | |
| font-size: 11.049999999999999px; | |
| } | |
| h1 small { | |
| font-size: 22.75px; | |
| } | |
| h2 small { | |
| font-size: 16.25px; | |
| } | |
| h3 small { | |
| font-size: 13px; | |
| } | |
| h4 small { | |
| font-size: 13px; | |
| } | |
| .page-header { | |
| padding-bottom: 8px; | |
| margin: 18px 0 27px; | |
| border-bottom: 1px solid #eeeeee; | |
| } | |
| ul, | |
| ol { | |
| padding: 0; | |
| margin: 0 0 9px 25px; | |
| } | |
| ul ul, | |
| ul ol, | |
| ol ol, | |
| ol ul { | |
| margin-bottom: 0; | |
| } | |
| li { | |
| line-height: 18px; | |
| } | |
| ul.unstyled, | |
| ol.unstyled { | |
| margin-left: 0; | |
| list-style: none; | |
| } | |
| ul.inline, | |
| ol.inline { | |
| margin-left: 0; | |
| list-style: none; | |
| } | |
| ul.inline > li, | |
| ol.inline > li { | |
| display: inline-block; | |
| *display: inline; | |
| /* IE7 inline-block hack */ | |
| *zoom: 1; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| dl { | |
| margin-bottom: 18px; | |
| } | |
| dt, | |
| dd { | |
| line-height: 18px; | |
| } | |
| dt { | |
| font-weight: bold; | |
| } | |
| dd { | |
| margin-left: 9px; | |
| } | |
| .dl-horizontal { | |
| *zoom: 1; | |
| } | |
| .dl-horizontal:before, | |
| .dl-horizontal:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .dl-horizontal:after { | |
| clear: both; | |
| } | |
| .dl-horizontal dt { | |
| float: left; | |
| width: 160px; | |
| clear: left; | |
| text-align: right; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .dl-horizontal dd { | |
| margin-left: 180px; | |
| } | |
| hr { | |
| margin: 18px 0; | |
| border: 0; | |
| border-top: 1px solid #eeeeee; | |
| border-bottom: 1px solid #ffffff; | |
| } | |
| abbr[title], | |
| abbr[data-original-title] { | |
| cursor: help; | |
| border-bottom: 1px dotted #999999; | |
| } | |
| abbr.initialism { | |
| font-size: 90%; | |
| text-transform: uppercase; | |
| } | |
| blockquote { | |
| padding: 0 0 0 15px; | |
| margin: 0 0 18px; | |
| border-left: 5px solid #eeeeee; | |
| } | |
| blockquote p { | |
| margin-bottom: 0; | |
| font-size: 16.25px; | |
| font-weight: 300; | |
| line-height: 1.25; | |
| } | |
| blockquote small { | |
| display: block; | |
| line-height: 18px; | |
| color: #999999; | |
| } | |
| blockquote small:before { | |
| content: '\2014 \00A0'; | |
| } | |
| blockquote.pull-right { | |
| float: right; | |
| padding-right: 15px; | |
| padding-left: 0; | |
| border-right: 5px solid #eeeeee; | |
| border-left: 0; | |
| } | |
| blockquote.pull-right p, | |
| blockquote.pull-right small { | |
| text-align: right; | |
| } | |
| blockquote.pull-right small:before { | |
| content: ''; | |
| } | |
| blockquote.pull-right small:after { | |
| content: '\00A0 \2014'; | |
| } | |
| q:before, | |
| q:after, | |
| blockquote:before, | |
| blockquote:after { | |
| content: ""; | |
| } | |
| address { | |
| display: block; | |
| margin-bottom: 18px; | |
| font-style: normal; | |
| line-height: 18px; | |
| } | |
| code, | |
| pre { | |
| padding: 0 3px 2px; | |
| font-family: Monaco, Menlo, Consolas, "Courier New", monospace; | |
| font-size: 11px; | |
| color: #333333; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| code { | |
| padding: 2px 4px; | |
| color: #d14; | |
| background-color: #f7f7f9; | |
| border: 1px solid #e1e1e8; | |
| white-space: nowrap; | |
| } | |
| pre { | |
| display: block; | |
| padding: 8.5px; | |
| margin: 0 0 9px; | |
| font-size: 12px; | |
| line-height: 18px; | |
| word-break: break-all; | |
| word-wrap: break-word; | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| background-color: #f5f5f5; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0, 0, 0, 0.15); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| pre.prettyprint { | |
| margin-bottom: 18px; | |
| } | |
| pre code { | |
| padding: 0; | |
| color: inherit; | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| background-color: transparent; | |
| border: 0; | |
| } | |
| .pre-scrollable { | |
| max-height: 340px; | |
| overflow-y: scroll; | |
| } | |
| form { | |
| margin: 0 0 18px; | |
| } | |
| fieldset { | |
| padding: 0; | |
| margin: 0; | |
| border: 0; | |
| } | |
| legend { | |
| display: block; | |
| width: 100%; | |
| padding: 0; | |
| margin-bottom: 18px; | |
| font-size: 19.5px; | |
| line-height: 36px; | |
| color: #333333; | |
| border: 0; | |
| border-bottom: 1px solid #e5e5e5; | |
| } | |
| legend small { | |
| font-size: 13.5px; | |
| color: #999999; | |
| } | |
| label, | |
| input, | |
| button, | |
| select, | |
| textarea { | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| } | |
| input, | |
| button, | |
| select, | |
| textarea { | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| } | |
| label { | |
| display: block; | |
| margin-bottom: 5px; | |
| } | |
| select, | |
| textarea, | |
| input[type="text"], | |
| input[type="password"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="time"], | |
| input[type="week"], | |
| input[type="number"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="search"], | |
| input[type="tel"], | |
| input[type="color"], | |
| .uneditable-input { | |
| display: inline-block; | |
| height: 18px; | |
| padding: 4px 6px; | |
| margin-bottom: 9px; | |
| font-size: 13px; | |
| line-height: 18px; | |
| color: #555555; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| vertical-align: middle; | |
| } | |
| input, | |
| textarea, | |
| .uneditable-input { | |
| width: 206px; | |
| } | |
| textarea { | |
| height: auto; | |
| } | |
| textarea, | |
| input[type="text"], | |
| input[type="password"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="time"], | |
| input[type="week"], | |
| input[type="number"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="search"], | |
| input[type="tel"], | |
| input[type="color"], | |
| .uneditable-input { | |
| background-color: #ffffff; | |
| border: 1px solid #cccccc; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border linear .2s, box-shadow linear .2s; | |
| -moz-transition: border linear .2s, box-shadow linear .2s; | |
| -o-transition: border linear .2s, box-shadow linear .2s; | |
| transition: border linear .2s, box-shadow linear .2s; | |
| } | |
| textarea:focus, | |
| input[type="text"]:focus, | |
| input[type="password"]:focus, | |
| input[type="datetime"]:focus, | |
| input[type="datetime-local"]:focus, | |
| input[type="date"]:focus, | |
| input[type="month"]:focus, | |
| input[type="time"]:focus, | |
| input[type="week"]:focus, | |
| input[type="number"]:focus, | |
| input[type="email"]:focus, | |
| input[type="url"]:focus, | |
| input[type="search"]:focus, | |
| input[type="tel"]:focus, | |
| input[type="color"]:focus, | |
| .uneditable-input:focus { | |
| border-color: rgba(82, 168, 236, 0.8); | |
| outline: 0; | |
| outline: thin dotted \9; | |
| /* IE6-9 */ | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); | |
| } | |
| input[type="radio"], | |
| input[type="checkbox"] { | |
| margin: 4px 0 0; | |
| *margin-top: 0; | |
| /* IE7 */ | |
| margin-top: 1px \9; | |
| /* IE8-9 */ | |
| line-height: normal; | |
| } | |
| input[type="file"], | |
| input[type="image"], | |
| input[type="submit"], | |
| input[type="reset"], | |
| input[type="button"], | |
| input[type="radio"], | |
| input[type="checkbox"] { | |
| width: auto; | |
| } | |
| select, | |
| input[type="file"] { | |
| height: 28px; | |
| /* In IE7, the height of the select element cannot be changed by height, only font-size */ | |
| *margin-top: 4px; | |
| /* For IE7, add top margin to align select with labels */ | |
| line-height: 28px; | |
| } | |
| select { | |
| width: 220px; | |
| border: 1px solid #cccccc; | |
| background-color: #ffffff; | |
| } | |
| select[multiple], | |
| select[size] { | |
| height: auto; | |
| } | |
| select:focus, | |
| input[type="file"]:focus, | |
| input[type="radio"]:focus, | |
| input[type="checkbox"]:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| .uneditable-input, | |
| .uneditable-textarea { | |
| color: #999999; | |
| background-color: #fcfcfc; | |
| border-color: #cccccc; | |
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| cursor: not-allowed; | |
| } | |
| .uneditable-input { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| } | |
| .uneditable-textarea { | |
| width: auto; | |
| height: auto; | |
| } | |
| input:-moz-placeholder, | |
| textarea:-moz-placeholder { | |
| color: #999999; | |
| } | |
| input:-ms-input-placeholder, | |
| textarea:-ms-input-placeholder { | |
| color: #999999; | |
| } | |
| input::-webkit-input-placeholder, | |
| textarea::-webkit-input-placeholder { | |
| color: #999999; | |
| } | |
| .radio, | |
| .checkbox { | |
| min-height: 18px; | |
| padding-left: 20px; | |
| } | |
| .radio input[type="radio"], | |
| .checkbox input[type="checkbox"] { | |
| float: left; | |
| margin-left: -20px; | |
| } | |
| .controls > .radio:first-child, | |
| .controls > .checkbox:first-child { | |
| padding-top: 5px; | |
| } | |
| .radio.inline, | |
| .checkbox.inline { | |
| display: inline-block; | |
| padding-top: 5px; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .radio.inline + .radio.inline, | |
| .checkbox.inline + .checkbox.inline { | |
| margin-left: 10px; | |
| } | |
| .input-mini { | |
| width: 60px; | |
| } | |
| .input-small { | |
| width: 90px; | |
| } | |
| .input-medium { | |
| width: 150px; | |
| } | |
| .input-large { | |
| width: 210px; | |
| } | |
| .input-xlarge { | |
| width: 270px; | |
| } | |
| .input-xxlarge { | |
| width: 530px; | |
| } | |
| input[class*="span"], | |
| select[class*="span"], | |
| textarea[class*="span"], | |
| .uneditable-input[class*="span"], | |
| .row-fluid input[class*="span"], | |
| .row-fluid select[class*="span"], | |
| .row-fluid textarea[class*="span"], | |
| .row-fluid .uneditable-input[class*="span"] { | |
| float: none; | |
| margin-left: 0; | |
| } | |
| .input-append input[class*="span"], | |
| .input-append .uneditable-input[class*="span"], | |
| .input-prepend input[class*="span"], | |
| .input-prepend .uneditable-input[class*="span"], | |
| .row-fluid input[class*="span"], | |
| .row-fluid select[class*="span"], | |
| .row-fluid textarea[class*="span"], | |
| .row-fluid .uneditable-input[class*="span"], | |
| .row-fluid .input-prepend [class*="span"], | |
| .row-fluid .input-append [class*="span"] { | |
| display: inline-block; | |
| } | |
| input, | |
| textarea, | |
| .uneditable-input { | |
| margin-left: 0; | |
| } | |
| .controls-row [class*="span"] + [class*="span"] { | |
| margin-left: 20px; | |
| } | |
| input.span12, | |
| textarea.span12, | |
| .uneditable-input.span12 { | |
| width: 926px; | |
| } | |
| input.span11, | |
| textarea.span11, | |
| .uneditable-input.span11 { | |
| width: 846px; | |
| } | |
| input.span10, | |
| textarea.span10, | |
| .uneditable-input.span10 { | |
| width: 766px; | |
| } | |
| input.span9, | |
| textarea.span9, | |
| .uneditable-input.span9 { | |
| width: 686px; | |
| } | |
| input.span8, | |
| textarea.span8, | |
| .uneditable-input.span8 { | |
| width: 606px; | |
| } | |
| input.span7, | |
| textarea.span7, | |
| .uneditable-input.span7 { | |
| width: 526px; | |
| } | |
| input.span6, | |
| textarea.span6, | |
| .uneditable-input.span6 { | |
| width: 446px; | |
| } | |
| input.span5, | |
| textarea.span5, | |
| .uneditable-input.span5 { | |
| width: 366px; | |
| } | |
| input.span4, | |
| textarea.span4, | |
| .uneditable-input.span4 { | |
| width: 286px; | |
| } | |
| input.span3, | |
| textarea.span3, | |
| .uneditable-input.span3 { | |
| width: 206px; | |
| } | |
| input.span2, | |
| textarea.span2, | |
| .uneditable-input.span2 { | |
| width: 126px; | |
| } | |
| input.span1, | |
| textarea.span1, | |
| .uneditable-input.span1 { | |
| width: 46px; | |
| } | |
| .controls-row { | |
| *zoom: 1; | |
| } | |
| .controls-row:before, | |
| .controls-row:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .controls-row:after { | |
| clear: both; | |
| } | |
| .controls-row [class*="span"], | |
| .row-fluid .controls-row [class*="span"] { | |
| float: left; | |
| } | |
| .controls-row .checkbox[class*="span"], | |
| .controls-row .radio[class*="span"] { | |
| padding-top: 5px; | |
| } | |
| input[disabled], | |
| select[disabled], | |
| textarea[disabled], | |
| input[readonly], | |
| select[readonly], | |
| textarea[readonly] { | |
| cursor: not-allowed; | |
| background-color: #eeeeee; | |
| } | |
| input[type="radio"][disabled], | |
| input[type="checkbox"][disabled], | |
| input[type="radio"][readonly], | |
| input[type="checkbox"][readonly] { | |
| background-color: transparent; | |
| } | |
| .control-group.warning .control-label, | |
| .control-group.warning .help-block, | |
| .control-group.warning .help-inline { | |
| color: #c09853; | |
| } | |
| .control-group.warning .checkbox, | |
| .control-group.warning .radio, | |
| .control-group.warning input, | |
| .control-group.warning select, | |
| .control-group.warning textarea { | |
| color: #c09853; | |
| } | |
| .control-group.warning input, | |
| .control-group.warning select, | |
| .control-group.warning textarea { | |
| border-color: #c09853; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .control-group.warning input:focus, | |
| .control-group.warning select:focus, | |
| .control-group.warning textarea:focus { | |
| border-color: #a47e3c; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| } | |
| .control-group.warning .input-prepend .add-on, | |
| .control-group.warning .input-append .add-on { | |
| color: #c09853; | |
| background-color: #fcf8e3; | |
| border-color: #c09853; | |
| } | |
| .control-group.error .control-label, | |
| .control-group.error .help-block, | |
| .control-group.error .help-inline { | |
| color: #b94a48; | |
| } | |
| .control-group.error .checkbox, | |
| .control-group.error .radio, | |
| .control-group.error input, | |
| .control-group.error select, | |
| .control-group.error textarea { | |
| color: #b94a48; | |
| } | |
| .control-group.error input, | |
| .control-group.error select, | |
| .control-group.error textarea { | |
| border-color: #b94a48; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .control-group.error input:focus, | |
| .control-group.error select:focus, | |
| .control-group.error textarea:focus { | |
| border-color: #953b39; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| } | |
| .control-group.error .input-prepend .add-on, | |
| .control-group.error .input-append .add-on { | |
| color: #b94a48; | |
| background-color: #f2dede; | |
| border-color: #b94a48; | |
| } | |
| .control-group.success .control-label, | |
| .control-group.success .help-block, | |
| .control-group.success .help-inline { | |
| color: #468847; | |
| } | |
| .control-group.success .checkbox, | |
| .control-group.success .radio, | |
| .control-group.success input, | |
| .control-group.success select, | |
| .control-group.success textarea { | |
| color: #468847; | |
| } | |
| .control-group.success input, | |
| .control-group.success select, | |
| .control-group.success textarea { | |
| border-color: #468847; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .control-group.success input:focus, | |
| .control-group.success select:focus, | |
| .control-group.success textarea:focus { | |
| border-color: #356635; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| } | |
| .control-group.success .input-prepend .add-on, | |
| .control-group.success .input-append .add-on { | |
| color: #468847; | |
| background-color: #dff0d8; | |
| border-color: #468847; | |
| } | |
| .control-group.info .control-label, | |
| .control-group.info .help-block, | |
| .control-group.info .help-inline { | |
| color: #3a87ad; | |
| } | |
| .control-group.info .checkbox, | |
| .control-group.info .radio, | |
| .control-group.info input, | |
| .control-group.info select, | |
| .control-group.info textarea { | |
| color: #3a87ad; | |
| } | |
| .control-group.info input, | |
| .control-group.info select, | |
| .control-group.info textarea { | |
| border-color: #3a87ad; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .control-group.info input:focus, | |
| .control-group.info select:focus, | |
| .control-group.info textarea:focus { | |
| border-color: #2d6987; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| } | |
| .control-group.info .input-prepend .add-on, | |
| .control-group.info .input-append .add-on { | |
| color: #3a87ad; | |
| background-color: #d9edf7; | |
| border-color: #3a87ad; | |
| } | |
| input:focus:invalid, | |
| textarea:focus:invalid, | |
| select:focus:invalid { | |
| color: #b94a48; | |
| border-color: #ee5f5b; | |
| } | |
| input:focus:invalid:focus, | |
| textarea:focus:invalid:focus, | |
| select:focus:invalid:focus { | |
| border-color: #e9322d; | |
| -webkit-box-shadow: 0 0 6px #f8b9b7; | |
| -moz-box-shadow: 0 0 6px #f8b9b7; | |
| box-shadow: 0 0 6px #f8b9b7; | |
| } | |
| .form-actions { | |
| padding: 17px 20px 18px; | |
| margin-top: 18px; | |
| margin-bottom: 18px; | |
| background-color: #f5f5f5; | |
| border-top: 1px solid #e5e5e5; | |
| *zoom: 1; | |
| } | |
| .form-actions:before, | |
| .form-actions:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .form-actions:after { | |
| clear: both; | |
| } | |
| .help-block, | |
| .help-inline { | |
| color: #595959; | |
| } | |
| .help-block { | |
| display: block; | |
| margin-bottom: 9px; | |
| } | |
| .help-inline { | |
| display: inline-block; | |
| *display: inline; | |
| /* IE7 inline-block hack */ | |
| *zoom: 1; | |
| vertical-align: middle; | |
| padding-left: 5px; | |
| } | |
| .input-append, | |
| .input-prepend { | |
| display: inline-block; | |
| margin-bottom: 9px; | |
| vertical-align: middle; | |
| font-size: 0; | |
| white-space: nowrap; | |
| } | |
| .input-append input, | |
| .input-prepend input, | |
| .input-append select, | |
| .input-prepend select, | |
| .input-append .uneditable-input, | |
| .input-prepend .uneditable-input, | |
| .input-append .dropdown-menu, | |
| .input-prepend .dropdown-menu, | |
| .input-append .popover, | |
| .input-prepend .popover { | |
| font-size: 13px; | |
| } | |
| .input-append input, | |
| .input-prepend input, | |
| .input-append select, | |
| .input-prepend select, | |
| .input-append .uneditable-input, | |
| .input-prepend .uneditable-input { | |
| position: relative; | |
| margin-bottom: 0; | |
| *margin-left: 0; | |
| vertical-align: top; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-append input:focus, | |
| .input-prepend input:focus, | |
| .input-append select:focus, | |
| .input-prepend select:focus, | |
| .input-append .uneditable-input:focus, | |
| .input-prepend .uneditable-input:focus { | |
| z-index: 2; | |
| } | |
| .input-append .add-on, | |
| .input-prepend .add-on { | |
| display: inline-block; | |
| width: auto; | |
| height: 18px; | |
| min-width: 16px; | |
| padding: 4px 5px; | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| text-align: center; | |
| text-shadow: 0 1px 0 #ffffff; | |
| background-color: #eeeeee; | |
| border: 1px solid #ccc; | |
| } | |
| .input-append .add-on, | |
| .input-prepend .add-on, | |
| .input-append .btn, | |
| .input-prepend .btn, | |
| .input-append .btn-group > .dropdown-toggle, | |
| .input-prepend .btn-group > .dropdown-toggle { | |
| vertical-align: top; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .input-append .active, | |
| .input-prepend .active { | |
| background-color: #a9dba9; | |
| border-color: #46a546; | |
| } | |
| .input-prepend .add-on, | |
| .input-prepend .btn { | |
| margin-right: -1px; | |
| } | |
| .input-prepend .add-on:first-child, | |
| .input-prepend .btn:first-child { | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .input-append input, | |
| .input-append select, | |
| .input-append .uneditable-input { | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .input-append input + .btn-group .btn:last-child, | |
| .input-append select + .btn-group .btn:last-child, | |
| .input-append .uneditable-input + .btn-group .btn:last-child { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-append .add-on, | |
| .input-append .btn, | |
| .input-append .btn-group { | |
| margin-left: -1px; | |
| } | |
| .input-append .add-on:last-child, | |
| .input-append .btn:last-child, | |
| .input-append .btn-group:last-child > .dropdown-toggle { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-prepend.input-append input, | |
| .input-prepend.input-append select, | |
| .input-prepend.input-append .uneditable-input { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .input-prepend.input-append input + .btn-group .btn, | |
| .input-prepend.input-append select + .btn-group .btn, | |
| .input-prepend.input-append .uneditable-input + .btn-group .btn { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-prepend.input-append .add-on:first-child, | |
| .input-prepend.input-append .btn:first-child { | |
| margin-right: -1px; | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .input-prepend.input-append .add-on:last-child, | |
| .input-prepend.input-append .btn:last-child { | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-prepend.input-append .btn-group:first-child { | |
| margin-left: 0; | |
| } | |
| input.search-query { | |
| padding-right: 14px; | |
| padding-right: 4px \9; | |
| padding-left: 14px; | |
| padding-left: 4px \9; | |
| /* IE7-8 doesn't have border-radius, so don't indent the padding */ | |
| margin-bottom: 0; | |
| -webkit-border-radius: 15px; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; | |
| } | |
| /* Allow for input prepend/append in search forms */ | |
| .form-search .input-append .search-query, | |
| .form-search .input-prepend .search-query { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .form-search .input-append .search-query { | |
| -webkit-border-radius: 14px 0 0 14px; | |
| -moz-border-radius: 14px 0 0 14px; | |
| border-radius: 14px 0 0 14px; | |
| } | |
| .form-search .input-append .btn { | |
| -webkit-border-radius: 0 14px 14px 0; | |
| -moz-border-radius: 0 14px 14px 0; | |
| border-radius: 0 14px 14px 0; | |
| } | |
| .form-search .input-prepend .search-query { | |
| -webkit-border-radius: 0 14px 14px 0; | |
| -moz-border-radius: 0 14px 14px 0; | |
| border-radius: 0 14px 14px 0; | |
| } | |
| .form-search .input-prepend .btn { | |
| -webkit-border-radius: 14px 0 0 14px; | |
| -moz-border-radius: 14px 0 0 14px; | |
| border-radius: 14px 0 0 14px; | |
| } | |
| .form-search input, | |
| .form-inline input, | |
| .form-horizontal input, | |
| .form-search textarea, | |
| .form-inline textarea, | |
| .form-horizontal textarea, | |
| .form-search select, | |
| .form-inline select, | |
| .form-horizontal select, | |
| .form-search .help-inline, | |
| .form-inline .help-inline, | |
| .form-horizontal .help-inline, | |
| .form-search .uneditable-input, | |
| .form-inline .uneditable-input, | |
| .form-horizontal .uneditable-input, | |
| .form-search .input-prepend, | |
| .form-inline .input-prepend, | |
| .form-horizontal .input-prepend, | |
| .form-search .input-append, | |
| .form-inline .input-append, | |
| .form-horizontal .input-append { | |
| display: inline-block; | |
| *display: inline; | |
| /* IE7 inline-block hack */ | |
| *zoom: 1; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .form-search .hide, | |
| .form-inline .hide, | |
| .form-horizontal .hide { | |
| display: none; | |
| } | |
| .form-search label, | |
| .form-inline label, | |
| .form-search .btn-group, | |
| .form-inline .btn-group { | |
| display: inline-block; | |
| } | |
| .form-search .input-append, | |
| .form-inline .input-append, | |
| .form-search .input-prepend, | |
| .form-inline .input-prepend { | |
| margin-bottom: 0; | |
| } | |
| .form-search .radio, | |
| .form-search .checkbox, | |
| .form-inline .radio, | |
| .form-inline .checkbox { | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .form-search .radio input[type="radio"], | |
| .form-search .checkbox input[type="checkbox"], | |
| .form-inline .radio input[type="radio"], | |
| .form-inline .checkbox input[type="checkbox"] { | |
| float: left; | |
| margin-right: 3px; | |
| margin-left: 0; | |
| } | |
| .control-group { | |
| margin-bottom: 9px; | |
| } | |
| legend + .control-group { | |
| margin-top: 18px; | |
| -webkit-margin-top-collapse: separate; | |
| } | |
| .form-horizontal .control-group { | |
| margin-bottom: 18px; | |
| *zoom: 1; | |
| } | |
| .form-horizontal .control-group:before, | |
| .form-horizontal .control-group:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .form-horizontal .control-group:after { | |
| clear: both; | |
| } | |
| .form-horizontal .control-label { | |
| float: left; | |
| width: 160px; | |
| padding-top: 5px; | |
| text-align: right; | |
| } | |
| .form-horizontal .controls { | |
| *display: inline-block; | |
| *padding-left: 20px; | |
| margin-left: 180px; | |
| *margin-left: 0; | |
| } | |
| .form-horizontal .controls:first-child { | |
| *padding-left: 180px; | |
| } | |
| .form-horizontal .help-block { | |
| margin-bottom: 0; | |
| } | |
| .form-horizontal input + .help-block, | |
| .form-horizontal select + .help-block, | |
| .form-horizontal textarea + .help-block, | |
| .form-horizontal .uneditable-input + .help-block, | |
| .form-horizontal .input-prepend + .help-block, | |
| .form-horizontal .input-append + .help-block { | |
| margin-top: 9px; | |
| } | |
| .form-horizontal .form-actions { | |
| padding-left: 180px; | |
| } | |
| table { | |
| max-width: 100%; | |
| background-color: transparent; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| .table { | |
| width: 100%; | |
| margin-bottom: 18px; | |
| } | |
| .table th, | |
| .table td { | |
| padding: 8px; | |
| line-height: 18px; | |
| text-align: left; | |
| vertical-align: top; | |
| border-top: 1px solid #dddddd; | |
| } | |
| .table th { | |
| font-weight: bold; | |
| } | |
| .table thead th { | |
| vertical-align: bottom; | |
| } | |
| .table caption + thead tr:first-child th, | |
| .table caption + thead tr:first-child td, | |
| .table colgroup + thead tr:first-child th, | |
| .table colgroup + thead tr:first-child td, | |
| .table thead:first-child tr:first-child th, | |
| .table thead:first-child tr:first-child td { | |
| border-top: 0; | |
| } | |
| .table tbody + tbody { | |
| border-top: 2px solid #dddddd; | |
| } | |
| .table .table { | |
| background-color: #ffffff; | |
| } | |
| .table-condensed th, | |
| .table-condensed td { | |
| padding: 4px 5px; | |
| } | |
| .table-bordered { | |
| border: 1px solid #dddddd; | |
| border-collapse: separate; | |
| *border-collapse: collapse; | |
| border-left: 0; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .table-bordered th, | |
| .table-bordered td { | |
| border-left: 1px solid #dddddd; | |
| } | |
| .table-bordered caption + thead tr:first-child th, | |
| .table-bordered caption + tbody tr:first-child th, | |
| .table-bordered caption + tbody tr:first-child td, | |
| .table-bordered colgroup + thead tr:first-child th, | |
| .table-bordered colgroup + tbody tr:first-child th, | |
| .table-bordered colgroup + tbody tr:first-child td, | |
| .table-bordered thead:first-child tr:first-child th, | |
| .table-bordered tbody:first-child tr:first-child th, | |
| .table-bordered tbody:first-child tr:first-child td { | |
| border-top: 0; | |
| } | |
| .table-bordered thead:first-child tr:first-child > th:first-child, | |
| .table-bordered tbody:first-child tr:first-child > td:first-child, | |
| .table-bordered tbody:first-child tr:first-child > th:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| .table-bordered thead:first-child tr:first-child > th:last-child, | |
| .table-bordered tbody:first-child tr:first-child > td:last-child, | |
| .table-bordered tbody:first-child tr:first-child > th:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| .table-bordered thead:last-child tr:last-child > th:first-child, | |
| .table-bordered tbody:last-child tr:last-child > td:first-child, | |
| .table-bordered tbody:last-child tr:last-child > th:first-child, | |
| .table-bordered tfoot:last-child tr:last-child > td:first-child, | |
| .table-bordered tfoot:last-child tr:last-child > th:first-child { | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .table-bordered thead:last-child tr:last-child > th:last-child, | |
| .table-bordered tbody:last-child tr:last-child > td:last-child, | |
| .table-bordered tbody:last-child tr:last-child > th:last-child, | |
| .table-bordered tfoot:last-child tr:last-child > td:last-child, | |
| .table-bordered tfoot:last-child tr:last-child > th:last-child { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { | |
| -webkit-border-bottom-left-radius: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { | |
| -webkit-border-bottom-right-radius: 0; | |
| -moz-border-radius-bottomright: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .table-bordered caption + thead tr:first-child th:first-child, | |
| .table-bordered caption + tbody tr:first-child td:first-child, | |
| .table-bordered colgroup + thead tr:first-child th:first-child, | |
| .table-bordered colgroup + tbody tr:first-child td:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| .table-bordered caption + thead tr:first-child th:last-child, | |
| .table-bordered caption + tbody tr:first-child td:last-child, | |
| .table-bordered colgroup + thead tr:first-child th:last-child, | |
| .table-bordered colgroup + tbody tr:first-child td:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| .table-striped tbody > tr:nth-child(odd) > td, | |
| .table-striped tbody > tr:nth-child(odd) > th { | |
| background-color: #f9f9f9; | |
| } | |
| .table-hover tbody tr:hover > td, | |
| .table-hover tbody tr:hover > th { | |
| background-color: #f5f5f5; | |
| } | |
| table td[class*="span"], | |
| table th[class*="span"], | |
| .row-fluid table td[class*="span"], | |
| .row-fluid table th[class*="span"] { | |
| display: table-cell; | |
| float: none; | |
| margin-left: 0; | |
| } | |
| .table td.span1, | |
| .table th.span1 { | |
| float: none; | |
| width: 44px; | |
| margin-left: 0; | |
| } | |
| .table td.span2, | |
| .table th.span2 { | |
| float: none; | |
| width: 124px; | |
| margin-left: 0; | |
| } | |
| .table td.span3, | |
| .table th.span3 { | |
| float: none; | |
| width: 204px; | |
| margin-left: 0; | |
| } | |
| .table td.span4, | |
| .table th.span4 { | |
| float: none; | |
| width: 284px; | |
| margin-left: 0; | |
| } | |
| .table td.span5, | |
| .table th.span5 { | |
| float: none; | |
| width: 364px; | |
| margin-left: 0; | |
| } | |
| .table td.span6, | |
| .table th.span6 { | |
| float: none; | |
| width: 444px; | |
| margin-left: 0; | |
| } | |
| .table td.span7, | |
| .table th.span7 { | |
| float: none; | |
| width: 524px; | |
| margin-left: 0; | |
| } | |
| .table td.span8, | |
| .table th.span8 { | |
| float: none; | |
| width: 604px; | |
| margin-left: 0; | |
| } | |
| .table td.span9, | |
| .table th.span9 { | |
| float: none; | |
| width: 684px; | |
| margin-left: 0; | |
| } | |
| .table td.span10, | |
| .table th.span10 { | |
| float: none; | |
| width: 764px; | |
| margin-left: 0; | |
| } | |
| .table td.span11, | |
| .table th.span11 { | |
| float: none; | |
| width: 844px; | |
| margin-left: 0; | |
| } | |
| .table td.span12, | |
| .table th.span12 { | |
| float: none; | |
| width: 924px; | |
| margin-left: 0; | |
| } | |
| .table tbody tr.success > td { | |
| background-color: #dff0d8; | |
| } | |
| .table tbody tr.error > td { | |
| background-color: #f2dede; | |
| } | |
| .table tbody tr.warning > td { | |
| background-color: #fcf8e3; | |
| } | |
| .table tbody tr.info > td { | |
| background-color: #d9edf7; | |
| } | |
| .table-hover tbody tr.success:hover > td { | |
| background-color: #d0e9c6; | |
| } | |
| .table-hover tbody tr.error:hover > td { | |
| background-color: #ebcccc; | |
| } | |
| .table-hover tbody tr.warning:hover > td { | |
| background-color: #faf2cc; | |
| } | |
| .table-hover tbody tr.info:hover > td { | |
| background-color: #c4e3f3; | |
| } | |
| [class^="icon-"], | |
| [class*=" icon-"] { | |
| display: inline-block; | |
| width: 14px; | |
| height: 14px; | |
| *margin-right: .3em; | |
| line-height: 14px; | |
| vertical-align: text-top; | |
| background-image: url("../img/glyphicons-halflings.png"); | |
| background-position: 14px 14px; | |
| background-repeat: no-repeat; | |
| margin-top: 1px; | |
| } | |
| /* White icons with optional class, or on hover/focus/active states of certain elements */ | |
| .icon-white, | |
| .nav-pills > .active > a > [class^="icon-"], | |
| .nav-pills > .active > a > [class*=" icon-"], | |
| .nav-list > .active > a > [class^="icon-"], | |
| .nav-list > .active > a > [class*=" icon-"], | |
| .navbar-inverse .nav > .active > a > [class^="icon-"], | |
| .navbar-inverse .nav > .active > a > [class*=" icon-"], | |
| .dropdown-menu > li > a:hover > [class^="icon-"], | |
| .dropdown-menu > li > a:focus > [class^="icon-"], | |
| .dropdown-menu > li > a:hover > [class*=" icon-"], | |
| .dropdown-menu > li > a:focus > [class*=" icon-"], | |
| .dropdown-menu > .active > a > [class^="icon-"], | |
| .dropdown-menu > .active > a > [class*=" icon-"], | |
| .dropdown-submenu:hover > a > [class^="icon-"], | |
| .dropdown-submenu:focus > a > [class^="icon-"], | |
| .dropdown-submenu:hover > a > [class*=" icon-"], | |
| .dropdown-submenu:focus > a > [class*=" icon-"] { | |
| background-image: url("../img/glyphicons-halflings-white.png"); | |
| } | |
| .icon-glass { | |
| background-position: 0 0; | |
| } | |
| .icon-music { | |
| background-position: -24px 0; | |
| } | |
| .icon-search { | |
| background-position: -48px 0; | |
| } | |
| .icon-envelope { | |
| background-position: -72px 0; | |
| } | |
| .icon-heart { | |
| background-position: -96px 0; | |
| } | |
| .icon-star { | |
| background-position: -120px 0; | |
| } | |
| .icon-star-empty { | |
| background-position: -144px 0; | |
| } | |
| .icon-user { | |
| background-position: -168px 0; | |
| } | |
| .icon-film { | |
| background-position: -192px 0; | |
| } | |
| .icon-th-large { | |
| background-position: -216px 0; | |
| } | |
| .icon-th { | |
| background-position: -240px 0; | |
| } | |
| .icon-th-list { | |
| background-position: -264px 0; | |
| } | |
| .icon-ok { | |
| background-position: -288px 0; | |
| } | |
| .icon-remove { | |
| background-position: -312px 0; | |
| } | |
| .icon-zoom-in { | |
| background-position: -336px 0; | |
| } | |
| .icon-zoom-out { | |
| background-position: -360px 0; | |
| } | |
| .icon-off { | |
| background-position: -384px 0; | |
| } | |
| .icon-signal { | |
| background-position: -408px 0; | |
| } | |
| .icon-cog { | |
| background-position: -432px 0; | |
| } | |
| .icon-trash { | |
| background-position: -456px 0; | |
| } | |
| .icon-home { | |
| background-position: 0 -24px; | |
| } | |
| .icon-file { | |
| background-position: -24px -24px; | |
| } | |
| .icon-time { | |
| background-position: -48px -24px; | |
| } | |
| .icon-road { | |
| background-position: -72px -24px; | |
| } | |
| .icon-download-alt { | |
| background-position: -96px -24px; | |
| } | |
| .icon-download { | |
| background-position: -120px -24px; | |
| } | |
| .icon-upload { | |
| background-position: -144px -24px; | |
| } | |
| .icon-inbox { | |
| background-position: -168px -24px; | |
| } | |
| .icon-play-circle { | |
| background-position: -192px -24px; | |
| } | |
| .icon-repeat { | |
| background-position: -216px -24px; | |
| } | |
| .icon-refresh { | |
| background-position: -240px -24px; | |
| } | |
| .icon-list-alt { | |
| background-position: -264px -24px; | |
| } | |
| .icon-lock { | |
| background-position: -287px -24px; | |
| } | |
| .icon-flag { | |
| background-position: -312px -24px; | |
| } | |
| .icon-headphones { | |
| background-position: -336px -24px; | |
| } | |
| .icon-volume-off { | |
| background-position: -360px -24px; | |
| } | |
| .icon-volume-down { | |
| background-position: -384px -24px; | |
| } | |
| .icon-volume-up { | |
| background-position: -408px -24px; | |
| } | |
| .icon-qrcode { | |
| background-position: -432px -24px; | |
| } | |
| .icon-barcode { | |
| background-position: -456px -24px; | |
| } | |
| .icon-tag { | |
| background-position: 0 -48px; | |
| } | |
| .icon-tags { | |
| background-position: -25px -48px; | |
| } | |
| .icon-book { | |
| background-position: -48px -48px; | |
| } | |
| .icon-bookmark { | |
| background-position: -72px -48px; | |
| } | |
| .icon-print { | |
| background-position: -96px -48px; | |
| } | |
| .icon-camera { | |
| background-position: -120px -48px; | |
| } | |
| .icon-font { | |
| background-position: -144px -48px; | |
| } | |
| .icon-bold { | |
| background-position: -167px -48px; | |
| } | |
| .icon-italic { | |
| background-position: -192px -48px; | |
| } | |
| .icon-text-height { | |
| background-position: -216px -48px; | |
| } | |
| .icon-text-width { | |
| background-position: -240px -48px; | |
| } | |
| .icon-align-left { | |
| background-position: -264px -48px; | |
| } | |
| .icon-align-center { | |
| background-position: -288px -48px; | |
| } | |
| .icon-align-right { | |
| background-position: -312px -48px; | |
| } | |
| .icon-align-justify { | |
| background-position: -336px -48px; | |
| } | |
| .icon-list { | |
| background-position: -360px -48px; | |
| } | |
| .icon-indent-left { | |
| background-position: -384px -48px; | |
| } | |
| .icon-indent-right { | |
| background-position: -408px -48px; | |
| } | |
| .icon-facetime-video { | |
| background-position: -432px -48px; | |
| } | |
| .icon-picture { | |
| background-position: -456px -48px; | |
| } | |
| .icon-pencil { | |
| background-position: 0 -72px; | |
| } | |
| .icon-map-marker { | |
| background-position: -24px -72px; | |
| } | |
| .icon-adjust { | |
| background-position: -48px -72px; | |
| } | |
| .icon-tint { | |
| background-position: -72px -72px; | |
| } | |
| .icon-edit { | |
| background-position: -96px -72px; | |
| } | |
| .icon-share { | |
| background-position: -120px -72px; | |
| } | |
| .icon-check { | |
| background-position: -144px -72px; | |
| } | |
| .icon-move { | |
| background-position: -168px -72px; | |
| } | |
| .icon-step-backward { | |
| background-position: -192px -72px; | |
| } | |
| .icon-fast-backward { | |
| background-position: -216px -72px; | |
| } | |
| .icon-backward { | |
| background-position: -240px -72px; | |
| } | |
| .icon-play { | |
| background-position: -264px -72px; | |
| } | |
| .icon-pause { | |
| background-position: -288px -72px; | |
| } | |
| .icon-stop { | |
| background-position: -312px -72px; | |
| } | |
| .icon-forward { | |
| background-position: -336px -72px; | |
| } | |
| .icon-fast-forward { | |
| background-position: -360px -72px; | |
| } | |
| .icon-step-forward { | |
| background-position: -384px -72px; | |
| } | |
| .icon-eject { | |
| background-position: -408px -72px; | |
| } | |
| .icon-chevron-left { | |
| background-position: -432px -72px; | |
| } | |
| .icon-chevron-right { | |
| background-position: -456px -72px; | |
| } | |
| .icon-plus-sign { | |
| background-position: 0 -96px; | |
| } | |
| .icon-minus-sign { | |
| background-position: -24px -96px; | |
| } | |
| .icon-remove-sign { | |
| background-position: -48px -96px; | |
| } | |
| .icon-ok-sign { | |
| background-position: -72px -96px; | |
| } | |
| .icon-question-sign { | |
| background-position: -96px -96px; | |
| } | |
| .icon-info-sign { | |
| background-position: -120px -96px; | |
| } | |
| .icon-screenshot { | |
| background-position: -144px -96px; | |
| } | |
| .icon-remove-circle { | |
| background-position: -168px -96px; | |
| } | |
| .icon-ok-circle { | |
| background-position: -192px -96px; | |
| } | |
| .icon-ban-circle { | |
| background-position: -216px -96px; | |
| } | |
| .icon-arrow-left { | |
| background-position: -240px -96px; | |
| } | |
| .icon-arrow-right { | |
| background-position: -264px -96px; | |
| } | |
| .icon-arrow-up { | |
| background-position: -289px -96px; | |
| } | |
| .icon-arrow-down { | |
| background-position: -312px -96px; | |
| } | |
| .icon-share-alt { | |
| background-position: -336px -96px; | |
| } | |
| .icon-resize-full { | |
| background-position: -360px -96px; | |
| } | |
| .icon-resize-small { | |
| background-position: -384px -96px; | |
| } | |
| .icon-plus { | |
| background-position: -408px -96px; | |
| } | |
| .icon-minus { | |
| background-position: -433px -96px; | |
| } | |
| .icon-asterisk { | |
| background-position: -456px -96px; | |
| } | |
| .icon-exclamation-sign { | |
| background-position: 0 -120px; | |
| } | |
| .icon-gift { | |
| background-position: -24px -120px; | |
| } | |
| .icon-leaf { | |
| background-position: -48px -120px; | |
| } | |
| .icon-fire { | |
| background-position: -72px -120px; | |
| } | |
| .icon-eye-open { | |
| background-position: -96px -120px; | |
| } | |
| .icon-eye-close { | |
| background-position: -120px -120px; | |
| } | |
| .icon-warning-sign { | |
| background-position: -144px -120px; | |
| } | |
| .icon-plane { | |
| background-position: -168px -120px; | |
| } | |
| .icon-calendar { | |
| background-position: -192px -120px; | |
| } | |
| .icon-random { | |
| background-position: -216px -120px; | |
| width: 16px; | |
| } | |
| .icon-comment { | |
| background-position: -240px -120px; | |
| } | |
| .icon-magnet { | |
| background-position: -264px -120px; | |
| } | |
| .icon-chevron-up { | |
| background-position: -288px -120px; | |
| } | |
| .icon-chevron-down { | |
| background-position: -313px -119px; | |
| } | |
| .icon-retweet { | |
| background-position: -336px -120px; | |
| } | |
| .icon-shopping-cart { | |
| background-position: -360px -120px; | |
| } | |
| .icon-folder-close { | |
| background-position: -384px -120px; | |
| width: 16px; | |
| } | |
| .icon-folder-open { | |
| background-position: -408px -120px; | |
| width: 16px; | |
| } | |
| .icon-resize-vertical { | |
| background-position: -432px -119px; | |
| } | |
| .icon-resize-horizontal { | |
| background-position: -456px -118px; | |
| } | |
| .icon-hdd { | |
| background-position: 0 -144px; | |
| } | |
| .icon-bullhorn { | |
| background-position: -24px -144px; | |
| } | |
| .icon-bell { | |
| background-position: -48px -144px; | |
| } | |
| .icon-certificate { | |
| background-position: -72px -144px; | |
| } | |
| .icon-thumbs-up { | |
| background-position: -96px -144px; | |
| } | |
| .icon-thumbs-down { | |
| background-position: -120px -144px; | |
| } | |
| .icon-hand-right { | |
| background-position: -144px -144px; | |
| } | |
| .icon-hand-left { | |
| background-position: -168px -144px; | |
| } | |
| .icon-hand-up { | |
| background-position: -192px -144px; | |
| } | |
| .icon-hand-down { | |
| background-position: -216px -144px; | |
| } | |
| .icon-circle-arrow-right { | |
| background-position: -240px -144px; | |
| } | |
| .icon-circle-arrow-left { | |
| background-position: -264px -144px; | |
| } | |
| .icon-circle-arrow-up { | |
| background-position: -288px -144px; | |
| } | |
| .icon-circle-arrow-down { | |
| background-position: -312px -144px; | |
| } | |
| .icon-globe { | |
| background-position: -336px -144px; | |
| } | |
| .icon-wrench { | |
| background-position: -360px -144px; | |
| } | |
| .icon-tasks { | |
| background-position: -384px -144px; | |
| } | |
| .icon-filter { | |
| background-position: -408px -144px; | |
| } | |
| .icon-briefcase { | |
| background-position: -432px -144px; | |
| } | |
| .icon-fullscreen { | |
| background-position: -456px -144px; | |
| } | |
| .dropup, | |
| .dropdown { | |
| position: relative; | |
| } | |
| .dropdown-toggle { | |
| *margin-bottom: -3px; | |
| } | |
| .dropdown-toggle:active, | |
| .open .dropdown-toggle { | |
| outline: 0; | |
| } | |
| .caret { | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| vertical-align: top; | |
| border-top: 4px solid #000000; | |
| border-right: 4px solid transparent; | |
| border-left: 4px solid transparent; | |
| content: ""; | |
| } | |
| .dropdown .caret { | |
| margin-top: 8px; | |
| margin-left: 2px; | |
| } | |
| .dropdown-menu { | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| z-index: 1000; | |
| display: none; | |
| float: left; | |
| min-width: 160px; | |
| padding: 5px 0; | |
| margin: 2px 0 0; | |
| list-style: none; | |
| background-color: #ffffff; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| *border-right-width: 2px; | |
| *border-bottom-width: 2px; | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| -webkit-background-clip: padding-box; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box; | |
| } | |
| .dropdown-menu.pull-right { | |
| right: 0; | |
| left: auto; | |
| } | |
| .dropdown-menu .divider { | |
| *width: 100%; | |
| height: 1px; | |
| margin: 8px 1px; | |
| *margin: -5px 0 5px; | |
| overflow: hidden; | |
| background-color: #e5e5e5; | |
| border-bottom: 1px solid #ffffff; | |
| } | |
| .dropdown-menu > li > a { | |
| display: block; | |
| padding: 3px 20px; | |
| clear: both; | |
| font-weight: normal; | |
| line-height: 18px; | |
| color: #333333; | |
| white-space: nowrap; | |
| } | |
| .dropdown-menu > li > a:hover, | |
| .dropdown-menu > li > a:focus, | |
| .dropdown-submenu:hover > a, | |
| .dropdown-submenu:focus > a { | |
| text-decoration: none; | |
| color: #ffffff; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear-gradient(to bottom, #0088cc, #0077b3); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); | |
| } | |
| .dropdown-menu > .active > a, | |
| .dropdown-menu > .active > a:hover, | |
| .dropdown-menu > .active > a:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| outline: 0; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear-gradient(to bottom, #0088cc, #0077b3); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); | |
| } | |
| .dropdown-menu > .disabled > a, | |
| .dropdown-menu > .disabled > a:hover, | |
| .dropdown-menu > .disabled > a:focus { | |
| color: #999999; | |
| } | |
| .dropdown-menu > .disabled > a:hover, | |
| .dropdown-menu > .disabled > a:focus { | |
| text-decoration: none; | |
| background-color: transparent; | |
| background-image: none; | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| cursor: default; | |
| } | |
| .open { | |
| *z-index: 1000; | |
| } | |
| .open > .dropdown-menu { | |
| display: block; | |
| } | |
| .pull-right > .dropdown-menu { | |
| right: 0; | |
| left: auto; | |
| } | |
| .dropup .caret, | |
| .navbar-fixed-bottom .dropdown .caret { | |
| border-top: 0; | |
| border-bottom: 4px solid #000000; | |
| content: ""; | |
| } | |
| .dropup .dropdown-menu, | |
| .navbar-fixed-bottom .dropdown .dropdown-menu { | |
| top: auto; | |
| bottom: 100%; | |
| margin-bottom: 1px; | |
| } | |
| .dropdown-submenu { | |
| position: relative; | |
| } | |
| .dropdown-submenu > .dropdown-menu { | |
| top: 0; | |
| left: 100%; | |
| margin-top: -6px; | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 6px 6px 6px; | |
| -moz-border-radius: 0 6px 6px 6px; | |
| border-radius: 0 6px 6px 6px; | |
| } | |
| .dropdown-submenu:hover > .dropdown-menu { | |
| display: block; | |
| } | |
| .dropup .dropdown-submenu > .dropdown-menu { | |
| top: auto; | |
| bottom: 0; | |
| margin-top: 0; | |
| margin-bottom: -2px; | |
| -webkit-border-radius: 5px 5px 5px 0; | |
| -moz-border-radius: 5px 5px 5px 0; | |
| border-radius: 5px 5px 5px 0; | |
| } | |
| .dropdown-submenu > a:after { | |
| display: block; | |
| content: " "; | |
| float: right; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| border-width: 5px 0 5px 5px; | |
| border-left-color: #cccccc; | |
| margin-top: 5px; | |
| margin-right: -10px; | |
| } | |
| .dropdown-submenu:hover > a:after { | |
| border-left-color: #ffffff; | |
| } | |
| .dropdown-submenu.pull-left { | |
| float: none; | |
| } | |
| .dropdown-submenu.pull-left > .dropdown-menu { | |
| left: -100%; | |
| margin-left: 10px; | |
| -webkit-border-radius: 6px 0 6px 6px; | |
| -moz-border-radius: 6px 0 6px 6px; | |
| border-radius: 6px 0 6px 6px; | |
| } | |
| .dropdown .dropdown-menu .nav-header { | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| } | |
| .typeahead { | |
| z-index: 1051; | |
| margin-top: 2px; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .well { | |
| min-height: 20px; | |
| padding: 19px; | |
| margin-bottom: 20px; | |
| background-color: #f5f5f5; | |
| border: 1px solid #e3e3e3; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
| } | |
| .well blockquote { | |
| border-color: #ddd; | |
| border-color: rgba(0, 0, 0, 0.15); | |
| } | |
| .well-large { | |
| padding: 24px; | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| } | |
| .well-small { | |
| padding: 9px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .fade { | |
| opacity: 0; | |
| -webkit-transition: opacity 0.15s linear; | |
| -moz-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| } | |
| .fade.in { | |
| opacity: 1; | |
| } | |
| .collapse { | |
| position: relative; | |
| height: 0; | |
| overflow: hidden; | |
| -webkit-transition: height 0.35s ease; | |
| -moz-transition: height 0.35s ease; | |
| -o-transition: height 0.35s ease; | |
| transition: height 0.35s ease; | |
| } | |
| .collapse.in { | |
| height: auto; | |
| } | |
| .close { | |
| float: right; | |
| font-size: 20px; | |
| font-weight: bold; | |
| line-height: 18px; | |
| color: #000000; | |
| text-shadow: 0 1px 0 #ffffff; | |
| opacity: 0.2; | |
| filter: alpha(opacity=20); | |
| } | |
| .close:hover, | |
| .close:focus { | |
| color: #000000; | |
| text-decoration: none; | |
| cursor: pointer; | |
| opacity: 0.4; | |
| filter: alpha(opacity=40); | |
| } | |
| button.close { | |
| padding: 0; | |
| cursor: pointer; | |
| background: transparent; | |
| border: 0; | |
| -webkit-appearance: none; | |
| } | |
| .btn { | |
| display: inline-block; | |
| *display: inline; | |
| /* IE7 inline-block hack */ | |
| *zoom: 1; | |
| padding: 4px 12px; | |
| margin-bottom: 0; | |
| font-size: 13px; | |
| line-height: 18px; | |
| text-align: center; | |
| vertical-align: middle; | |
| cursor: pointer; | |
| color: #333333; | |
| text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | |
| background-color: #f5f5f5; | |
| background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | |
| background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); | |
| border-color: #e6e6e6 #e6e6e6 #bfbfbf; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #e6e6e6; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| border: 1px solid #cccccc; | |
| *border: 0; | |
| border-bottom-color: #b3b3b3; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| *margin-left: .3em; | |
| -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
| -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
| box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
| } | |
| .btn:hover, | |
| .btn:focus, | |
| .btn:active, | |
| .btn.active, | |
| .btn.disabled, | |
| .btn[disabled] { | |
| color: #333333; | |
| background-color: #e6e6e6; | |
| *background-color: #d9d9d9; | |
| } | |
| .btn:active, | |
| .btn.active { | |
| background-color: #cccccc \9; | |
| } | |
| .btn:first-child { | |
| *margin-left: 0; | |
| } | |
| .btn:hover, | |
| .btn:focus { | |
| color: #333333; | |
| text-decoration: none; | |
| background-position: 0 -15px; | |
| -webkit-transition: background-position 0.1s linear; | |
| -moz-transition: background-position 0.1s linear; | |
| -o-transition: background-position 0.1s linear; | |
| transition: background-position 0.1s linear; | |
| } | |
| .btn:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| .btn.active, | |
| .btn:active { | |
| background-image: none; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
| -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
| box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
| } | |
| .btn.disabled, | |
| .btn[disabled] { | |
| cursor: default; | |
| background-image: none; | |
| opacity: 0.65; | |
| filter: alpha(opacity=65); | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .btn-large { | |
| padding: 11px 19px; | |
| font-size: 16.25px; | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| } | |
| .btn-large [class^="icon-"], | |
| .btn-large [class*=" icon-"] { | |
| margin-top: 4px; | |
| } | |
| .btn-small { | |
| padding: 2px 10px; | |
| font-size: 11.049999999999999px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .btn-small [class^="icon-"], | |
| .btn-small [class*=" icon-"] { | |
| margin-top: 0; | |
| } | |
| .btn-mini [class^="icon-"], | |
| .btn-mini [class*=" icon-"] { | |
| margin-top: -1px; | |
| } | |
| .btn-mini { | |
| padding: 0 6px; | |
| font-size: 9.75px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .btn-block { | |
| display: block; | |
| width: 100%; | |
| padding-left: 0; | |
| padding-right: 0; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| .btn-block + .btn-block { | |
| margin-top: 5px; | |
| } | |
| input[type="submit"].btn-block, | |
| input[type="reset"].btn-block, | |
| input[type="button"].btn-block { | |
| width: 100%; | |
| } | |
| .btn-primary.active, | |
| .btn-warning.active, | |
| .btn-danger.active, | |
| .btn-success.active, | |
| .btn-info.active, | |
| .btn-inverse.active { | |
| color: rgba(255, 255, 255, 0.75); | |
| } | |
| .btn-primary { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #006dcc; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0044cc); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); | |
| background-image: -o-linear-gradient(top, #0088cc, #0044cc); | |
| background-image: linear-gradient(to bottom, #0088cc, #0044cc); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); | |
| border-color: #0044cc #0044cc #002a80; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #0044cc; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| } | |
| .btn-primary:hover, | |
| .btn-primary:focus, | |
| .btn-primary:active, | |
| .btn-primary.active, | |
| .btn-primary.disabled, | |
| .btn-primary[disabled] { | |
| color: #ffffff; | |
| background-color: #0044cc; | |
| *background-color: #003bb3; | |
| } | |
| .btn-primary:active, | |
| .btn-primary.active { | |
| background-color: #003399 \9; | |
| } | |
| .btn-warning { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #faa732; | |
| background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
| background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
| background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
| background-image: linear-gradient(to bottom, #fbb450, #f89406); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); | |
| border-color: #f89406 #f89406 #ad6704; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #f89406; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| } | |
| .btn-warning:hover, | |
| .btn-warning:focus, | |
| .btn-warning:active, | |
| .btn-warning.active, | |
| .btn-warning.disabled, | |
| .btn-warning[disabled] { | |
| color: #ffffff; | |
| background-color: #f89406; | |
| *background-color: #df8505; | |
| } | |
| .btn-warning:active, | |
| .btn-warning.active { | |
| background-color: #c67605 \9; | |
| } | |
| .btn-danger { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #da4f49; | |
| background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); | |
| background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); | |
| background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); | |
| background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); | |
| border-color: #bd362f #bd362f #802420; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #bd362f; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| } | |
| .btn-danger:hover, | |
| .btn-danger:focus, | |
| .btn-danger:active, | |
| .btn-danger.active, | |
| .btn-danger.disabled, | |
| .btn-danger[disabled] { | |
| color: #ffffff; | |
| background-color: #bd362f; | |
| *background-color: #a9302a; | |
| } | |
| .btn-danger:active, | |
| .btn-danger.active { | |
| background-color: #942a25 \9; | |
| } | |
| .btn-success { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #5bb75b; | |
| background-image: -moz-linear-gradient(top, #62c462, #51a351); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); | |
| background-image: -webkit-linear-gradient(top, #62c462, #51a351); | |
| background-image: -o-linear-gradient(top, #62c462, #51a351); | |
| background-image: linear-gradient(to bottom, #62c462, #51a351); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); | |
| border-color: #51a351 #51a351 #387038; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #51a351; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| } | |
| .btn-success:hover, | |
| .btn-success:focus, | |
| .btn-success:active, | |
| .btn-success.active, | |
| .btn-success.disabled, | |
| .btn-success[disabled] { | |
| color: #ffffff; | |
| background-color: #51a351; | |
| *background-color: #499249; | |
| } | |
| .btn-success:active, | |
| .btn-success.active { | |
| background-color: #408140 \9; | |
| } | |
| .btn-info { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #49afcd; | |
| background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); | |
| background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); | |
| background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); | |
| background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); | |
| border-color: #2f96b4 #2f96b4 #1f6377; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #2f96b4; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| } | |
| .btn-info:hover, | |
| .btn-info:focus, | |
| .btn-info:active, | |
| .btn-info.active, | |
| .btn-info.disabled, | |
| .btn-info[disabled] { | |
| color: #ffffff; | |
| background-color: #2f96b4; | |
| *background-color: #2a85a0; | |
| } | |
| .btn-info:active, | |
| .btn-info.active { | |
| background-color: #24748c \9; | |
| } | |
| .btn-inverse { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #363636; | |
| background-image: -moz-linear-gradient(top, #444444, #222222); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); | |
| background-image: -webkit-linear-gradient(top, #444444, #222222); | |
| background-image: -o-linear-gradient(top, #444444, #222222); | |
| background-image: linear-gradient(to bottom, #444444, #222222); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); | |
| border-color: #222222 #222222 #000000; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #222222; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| } | |
| .btn-inverse:hover, | |
| .btn-inverse:focus, | |
| .btn-inverse:active, | |
| .btn-inverse.active, | |
| .btn-inverse.disabled, | |
| .btn-inverse[disabled] { | |
| color: #ffffff; | |
| background-color: #222222; | |
| *background-color: #151515; | |
| } | |
| .btn-inverse:active, | |
| .btn-inverse.active { | |
| background-color: #080808 \9; | |
| } | |
| button.btn, | |
| input[type="submit"].btn { | |
| *padding-top: 3px; | |
| *padding-bottom: 3px; | |
| } | |
| button.btn::-moz-focus-inner, | |
| input[type="submit"].btn::-moz-focus-inner { | |
| padding: 0; | |
| border: 0; | |
| } | |
| button.btn.btn-large, | |
| input[type="submit"].btn.btn-large { | |
| *padding-top: 7px; | |
| *padding-bottom: 7px; | |
| } | |
| button.btn.btn-small, | |
| input[type="submit"].btn.btn-small { | |
| *padding-top: 3px; | |
| *padding-bottom: 3px; | |
| } | |
| button.btn.btn-mini, | |
| input[type="submit"].btn.btn-mini { | |
| *padding-top: 1px; | |
| *padding-bottom: 1px; | |
| } | |
| .btn-link, | |
| .btn-link:active, | |
| .btn-link[disabled] { | |
| background-color: transparent; | |
| background-image: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .btn-link { | |
| border-color: transparent; | |
| cursor: pointer; | |
| color: #0088cc; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .btn-link:hover, | |
| .btn-link:focus { | |
| color: #005580; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| } | |
| .btn-link[disabled]:hover, | |
| .btn-link[disabled]:focus { | |
| color: #333333; | |
| text-decoration: none; | |
| } | |
| .btn-group { | |
| position: relative; | |
| display: inline-block; | |
| *display: inline; | |
| /* IE7 inline-block hack */ | |
| *zoom: 1; | |
| font-size: 0; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| *margin-left: .3em; | |
| } | |
| .btn-group:first-child { | |
| *margin-left: 0; | |
| } | |
| .btn-group + .btn-group { | |
| margin-left: 5px; | |
| } | |
| .btn-toolbar { | |
| font-size: 0; | |
| margin-top: 9px; | |
| margin-bottom: 9px; | |
| } | |
| .btn-toolbar > .btn + .btn, | |
| .btn-toolbar > .btn-group + .btn, | |
| .btn-toolbar > .btn + .btn-group { | |
| margin-left: 5px; | |
| } | |
| .btn-group > .btn { | |
| position: relative; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .btn-group > .btn + .btn { | |
| margin-left: -1px; | |
| } | |
| .btn-group > .btn, | |
| .btn-group > .dropdown-menu, | |
| .btn-group > .popover { | |
| font-size: 13px; | |
| } | |
| .btn-group > .btn-mini { | |
| font-size: 9.75px; | |
| } | |
| .btn-group > .btn-small { | |
| font-size: 11.049999999999999px; | |
| } | |
| .btn-group > .btn-large { | |
| font-size: 16.25px; | |
| } | |
| .btn-group > .btn:first-child { | |
| margin-left: 0; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .btn-group > .btn:last-child, | |
| .btn-group > .dropdown-toggle { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .btn-group > .btn.large:first-child { | |
| margin-left: 0; | |
| -webkit-border-top-left-radius: 6px; | |
| -moz-border-radius-topleft: 6px; | |
| border-top-left-radius: 6px; | |
| -webkit-border-bottom-left-radius: 6px; | |
| -moz-border-radius-bottomleft: 6px; | |
| border-bottom-left-radius: 6px; | |
| } | |
| .btn-group > .btn.large:last-child, | |
| .btn-group > .large.dropdown-toggle { | |
| -webkit-border-top-right-radius: 6px; | |
| -moz-border-radius-topright: 6px; | |
| border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 6px; | |
| -moz-border-radius-bottomright: 6px; | |
| border-bottom-right-radius: 6px; | |
| } | |
| .btn-group > .btn:hover, | |
| .btn-group > .btn:focus, | |
| .btn-group > .btn:active, | |
| .btn-group > .btn.active { | |
| z-index: 2; | |
| } | |
| .btn-group .dropdown-toggle:active, | |
| .btn-group.open .dropdown-toggle { | |
| outline: 0; | |
| } | |
| .btn-group > .btn + .dropdown-toggle { | |
| padding-left: 8px; | |
| padding-right: 8px; | |
| -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
| -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
| box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); | |
| *padding-top: 5px; | |
| *padding-bottom: 5px; | |
| } | |
| .btn-group > .btn-mini + .dropdown-toggle { | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| *padding-top: 2px; | |
| *padding-bottom: 2px; | |
| } | |
| .btn-group > .btn-small + .dropdown-toggle { | |
| *padding-top: 5px; | |
| *padding-bottom: 4px; | |
| } | |
| .btn-group > .btn-large + .dropdown-toggle { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| *padding-top: 7px; | |
| *padding-bottom: 7px; | |
| } | |
| .btn-group.open .dropdown-toggle { | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
| -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
| box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); | |
| } | |
| .btn-group.open .btn.dropdown-toggle { | |
| background-color: #e6e6e6; | |
| } | |
| .btn-group.open .btn-primary.dropdown-toggle { | |
| background-color: #0044cc; | |
| } | |
| .btn-group.open .btn-warning.dropdown-toggle { | |
| background-color: #f89406; | |
| } | |
| .btn-group.open .btn-danger.dropdown-toggle { | |
| background-color: #bd362f; | |
| } | |
| .btn-group.open .btn-success.dropdown-toggle { | |
| background-color: #51a351; | |
| } | |
| .btn-group.open .btn-info.dropdown-toggle { | |
| background-color: #2f96b4; | |
| } | |
| .btn-group.open .btn-inverse.dropdown-toggle { | |
| background-color: #222222; | |
| } | |
| .btn .caret { | |
| margin-top: 8px; | |
| margin-left: 0; | |
| } | |
| .btn-large .caret { | |
| margin-top: 6px; | |
| } | |
| .btn-large .caret { | |
| border-left-width: 5px; | |
| border-right-width: 5px; | |
| border-top-width: 5px; | |
| } | |
| .btn-mini .caret, | |
| .btn-small .caret { | |
| margin-top: 8px; | |
| } | |
| .dropup .btn-large .caret { | |
| border-bottom-width: 5px; | |
| } | |
| .btn-primary .caret, | |
| .btn-warning .caret, | |
| .btn-danger .caret, | |
| .btn-info .caret, | |
| .btn-success .caret, | |
| .btn-inverse .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| .btn-group-vertical { | |
| display: inline-block; | |
| *display: inline; | |
| /* IE7 inline-block hack */ | |
| *zoom: 1; | |
| } | |
| .btn-group-vertical > .btn { | |
| display: block; | |
| float: none; | |
| max-width: 100%; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .btn-group-vertical > .btn + .btn { | |
| margin-left: 0; | |
| margin-top: -1px; | |
| } | |
| .btn-group-vertical > .btn:first-child { | |
| -webkit-border-radius: 4px 4px 0 0; | |
| -moz-border-radius: 4px 4px 0 0; | |
| border-radius: 4px 4px 0 0; | |
| } | |
| .btn-group-vertical > .btn:last-child { | |
| -webkit-border-radius: 0 0 4px 4px; | |
| -moz-border-radius: 0 0 4px 4px; | |
| border-radius: 0 0 4px 4px; | |
| } | |
| .btn-group-vertical > .btn-large:first-child { | |
| -webkit-border-radius: 6px 6px 0 0; | |
| -moz-border-radius: 6px 6px 0 0; | |
| border-radius: 6px 6px 0 0; | |
| } | |
| .btn-group-vertical > .btn-large:last-child { | |
| -webkit-border-radius: 0 0 6px 6px; | |
| -moz-border-radius: 0 0 6px 6px; | |
| border-radius: 0 0 6px 6px; | |
| } | |
| .alert { | |
| padding: 8px 35px 8px 14px; | |
| margin-bottom: 18px; | |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
| background-color: #fcf8e3; | |
| border: 1px solid #fbeed5; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .alert, | |
| .alert h4 { | |
| color: #c09853; | |
| } | |
| .alert h4 { | |
| margin: 0; | |
| } | |
| .alert .close { | |
| position: relative; | |
| top: -2px; | |
| right: -21px; | |
| line-height: 18px; | |
| } | |
| .alert-success { | |
| background-color: #dff0d8; | |
| border-color: #d6e9c6; | |
| color: #468847; | |
| } | |
| .alert-success h4 { | |
| color: #468847; | |
| } | |
| .alert-danger, | |
| .alert-error { | |
| background-color: #f2dede; | |
| border-color: #eed3d7; | |
| color: #b94a48; | |
| } | |
| .alert-danger h4, | |
| .alert-error h4 { | |
| color: #b94a48; | |
| } | |
| .alert-info { | |
| background-color: #d9edf7; | |
| border-color: #bce8f1; | |
| color: #3a87ad; | |
| } | |
| .alert-info h4 { | |
| color: #3a87ad; | |
| } | |
| .alert-block { | |
| padding-top: 14px; | |
| padding-bottom: 14px; | |
| } | |
| .alert-block > p, | |
| .alert-block > ul { | |
| margin-bottom: 0; | |
| } | |
| .alert-block p + p { | |
| margin-top: 5px; | |
| } | |
| .nav { | |
| margin-left: 0; | |
| margin-bottom: 18px; | |
| list-style: none; | |
| } | |
| .nav > li > a { | |
| display: block; | |
| } | |
| .nav > li > a:hover, | |
| .nav > li > a:focus { | |
| text-decoration: none; | |
| background-color: #eeeeee; | |
| } | |
| .nav > li > a > img { | |
| max-width: none; | |
| } | |
| .nav > .pull-right { | |
| float: right; | |
| } | |
| .nav-header { | |
| display: block; | |
| padding: 3px 15px; | |
| font-size: 11px; | |
| font-weight: bold; | |
| line-height: 18px; | |
| color: #999999; | |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
| text-transform: uppercase; | |
| } | |
| .nav li + .nav-header { | |
| margin-top: 9px; | |
| } | |
| .nav-list { | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| margin-bottom: 0; | |
| } | |
| .nav-list > li > a, | |
| .nav-list .nav-header { | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
| } | |
| .nav-list > li > a { | |
| padding: 3px 15px; | |
| } | |
| .nav-list > .active > a, | |
| .nav-list > .active > a:hover, | |
| .nav-list > .active > a:focus { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
| background-color: #0088cc; | |
| } | |
| .nav-list [class^="icon-"], | |
| .nav-list [class*=" icon-"] { | |
| margin-right: 2px; | |
| } | |
| .nav-list .divider { | |
| *width: 100%; | |
| height: 1px; | |
| margin: 8px 1px; | |
| *margin: -5px 0 5px; | |
| overflow: hidden; | |
| background-color: #e5e5e5; | |
| border-bottom: 1px solid #ffffff; | |
| } | |
| .nav-tabs, | |
| .nav-pills { | |
| *zoom: 1; | |
| } | |
| .nav-tabs:before, | |
| .nav-pills:before, | |
| .nav-tabs:after, | |
| .nav-pills:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .nav-tabs:after, | |
| .nav-pills:after { | |
| clear: both; | |
| } | |
| .nav-tabs > li, | |
| .nav-pills > li { | |
| float: left; | |
| } | |
| .nav-tabs > li > a, | |
| .nav-pills > li > a { | |
| padding-right: 12px; | |
| padding-left: 12px; | |
| margin-right: 2px; | |
| line-height: 14px; | |
| } | |
| .nav-tabs { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .nav-tabs > li { | |
| margin-bottom: -1px; | |
| } | |
| .nav-tabs > li > a { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| line-height: 18px; | |
| border: 1px solid transparent; | |
| -webkit-border-radius: 4px 4px 0 0; | |
| -moz-border-radius: 4px 4px 0 0; | |
| border-radius: 4px 4px 0 0; | |
| } | |
| .nav-tabs > li > a:hover, | |
| .nav-tabs > li > a:focus { | |
| border-color: #eeeeee #eeeeee #dddddd; | |
| } | |
| .nav-tabs > .active > a, | |
| .nav-tabs > .active > a:hover, | |
| .nav-tabs > .active > a:focus { | |
| color: #555555; | |
| background-color: #ffffff; | |
| border: 1px solid #ddd; | |
| border-bottom-color: transparent; | |
| cursor: default; | |
| } | |
| .nav-pills > li > a { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| margin-top: 2px; | |
| margin-bottom: 2px; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| } | |
| .nav-pills > .active > a, | |
| .nav-pills > .active > a:hover, | |
| .nav-pills > .active > a:focus { | |
| color: #ffffff; | |
| background-color: #0088cc; | |
| } | |
| .nav-stacked > li { | |
| float: none; | |
| } | |
| .nav-stacked > li > a { | |
| margin-right: 0; | |
| } | |
| .nav-tabs.nav-stacked { | |
| border-bottom: 0; | |
| } | |
| .nav-tabs.nav-stacked > li > a { | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .nav-tabs.nav-stacked > li:first-child > a { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| .nav-tabs.nav-stacked > li:last-child > a { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .nav-tabs.nav-stacked > li > a:hover, | |
| .nav-tabs.nav-stacked > li > a:focus { | |
| border-color: #ddd; | |
| z-index: 2; | |
| } | |
| .nav-pills.nav-stacked > li > a { | |
| margin-bottom: 3px; | |
| } | |
| .nav-pills.nav-stacked > li:last-child > a { | |
| margin-bottom: 1px; | |
| } | |
| .nav-tabs .dropdown-menu { | |
| -webkit-border-radius: 0 0 6px 6px; | |
| -moz-border-radius: 0 0 6px 6px; | |
| border-radius: 0 0 6px 6px; | |
| } | |
| .nav-pills .dropdown-menu { | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| } | |
| .nav .dropdown-toggle .caret { | |
| border-top-color: #0088cc; | |
| border-bottom-color: #0088cc; | |
| margin-top: 6px; | |
| } | |
| .nav .dropdown-toggle:hover .caret, | |
| .nav .dropdown-toggle:focus .caret { | |
| border-top-color: #005580; | |
| border-bottom-color: #005580; | |
| } | |
| /* move down carets for tabs */ | |
| .nav-tabs .dropdown-toggle .caret { | |
| margin-top: 8px; | |
| } | |
| .nav .active .dropdown-toggle .caret { | |
| border-top-color: #fff; | |
| border-bottom-color: #fff; | |
| } | |
| .nav-tabs .active .dropdown-toggle .caret { | |
| border-top-color: #555555; | |
| border-bottom-color: #555555; | |
| } | |
| .nav > .dropdown.active > a:hover, | |
| .nav > .dropdown.active > a:focus { | |
| cursor: pointer; | |
| } | |
| .nav-tabs .open .dropdown-toggle, | |
| .nav-pills .open .dropdown-toggle, | |
| .nav > li.dropdown.open.active > a:hover, | |
| .nav > li.dropdown.open.active > a:focus { | |
| color: #ffffff; | |
| background-color: #999999; | |
| border-color: #999999; | |
| } | |
| .nav li.dropdown.open .caret, | |
| .nav li.dropdown.open.active .caret, | |
| .nav li.dropdown.open a:hover .caret, | |
| .nav li.dropdown.open a:focus .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| } | |
| .tabs-stacked .open > a:hover, | |
| .tabs-stacked .open > a:focus { | |
| border-color: #999999; | |
| } | |
| .tabbable { | |
| *zoom: 1; | |
| } | |
| .tabbable:before, | |
| .tabbable:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .tabbable:after { | |
| clear: both; | |
| } | |
| .tab-content { | |
| overflow: auto; | |
| } | |
| .tabs-below > .nav-tabs, | |
| .tabs-right > .nav-tabs, | |
| .tabs-left > .nav-tabs { | |
| border-bottom: 0; | |
| } | |
| .tab-content > .tab-pane, | |
| .pill-content > .pill-pane { | |
| display: none; | |
| } | |
| .tab-content > .active, | |
| .pill-content > .active { | |
| display: block; | |
| } | |
| .tabs-below > .nav-tabs { | |
| border-top: 1px solid #ddd; | |
| } | |
| .tabs-below > .nav-tabs > li { | |
| margin-top: -1px; | |
| margin-bottom: 0; | |
| } | |
| .tabs-below > .nav-tabs > li > a { | |
| -webkit-border-radius: 0 0 4px 4px; | |
| -moz-border-radius: 0 0 4px 4px; | |
| border-radius: 0 0 4px 4px; | |
| } | |
| .tabs-below > .nav-tabs > li > a:hover, | |
| .tabs-below > .nav-tabs > li > a:focus { | |
| border-bottom-color: transparent; | |
| border-top-color: #ddd; | |
| } | |
| .tabs-below > .nav-tabs > .active > a, | |
| .tabs-below > .nav-tabs > .active > a:hover, | |
| .tabs-below > .nav-tabs > .active > a:focus { | |
| border-color: transparent #ddd #ddd #ddd; | |
| } | |
| .tabs-left > .nav-tabs > li, | |
| .tabs-right > .nav-tabs > li { | |
| float: none; | |
| } | |
| .tabs-left > .nav-tabs > li > a, | |
| .tabs-right > .nav-tabs > li > a { | |
| min-width: 74px; | |
| margin-right: 0; | |
| margin-bottom: 3px; | |
| } | |
| .tabs-left > .nav-tabs { | |
| float: left; | |
| margin-right: 19px; | |
| border-right: 1px solid #ddd; | |
| } | |
| .tabs-left > .nav-tabs > li > a { | |
| margin-right: -1px; | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .tabs-left > .nav-tabs > li > a:hover, | |
| .tabs-left > .nav-tabs > li > a:focus { | |
| border-color: #eeeeee #dddddd #eeeeee #eeeeee; | |
| } | |
| .tabs-left > .nav-tabs .active > a, | |
| .tabs-left > .nav-tabs .active > a:hover, | |
| .tabs-left > .nav-tabs .active > a:focus { | |
| border-color: #ddd transparent #ddd #ddd; | |
| *border-right-color: #ffffff; | |
| } | |
| .tabs-right > .nav-tabs { | |
| float: right; | |
| margin-left: 19px; | |
| border-left: 1px solid #ddd; | |
| } | |
| .tabs-right > .nav-tabs > li > a { | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .tabs-right > .nav-tabs > li > a:hover, | |
| .tabs-right > .nav-tabs > li > a:focus { | |
| border-color: #eeeeee #eeeeee #eeeeee #dddddd; | |
| } | |
| .tabs-right > .nav-tabs .active > a, | |
| .tabs-right > .nav-tabs .active > a:hover, | |
| .tabs-right > .nav-tabs .active > a:focus { | |
| border-color: #ddd #ddd #ddd transparent; | |
| *border-left-color: #ffffff; | |
| } | |
| .nav > .disabled > a { | |
| color: #999999; | |
| } | |
| .nav > .disabled > a:hover, | |
| .nav > .disabled > a:focus { | |
| text-decoration: none; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| .navbar { | |
| overflow: visible; | |
| margin-bottom: 18px; | |
| *position: relative; | |
| *z-index: 2; | |
| } | |
| .navbar-inner { | |
| min-height: 40px; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| background-color: #fafafa; | |
| background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); | |
| background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); | |
| background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); | |
| background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); | |
| border: 1px solid #d4d4d4; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | |
| -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | |
| box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); | |
| *zoom: 1; | |
| } | |
| .navbar-inner:before, | |
| .navbar-inner:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .navbar-inner:after { | |
| clear: both; | |
| } | |
| .navbar .container { | |
| width: auto; | |
| } | |
| .nav-collapse.collapse { | |
| height: auto; | |
| overflow: visible; | |
| } | |
| .navbar .brand { | |
| float: left; | |
| display: block; | |
| padding: 11px 20px 11px; | |
| margin-left: -20px; | |
| font-size: 20px; | |
| font-weight: 200; | |
| color: #777777; | |
| text-shadow: 0 1px 0 #ffffff; | |
| } | |
| .navbar .brand:hover, | |
| .navbar .brand:focus { | |
| text-decoration: none; | |
| } | |
| .navbar-text { | |
| margin-bottom: 0; | |
| line-height: 40px; | |
| color: #777777; | |
| } | |
| .navbar-link { | |
| color: #777777; | |
| } | |
| .navbar-link:hover, | |
| .navbar-link:focus { | |
| color: #333333; | |
| } | |
| .navbar .divider-vertical { | |
| height: 40px; | |
| margin: 0 9px; | |
| border-left: 1px solid #f2f2f2; | |
| border-right: 1px solid #ffffff; | |
| } | |
| .navbar .btn, | |
| .navbar .btn-group { | |
| margin-top: 5px; | |
| } | |
| .navbar .btn-group .btn, | |
| .navbar .input-prepend .btn, | |
| .navbar .input-append .btn, | |
| .navbar .input-prepend .btn-group, | |
| .navbar .input-append .btn-group { | |
| margin-top: 0; | |
| } | |
| .navbar-form { | |
| margin-bottom: 0; | |
| *zoom: 1; | |
| } | |
| .navbar-form:before, | |
| .navbar-form:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .navbar-form:after { | |
| clear: both; | |
| } | |
| .navbar-form input, | |
| .navbar-form select, | |
| .navbar-form .radio, | |
| .navbar-form .checkbox { | |
| margin-top: 5px; | |
| } | |
| .navbar-form input, | |
| .navbar-form select, | |
| .navbar-form .btn { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| } | |
| .navbar-form input[type="image"], | |
| .navbar-form input[type="checkbox"], | |
| .navbar-form input[type="radio"] { | |
| margin-top: 3px; | |
| } | |
| .navbar-form .input-append, | |
| .navbar-form .input-prepend { | |
| margin-top: 5px; | |
| white-space: nowrap; | |
| } | |
| .navbar-form .input-append input, | |
| .navbar-form .input-prepend input { | |
| margin-top: 0; | |
| } | |
| .navbar-search { | |
| position: relative; | |
| float: left; | |
| margin-top: 5px; | |
| margin-bottom: 0; | |
| } | |
| .navbar-search .search-query { | |
| margin-bottom: 0; | |
| padding: 4px 14px; | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 1; | |
| -webkit-border-radius: 15px; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; | |
| } | |
| .navbar-static-top { | |
| position: static; | |
| margin-bottom: 0; | |
| } | |
| .navbar-static-top .navbar-inner { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .navbar-fixed-top, | |
| .navbar-fixed-bottom { | |
| position: fixed; | |
| right: 0; | |
| left: 0; | |
| z-index: 1030; | |
| margin-bottom: 0; | |
| } | |
| .navbar-fixed-top .navbar-inner, | |
| .navbar-static-top .navbar-inner { | |
| border-width: 0 0 1px; | |
| } | |
| .navbar-fixed-bottom .navbar-inner { | |
| border-width: 1px 0 0; | |
| } | |
| .navbar-fixed-top .navbar-inner, | |
| .navbar-fixed-bottom .navbar-inner { | |
| padding-left: 0; | |
| padding-right: 0; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .navbar-static-top .container, | |
| .navbar-fixed-top .container, | |
| .navbar-fixed-bottom .container { | |
| width: 940px; | |
| } | |
| .navbar-fixed-top { | |
| top: 0; | |
| } | |
| .navbar-fixed-top .navbar-inner, | |
| .navbar-static-top .navbar-inner { | |
| -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); | |
| -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); | |
| box-shadow: 0 1px 10px rgba(0,0,0,.1); | |
| } | |
| .navbar-fixed-bottom { | |
| bottom: 0; | |
| } | |
| .navbar-fixed-bottom .navbar-inner { | |
| -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); | |
| -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); | |
| box-shadow: 0 -1px 10px rgba(0,0,0,.1); | |
| } | |
| .navbar .nav { | |
| position: relative; | |
| left: 0; | |
| display: block; | |
| float: left; | |
| margin: 0 10px 0 0; | |
| } | |
| .navbar .nav.pull-right { | |
| float: right; | |
| margin-right: 0; | |
| } | |
| .navbar .nav > li { | |
| float: left; | |
| } | |
| .navbar .nav > li > a { | |
| float: none; | |
| padding: 11px 15px 11px; | |
| color: #777777; | |
| text-decoration: none; | |
| text-shadow: 0 1px 0 #ffffff; | |
| } | |
| .navbar .nav .dropdown-toggle .caret { | |
| margin-top: 8px; | |
| } | |
| .navbar .nav > li > a:focus, | |
| .navbar .nav > li > a:hover { | |
| background-color: transparent; | |
| color: #333333; | |
| text-decoration: none; | |
| } | |
| .navbar .nav > .active > a, | |
| .navbar .nav > .active > a:hover, | |
| .navbar .nav > .active > a:focus { | |
| color: #555555; | |
| text-decoration: none; | |
| background-color: #e5e5e5; | |
| -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| } | |
| .navbar .btn-navbar { | |
| display: none; | |
| float: right; | |
| padding: 7px 10px; | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #ededed; | |
| background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); | |
| background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); | |
| background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); | |
| background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); | |
| border-color: #e5e5e5 #e5e5e5 #bfbfbf; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #e5e5e5; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); | |
| -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); | |
| box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); | |
| } | |
| .navbar .btn-navbar:hover, | |
| .navbar .btn-navbar:focus, | |
| .navbar .btn-navbar:active, | |
| .navbar .btn-navbar.active, | |
| .navbar .btn-navbar.disabled, | |
| .navbar .btn-navbar[disabled] { | |
| color: #ffffff; | |
| background-color: #e5e5e5; | |
| *background-color: #d9d9d9; | |
| } | |
| .navbar .btn-navbar:active, | |
| .navbar .btn-navbar.active { | |
| background-color: #cccccc \9; | |
| } | |
| .navbar .btn-navbar .icon-bar { | |
| display: block; | |
| width: 18px; | |
| height: 2px; | |
| background-color: #f5f5f5; | |
| -webkit-border-radius: 1px; | |
| -moz-border-radius: 1px; | |
| border-radius: 1px; | |
| -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
| -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
| box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); | |
| } | |
| .btn-navbar .icon-bar + .icon-bar { | |
| margin-top: 3px; | |
| } | |
| .navbar .nav > li > .dropdown-menu:before { | |
| content: ''; | |
| display: inline-block; | |
| border-left: 7px solid transparent; | |
| border-right: 7px solid transparent; | |
| border-bottom: 7px solid #ccc; | |
| border-bottom-color: rgba(0, 0, 0, 0.2); | |
| position: absolute; | |
| top: -7px; | |
| left: 9px; | |
| } | |
| .navbar .nav > li > .dropdown-menu:after { | |
| content: ''; | |
| display: inline-block; | |
| border-left: 6px solid transparent; | |
| border-right: 6px solid transparent; | |
| border-bottom: 6px solid #ffffff; | |
| position: absolute; | |
| top: -6px; | |
| left: 10px; | |
| } | |
| .navbar-fixed-bottom .nav > li > .dropdown-menu:before { | |
| border-top: 7px solid #ccc; | |
| border-top-color: rgba(0, 0, 0, 0.2); | |
| border-bottom: 0; | |
| bottom: -7px; | |
| top: auto; | |
| } | |
| .navbar-fixed-bottom .nav > li > .dropdown-menu:after { | |
| border-top: 6px solid #ffffff; | |
| border-bottom: 0; | |
| bottom: -6px; | |
| top: auto; | |
| } | |
| .navbar .nav li.dropdown > a:hover .caret, | |
| .navbar .nav li.dropdown > a:focus .caret { | |
| border-top-color: #333333; | |
| border-bottom-color: #333333; | |
| } | |
| .navbar .nav li.dropdown.open > .dropdown-toggle, | |
| .navbar .nav li.dropdown.active > .dropdown-toggle, | |
| .navbar .nav li.dropdown.open.active > .dropdown-toggle { | |
| background-color: #e5e5e5; | |
| color: #555555; | |
| } | |
| .navbar .nav li.dropdown > .dropdown-toggle .caret { | |
| border-top-color: #777777; | |
| border-bottom-color: #777777; | |
| } | |
| .navbar .nav li.dropdown.open > .dropdown-toggle .caret, | |
| .navbar .nav li.dropdown.active > .dropdown-toggle .caret, | |
| .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { | |
| border-top-color: #555555; | |
| border-bottom-color: #555555; | |
| } | |
| .navbar .pull-right > li > .dropdown-menu, | |
| .navbar .nav > li > .dropdown-menu.pull-right { | |
| left: auto; | |
| right: 0; | |
| } | |
| .navbar .pull-right > li > .dropdown-menu:before, | |
| .navbar .nav > li > .dropdown-menu.pull-right:before { | |
| left: auto; | |
| right: 12px; | |
| } | |
| .navbar .pull-right > li > .dropdown-menu:after, | |
| .navbar .nav > li > .dropdown-menu.pull-right:after { | |
| left: auto; | |
| right: 13px; | |
| } | |
| .navbar .pull-right > li > .dropdown-menu .dropdown-menu, | |
| .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { | |
| left: auto; | |
| right: 100%; | |
| margin-left: 0; | |
| margin-right: -1px; | |
| -webkit-border-radius: 6px 0 6px 6px; | |
| -moz-border-radius: 6px 0 6px 6px; | |
| border-radius: 6px 0 6px 6px; | |
| } | |
| .navbar-inverse .navbar-inner { | |
| background-color: #1b1b1b; | |
| background-image: -moz-linear-gradient(top, #222222, #111111); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); | |
| background-image: -webkit-linear-gradient(top, #222222, #111111); | |
| background-image: -o-linear-gradient(top, #222222, #111111); | |
| background-image: linear-gradient(to bottom, #222222, #111111); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); | |
| border-color: #252525; | |
| } | |
| .navbar-inverse .brand, | |
| .navbar-inverse .nav > li > a { | |
| color: #999999; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| } | |
| .navbar-inverse .brand:hover, | |
| .navbar-inverse .nav > li > a:hover, | |
| .navbar-inverse .brand:focus, | |
| .navbar-inverse .nav > li > a:focus { | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .brand { | |
| color: #999999; | |
| } | |
| .navbar-inverse .navbar-text { | |
| color: #999999; | |
| } | |
| .navbar-inverse .nav > li > a:focus, | |
| .navbar-inverse .nav > li > a:hover { | |
| background-color: transparent; | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .nav .active > a, | |
| .navbar-inverse .nav .active > a:hover, | |
| .navbar-inverse .nav .active > a:focus { | |
| color: #ffffff; | |
| background-color: #111111; | |
| } | |
| .navbar-inverse .navbar-link { | |
| color: #999999; | |
| } | |
| .navbar-inverse .navbar-link:hover, | |
| .navbar-inverse .navbar-link:focus { | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .divider-vertical { | |
| border-left-color: #111111; | |
| border-right-color: #222222; | |
| } | |
| .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, | |
| .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, | |
| .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { | |
| background-color: #111111; | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .nav li.dropdown > a:hover .caret, | |
| .navbar-inverse .nav li.dropdown > a:focus .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { | |
| border-top-color: #999999; | |
| border-bottom-color: #999999; | |
| } | |
| .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, | |
| .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, | |
| .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| .navbar-inverse .navbar-search .search-query { | |
| color: #ffffff; | |
| background-color: #515151; | |
| border-color: #111111; | |
| -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); | |
| -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); | |
| box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); | |
| -webkit-transition: none; | |
| -moz-transition: none; | |
| -o-transition: none; | |
| transition: none; | |
| } | |
| .navbar-inverse .navbar-search .search-query:-moz-placeholder { | |
| color: #cccccc; | |
| } | |
| .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { | |
| color: #cccccc; | |
| } | |
| .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { | |
| color: #cccccc; | |
| } | |
| .navbar-inverse .navbar-search .search-query:focus, | |
| .navbar-inverse .navbar-search .search-query.focused { | |
| padding: 5px 15px; | |
| color: #333333; | |
| text-shadow: 0 1px 0 #ffffff; | |
| background-color: #ffffff; | |
| border: 0; | |
| -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| outline: 0; | |
| } | |
| .navbar-inverse .btn-navbar { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #0e0e0e; | |
| background-image: -moz-linear-gradient(top, #151515, #040404); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); | |
| background-image: -webkit-linear-gradient(top, #151515, #040404); | |
| background-image: -o-linear-gradient(top, #151515, #040404); | |
| background-image: linear-gradient(to bottom, #151515, #040404); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); | |
| border-color: #040404 #040404 #000000; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #040404; | |
| /* Darken IE7 buttons by default so they stand out more given they won't have borders */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| } | |
| .navbar-inverse .btn-navbar:hover, | |
| .navbar-inverse .btn-navbar:focus, | |
| .navbar-inverse .btn-navbar:active, | |
| .navbar-inverse .btn-navbar.active, | |
| .navbar-inverse .btn-navbar.disabled, | |
| .navbar-inverse .btn-navbar[disabled] { | |
| color: #ffffff; | |
| background-color: #040404; | |
| *background-color: #000000; | |
| } | |
| .navbar-inverse .btn-navbar:active, | |
| .navbar-inverse .btn-navbar.active { | |
| background-color: #000000 \9; | |
| } | |
| .breadcrumb { | |
| padding: 8px 15px; | |
| margin: 0 0 18px; | |
| list-style: none; | |
| background-color: #f5f5f5; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .breadcrumb > li { | |
| display: inline-block; | |
| *display: inline; | |
| /* IE7 inline-block hack */ | |
| *zoom: 1; | |
| text-shadow: 0 1px 0 #ffffff; | |
| } | |
| .breadcrumb > li > .divider { | |
| padding: 0 5px; | |
| color: #ccc; | |
| } | |
| .breadcrumb > .active { | |
| color: #999999; | |
| } | |
| .pagination { | |
| margin: 18px 0; | |
| } | |
| .pagination ul { | |
| display: inline-block; | |
| *display: inline; | |
| /* IE7 inline-block hack */ | |
| *zoom: 1; | |
| margin-left: 0; | |
| margin-bottom: 0; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| .pagination ul > li { | |
| display: inline; | |
| } | |
| .pagination ul > li > a, | |
| .pagination ul > li > span { | |
| float: left; | |
| padding: 4px 12px; | |
| line-height: 18px; | |
| text-decoration: none; | |
| background-color: #ffffff; | |
| border: 1px solid #dddddd; | |
| border-left-width: 0; | |
| } | |
| .pagination ul > li > a:hover, | |
| .pagination ul > li > a:focus, | |
| .pagination ul > .active > a, | |
| .pagination ul > .active > span { | |
| background-color: #f5f5f5; | |
| } | |
| .pagination ul > .active > a, | |
| .pagination ul > .active > span { | |
| color: #999999; | |
| cursor: default; | |
| } | |
| .pagination ul > .disabled > span, | |
| .pagination ul > .disabled > a, | |
| .pagination ul > .disabled > a:hover, | |
| .pagination ul > .disabled > a:focus { | |
| color: #999999; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| .pagination ul > li:first-child > a, | |
| .pagination ul > li:first-child > span { | |
| border-left-width: 1px; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .pagination ul > li:last-child > a, | |
| .pagination ul > li:last-child > span { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .pagination-centered { | |
| text-align: center; | |
| } | |
| .pagination-right { | |
| text-align: right; | |
| } | |
| .pagination-large ul > li > a, | |
| .pagination-large ul > li > span { | |
| padding: 11px 19px; | |
| font-size: 16.25px; | |
| } | |
| .pagination-large ul > li:first-child > a, | |
| .pagination-large ul > li:first-child > span { | |
| -webkit-border-top-left-radius: 6px; | |
| -moz-border-radius-topleft: 6px; | |
| border-top-left-radius: 6px; | |
| -webkit-border-bottom-left-radius: 6px; | |
| -moz-border-radius-bottomleft: 6px; | |
| border-bottom-left-radius: 6px; | |
| } | |
| .pagination-large ul > li:last-child > a, | |
| .pagination-large ul > li:last-child > span { | |
| -webkit-border-top-right-radius: 6px; | |
| -moz-border-radius-topright: 6px; | |
| border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 6px; | |
| -moz-border-radius-bottomright: 6px; | |
| border-bottom-right-radius: 6px; | |
| } | |
| .pagination-mini ul > li:first-child > a, | |
| .pagination-small ul > li:first-child > a, | |
| .pagination-mini ul > li:first-child > span, | |
| .pagination-small ul > li:first-child > span { | |
| -webkit-border-top-left-radius: 3px; | |
| -moz-border-radius-topleft: 3px; | |
| border-top-left-radius: 3px; | |
| -webkit-border-bottom-left-radius: 3px; | |
| -moz-border-radius-bottomleft: 3px; | |
| border-bottom-left-radius: 3px; | |
| } | |
| .pagination-mini ul > li:last-child > a, | |
| .pagination-small ul > li:last-child > a, | |
| .pagination-mini ul > li:last-child > span, | |
| .pagination-small ul > li:last-child > span { | |
| -webkit-border-top-right-radius: 3px; | |
| -moz-border-radius-topright: 3px; | |
| border-top-right-radius: 3px; | |
| -webkit-border-bottom-right-radius: 3px; | |
| -moz-border-radius-bottomright: 3px; | |
| border-bottom-right-radius: 3px; | |
| } | |
| .pagination-small ul > li > a, | |
| .pagination-small ul > li > span { | |
| padding: 2px 10px; | |
| font-size: 11.049999999999999px; | |
| } | |
| .pagination-mini ul > li > a, | |
| .pagination-mini ul > li > span { | |
| padding: 0 6px; | |
| font-size: 9.75px; | |
| } | |
| .pager { | |
| margin: 18px 0; | |
| list-style: none; | |
| text-align: center; | |
| *zoom: 1; | |
| } | |
| .pager:before, | |
| .pager:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .pager:after { | |
| clear: both; | |
| } | |
| .pager li { | |
| display: inline; | |
| } | |
| .pager li > a, | |
| .pager li > span { | |
| display: inline-block; | |
| padding: 5px 14px; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 15px; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; | |
| } | |
| .pager li > a:hover, | |
| .pager li > a:focus { | |
| text-decoration: none; | |
| background-color: #f5f5f5; | |
| } | |
| .pager .next > a, | |
| .pager .next > span { | |
| float: right; | |
| } | |
| .pager .previous > a, | |
| .pager .previous > span { | |
| float: left; | |
| } | |
| .pager .disabled > a, | |
| .pager .disabled > a:hover, | |
| .pager .disabled > a:focus, | |
| .pager .disabled > span { | |
| color: #999999; | |
| background-color: #fff; | |
| cursor: default; | |
| } | |
| .modal-backdrop { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 1040; | |
| background-color: #000000; | |
| } | |
| .modal-backdrop.fade { | |
| opacity: 0; | |
| } | |
| .modal-backdrop, | |
| .modal-backdrop.fade.in { | |
| opacity: 0.5; | |
| filter: alpha(opacity=50); | |
| } | |
| .modal { | |
| position: fixed; | |
| top: 50%; | |
| z-index: 1050; | |
| width: 600px; | |
| background-color: #ffffff; | |
| border: 1px solid #999; | |
| border: 1px solid rgba(0, 0, 0, 0.3); | |
| *border: 1px solid #999; | |
| /* IE6-7 */ | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
| -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
| box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); | |
| -webkit-background-clip: padding-box; | |
| -moz-background-clip: padding-box; | |
| background-clip: padding-box; | |
| outline: none; | |
| } | |
| .modal.fade { | |
| -webkit-transition: opacity .3s linear, top .3s ease-out; | |
| -moz-transition: opacity .3s linear, top .3s ease-out; | |
| -o-transition: opacity .3s linear, top .3s ease-out; | |
| transition: opacity .3s linear, top .3s ease-out; | |
| top: -25%; | |
| } | |
| .modal.fade.in { | |
| top: 50%; | |
| } | |
| .modal-header { | |
| padding: 9px 15px; | |
| border-bottom: 1px solid #eee; | |
| } | |
| .modal-header .close { | |
| margin-top: 2px; | |
| } | |
| .modal-header h3 { | |
| margin: 0; | |
| line-height: 30px; | |
| } | |
| .modal-body { | |
| position: relative; | |
| overflow-y: auto; | |
| max-height: 400px; | |
| padding: 15px; | |
| } | |
| .modal-form { | |
| margin-bottom: 0; | |
| } | |
| .modal-footer { | |
| padding: 14px 15px 15px; | |
| margin-bottom: 0; | |
| text-align: right; | |
| background-color: #f5f5f5; | |
| border-top: 1px solid #ddd; | |
| -webkit-border-radius: 0 0 6px 6px; | |
| -moz-border-radius: 0 0 6px 6px; | |
| border-radius: 0 0 6px 6px; | |
| -webkit-box-shadow: inset 0 1px 0 #ffffff; | |
| -moz-box-shadow: inset 0 1px 0 #ffffff; | |
| box-shadow: inset 0 1px 0 #ffffff; | |
| *zoom: 1; | |
| } | |
| .modal-footer:before, | |
| .modal-footer:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .modal-footer:after { | |
| clear: both; | |
| } | |
| .modal-footer .btn + .btn { | |
| margin-left: 5px; | |
| margin-bottom: 0; | |
| } | |
| .modal-footer .btn-group .btn + .btn { | |
| margin-left: -1px; | |
| } | |
| .modal-footer .btn-block + .btn-block { | |
| margin-left: 0; | |
| } | |
| .tooltip { | |
| position: absolute; | |
| z-index: 1030; | |
| display: block; | |
| visibility: visible; | |
| font-size: 11px; | |
| line-height: 1.4; | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| } | |
| .tooltip.in { | |
| opacity: 0.8; | |
| filter: alpha(opacity=80); | |
| } | |
| .tooltip.top { | |
| margin-top: -3px; | |
| padding: 5px 0; | |
| } | |
| .tooltip.right { | |
| margin-left: 3px; | |
| padding: 0 5px; | |
| } | |
| .tooltip.bottom { | |
| margin-top: 3px; | |
| padding: 5px 0; | |
| } | |
| .tooltip.left { | |
| margin-left: -3px; | |
| padding: 0 5px; | |
| } | |
| .tooltip-inner { | |
| max-width: 200px; | |
| padding: 8px; | |
| color: #ffffff; | |
| text-align: center; | |
| text-decoration: none; | |
| background-color: #ffffff; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| 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: #ffffff; | |
| } | |
| .tooltip.right .tooltip-arrow { | |
| top: 50%; | |
| left: 0; | |
| margin-top: -5px; | |
| border-width: 5px 5px 5px 0; | |
| border-right-color: #ffffff; | |
| } | |
| .tooltip.left .tooltip-arrow { | |
| top: 50%; | |
| right: 0; | |
| margin-top: -5px; | |
| border-width: 5px 0 5px 5px; | |
| border-left-color: #ffffff; | |
| } | |
| .tooltip.bottom .tooltip-arrow { | |
| top: 0; | |
| left: 50%; | |
| margin-left: -5px; | |
| border-width: 0 5px 5px; | |
| border-bottom-color: #ffffff; | |
| } | |
| .popover { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1010; | |
| display: none; | |
| max-width: 276px; | |
| padding: 1px; | |
| text-align: left; | |
| background-color: #ffffff; | |
| -webkit-background-clip: padding-box; | |
| -moz-background-clip: padding; | |
| background-clip: padding-box; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| white-space: normal; | |
| } | |
| .popover.top { | |
| margin-top: -10px; | |
| } | |
| .popover.right { | |
| margin-left: 10px; | |
| } | |
| .popover.bottom { | |
| margin-top: 10px; | |
| } | |
| .popover.left { | |
| margin-left: -10px; | |
| } | |
| .popover-title { | |
| margin: 0; | |
| padding: 8px 14px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 18px; | |
| background-color: #f7f7f7; | |
| border-bottom: 1px solid #ebebeb; | |
| -webkit-border-radius: 5px 5px 0 0; | |
| -moz-border-radius: 5px 5px 0 0; | |
| border-radius: 5px 5px 0 0; | |
| } | |
| .popover-title:empty { | |
| display: none; | |
| } | |
| .popover-content { | |
| padding: 9px 14px; | |
| } | |
| .popover .arrow, | |
| .popover .arrow:after { | |
| position: absolute; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| } | |
| .popover .arrow { | |
| border-width: 11px; | |
| } | |
| .popover .arrow:after { | |
| border-width: 10px; | |
| content: ""; | |
| } | |
| .popover.top .arrow { | |
| left: 50%; | |
| margin-left: -11px; | |
| border-bottom-width: 0; | |
| border-top-color: #999; | |
| border-top-color: rgba(0, 0, 0, 0.25); | |
| bottom: -11px; | |
| } | |
| .popover.top .arrow:after { | |
| bottom: 1px; | |
| margin-left: -10px; | |
| border-bottom-width: 0; | |
| border-top-color: #ffffff; | |
| } | |
| .popover.right .arrow { | |
| top: 50%; | |
| left: -11px; | |
| margin-top: -11px; | |
| border-left-width: 0; | |
| border-right-color: #999; | |
| border-right-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .popover.right .arrow:after { | |
| left: 1px; | |
| bottom: -10px; | |
| border-left-width: 0; | |
| border-right-color: #ffffff; | |
| } | |
| .popover.bottom .arrow { | |
| left: 50%; | |
| margin-left: -11px; | |
| border-top-width: 0; | |
| border-bottom-color: #999; | |
| border-bottom-color: rgba(0, 0, 0, 0.25); | |
| top: -11px; | |
| } | |
| .popover.bottom .arrow:after { | |
| top: 1px; | |
| margin-left: -10px; | |
| border-top-width: 0; | |
| border-bottom-color: #ffffff; | |
| } | |
| .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, 0.25); | |
| } | |
| .popover.left .arrow:after { | |
| right: 1px; | |
| border-right-width: 0; | |
| border-left-color: #ffffff; | |
| bottom: -10px; | |
| } | |
| .thumbnails { | |
| margin-left: -20px; | |
| list-style: none; | |
| *zoom: 1; | |
| } | |
| .thumbnails:before, | |
| .thumbnails:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .thumbnails:after { | |
| clear: both; | |
| } | |
| .row-fluid .thumbnails { | |
| margin-left: 0; | |
| } | |
| .thumbnails > li { | |
| float: left; | |
| margin-bottom: 18px; | |
| margin-left: 20px; | |
| } | |
| .thumbnail { | |
| display: block; | |
| padding: 4px; | |
| line-height: 18px; | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | |
| -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); | |
| -webkit-transition: all 0.2s ease-in-out; | |
| -moz-transition: all 0.2s ease-in-out; | |
| -o-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| } | |
| a.thumbnail:hover, | |
| a.thumbnail:focus { | |
| border-color: #0088cc; | |
| -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| } | |
| .thumbnail > img { | |
| display: block; | |
| max-width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .thumbnail .caption { | |
| padding: 9px; | |
| color: #555555; | |
| } | |
| .media, | |
| .media-body { | |
| overflow: hidden; | |
| *overflow: visible; | |
| zoom: 1; | |
| } | |
| .media, | |
| .media .media { | |
| margin-top: 15px; | |
| } | |
| .media:first-child { | |
| margin-top: 0; | |
| } | |
| .media-object { | |
| display: block; | |
| } | |
| .media-heading { | |
| margin: 0 0 5px; | |
| } | |
| .media > .pull-left { | |
| margin-right: 10px; | |
| } | |
| .media > .pull-right { | |
| margin-left: 10px; | |
| } | |
| .media-list { | |
| margin-left: 0; | |
| list-style: none; | |
| } | |
| .label, | |
| .badge { | |
| display: inline-block; | |
| padding: 2px 4px; | |
| font-size: 10.998px; | |
| font-weight: bold; | |
| line-height: 14px; | |
| color: #ffffff; | |
| vertical-align: baseline; | |
| white-space: nowrap; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #999999; | |
| } | |
| .label { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .badge { | |
| padding-left: 9px; | |
| padding-right: 9px; | |
| -webkit-border-radius: 9px; | |
| -moz-border-radius: 9px; | |
| border-radius: 9px; | |
| } | |
| .label:empty, | |
| .badge:empty { | |
| display: none; | |
| } | |
| a.label:hover, | |
| a.label:focus, | |
| a.badge:hover, | |
| a.badge:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| .label-important, | |
| .badge-important { | |
| background-color: #b94a48; | |
| } | |
| .label-important[href], | |
| .badge-important[href] { | |
| background-color: #953b39; | |
| } | |
| .label-warning, | |
| .badge-warning { | |
| background-color: #f89406; | |
| } | |
| .label-warning[href], | |
| .badge-warning[href] { | |
| background-color: #c67605; | |
| } | |
| .label-success, | |
| .badge-success { | |
| background-color: #468847; | |
| } | |
| .label-success[href], | |
| .badge-success[href] { | |
| background-color: #356635; | |
| } | |
| .label-info, | |
| .badge-info { | |
| background-color: #3a87ad; | |
| } | |
| .label-info[href], | |
| .badge-info[href] { | |
| background-color: #2d6987; | |
| } | |
| .label-inverse, | |
| .badge-inverse { | |
| background-color: #333333; | |
| } | |
| .label-inverse[href], | |
| .badge-inverse[href] { | |
| background-color: #1a1a1a; | |
| } | |
| .btn .label, | |
| .btn .badge { | |
| position: relative; | |
| top: -1px; | |
| } | |
| .btn-mini .label, | |
| .btn-mini .badge { | |
| top: 0; | |
| } | |
| @-webkit-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-moz-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-ms-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-o-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 0 0; | |
| } | |
| to { | |
| background-position: 40px 0; | |
| } | |
| } | |
| @keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| .progress { | |
| overflow: hidden; | |
| height: 18px; | |
| margin-bottom: 18px; | |
| background-color: #f7f7f7; | |
| background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); | |
| background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); | |
| background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); | |
| background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); | |
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
| box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .progress .bar { | |
| width: 0%; | |
| height: 100%; | |
| color: #ffffff; | |
| float: left; | |
| font-size: 12px; | |
| text-align: center; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #0e90d2; | |
| background-image: -moz-linear-gradient(top, #149bdf, #0480be); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); | |
| background-image: -webkit-linear-gradient(top, #149bdf, #0480be); | |
| background-image: -o-linear-gradient(top, #149bdf, #0480be); | |
| background-image: linear-gradient(to bottom, #149bdf, #0480be); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); | |
| -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| -webkit-transition: width 0.6s ease; | |
| -moz-transition: width 0.6s ease; | |
| -o-transition: width 0.6s ease; | |
| transition: width 0.6s ease; | |
| } | |
| .progress .bar + .bar { | |
| -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); | |
| -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); | |
| box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); | |
| } | |
| .progress-striped .bar { | |
| background-color: #149bdf; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| -webkit-background-size: 40px 40px; | |
| -moz-background-size: 40px 40px; | |
| -o-background-size: 40px 40px; | |
| background-size: 40px 40px; | |
| } | |
| .progress.active .bar { | |
| -webkit-animation: progress-bar-stripes 2s linear infinite; | |
| -moz-animation: progress-bar-stripes 2s linear infinite; | |
| -ms-animation: progress-bar-stripes 2s linear infinite; | |
| -o-animation: progress-bar-stripes 2s linear infinite; | |
| animation: progress-bar-stripes 2s linear infinite; | |
| } | |
| .progress-danger .bar, | |
| .progress .bar-danger { | |
| background-color: #dd514c; | |
| background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); | |
| background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); | |
| } | |
| .progress-danger.progress-striped .bar, | |
| .progress-striped .bar-danger { | |
| background-color: #ee5f5b; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| } | |
| .progress-success .bar, | |
| .progress .bar-success { | |
| background-color: #5eb95e; | |
| background-image: -moz-linear-gradient(top, #62c462, #57a957); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); | |
| background-image: -webkit-linear-gradient(top, #62c462, #57a957); | |
| background-image: -o-linear-gradient(top, #62c462, #57a957); | |
| background-image: linear-gradient(to bottom, #62c462, #57a957); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); | |
| } | |
| .progress-success.progress-striped .bar, | |
| .progress-striped .bar-success { | |
| background-color: #62c462; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| } | |
| .progress-info .bar, | |
| .progress .bar-info { | |
| background-color: #4bb1cf; | |
| background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); | |
| background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: -o-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: linear-gradient(to bottom, #5bc0de, #339bb9); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); | |
| } | |
| .progress-info.progress-striped .bar, | |
| .progress-striped .bar-info { | |
| background-color: #5bc0de; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| } | |
| .progress-warning .bar, | |
| .progress .bar-warning { | |
| background-color: #faa732; | |
| background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
| background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
| background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
| background-image: linear-gradient(to bottom, #fbb450, #f89406); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); | |
| } | |
| .progress-warning.progress-striped .bar, | |
| .progress-striped .bar-warning { | |
| background-color: #fbb450; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| } | |
| .accordion { | |
| margin-bottom: 18px; | |
| } | |
| .accordion-group { | |
| margin-bottom: 2px; | |
| border: 1px solid #e5e5e5; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| .accordion-heading { | |
| border-bottom: 0; | |
| } | |
| .accordion-heading .accordion-toggle { | |
| display: block; | |
| padding: 8px 15px; | |
| } | |
| .accordion-toggle { | |
| cursor: pointer; | |
| } | |
| .accordion-inner { | |
| padding: 9px 15px; | |
| border-top: 1px solid #e5e5e5; | |
| } | |
| .carousel { | |
| position: relative; | |
| margin-bottom: 18px; | |
| line-height: 1; | |
| } | |
| .carousel-inner { | |
| overflow: hidden; | |
| width: 100%; | |
| position: relative; | |
| } | |
| .carousel-inner > .item { | |
| display: none; | |
| position: relative; | |
| -webkit-transition: 0.6s ease-in-out left; | |
| -moz-transition: 0.6s ease-in-out left; | |
| -o-transition: 0.6s ease-in-out left; | |
| transition: 0.6s ease-in-out left; | |
| } | |
| .carousel-inner > .item > img, | |
| .carousel-inner > .item > a > img { | |
| display: block; | |
| line-height: 1; | |
| } | |
| .carousel-inner > .active, | |
| .carousel-inner > .next, | |
| .carousel-inner > .prev { | |
| display: block; | |
| } | |
| .carousel-inner > .active { | |
| left: 0; | |
| } | |
| .carousel-inner > .next, | |
| .carousel-inner > .prev { | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .carousel-inner > .next { | |
| left: 100%; | |
| } | |
| .carousel-inner > .prev { | |
| left: -100%; | |
| } | |
| .carousel-inner > .next.left, | |
| .carousel-inner > .prev.right { | |
| left: 0; | |
| } | |
| .carousel-inner > .active.left { | |
| left: -100%; | |
| } | |
| .carousel-inner > .active.right { | |
| left: 100%; | |
| } | |
| .carousel-control { | |
| position: absolute; | |
| top: 40%; | |
| left: 15px; | |
| width: 40px; | |
| height: 40px; | |
| margin-top: -20px; | |
| font-size: 60px; | |
| font-weight: 100; | |
| line-height: 30px; | |
| color: #ffffff; | |
| text-align: center; | |
| background: #222222; | |
| border: 3px solid #ffffff; | |
| -webkit-border-radius: 23px; | |
| -moz-border-radius: 23px; | |
| border-radius: 23px; | |
| opacity: 0.5; | |
| filter: alpha(opacity=50); | |
| } | |
| .carousel-control.right { | |
| left: auto; | |
| right: 15px; | |
| } | |
| .carousel-control:hover, | |
| .carousel-control:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| opacity: 0.9; | |
| filter: alpha(opacity=90); | |
| } | |
| .carousel-indicators { | |
| position: absolute; | |
| top: 15px; | |
| right: 15px; | |
| z-index: 5; | |
| margin: 0; | |
| list-style: none; | |
| } | |
| .carousel-indicators li { | |
| display: block; | |
| float: left; | |
| width: 10px; | |
| height: 10px; | |
| margin-left: 5px; | |
| text-indent: -999px; | |
| background-color: #ccc; | |
| background-color: rgba(255, 255, 255, 0.25); | |
| border-radius: 5px; | |
| } | |
| .carousel-indicators .active { | |
| background-color: #fff; | |
| } | |
| .carousel-caption { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| padding: 15px; | |
| background: #333333; | |
| background: rgba(0, 0, 0, 0.75); | |
| } | |
| .carousel-caption h4, | |
| .carousel-caption p { | |
| color: #ffffff; | |
| line-height: 18px; | |
| } | |
| .carousel-caption h4 { | |
| margin: 0 0 5px; | |
| } | |
| .carousel-caption p { | |
| margin-bottom: 0; | |
| } | |
| .hero-unit { | |
| padding: 60px; | |
| margin-bottom: 30px; | |
| font-size: 18px; | |
| font-weight: 200; | |
| line-height: 27px; | |
| color: inherit; | |
| background-color: #eeeeee; | |
| -webkit-border-radius: 6px; | |
| -moz-border-radius: 6px; | |
| border-radius: 6px; | |
| } | |
| .hero-unit h1 { | |
| margin-bottom: 0; | |
| font-size: 60px; | |
| line-height: 1; | |
| color: inherit; | |
| letter-spacing: -1px; | |
| } | |
| .hero-unit li { | |
| line-height: 27px; | |
| } | |
| .pull-right { | |
| float: right; | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| .hide { | |
| display: none; | |
| } | |
| .show { | |
| display: block; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .affix { | |
| position: fixed; | |
| } | |
| /* Brackets Variables */ | |
| /* All paddings, gutters, etc. should be multiples of this */ | |
| /* Common font sizes */ | |
| /* CSS triangles */ | |
| /* Main layout */ | |
| /* z-index */ | |
| /* Brackets mixins */ | |
| /* Helpers for working with flex layouts */ | |
| /* see: https://developer.mozilla.org/en-US/docs/Web/CSS/flex */ | |
| /* Helpers for working with box layouts */ | |
| .box { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| } | |
| .hbox { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| -webkit-box-orient: horizontal; | |
| -moz-box-orient: horizontal; | |
| box-orient: horizontal; | |
| } | |
| .vbox { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| -webkit-box-orient: vertical; | |
| -moz-box-orient: vertical; | |
| box-orient: vertical; | |
| } | |
| /* Helpful for percentage-sizing items that have border/padding */ | |
| .sane-box-model { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| /* Helpers for spritesheet images */ | |
| /* Sets the background to the given offset in the spritesheet. Typically, the element you set this on requires | |
| a fixed size so that other parts of the spritesheet don't show. */ | |
| /* Turns the given element into an icon showing the given rectangle in the spritesheet. Can be used on empty elements | |
| (e.g. a link with no text) or on the :before/:after selector of elements that have content. */ | |
| /* Like .sprite-icon, but for retina. Note that the x-offset/y-offset/width/height are non-retina | |
| * sizes. The background-width/background-height are the *total* non-retina size of the | |
| * spritesheet. .sprite-swap() works as usual (again with non-retina sizes). So, for example, if you have | |
| * a non-retina "spritesheet.png" at 48x24 (with two icons that are 24x24 each) and a retina version | |
| * "spritesheet@2x.png" at 96x48, you would call: | |
| * .sprite-icon-retina(0, 0, 24px, 24px, "spritesheet.png", 48px, 24px, "spritesheet@2x.png"); | |
| * &:hover { .sprite-swap(-24px, 0); } | |
| */ | |
| /* Changes an element that's already showing one area of a spritesheet to show a different area of the same size. | |
| Should be used with an element whose base styling includes .sprite() or .sprite-icon() */ | |
| /* Scale x-axis using top-left as the origin */ | |
| /* Change the settings for user-select and its counterparts, defaulting to none. */ | |
| /* Brackets patterns (and overrides and re-definitions of Bootstrap patterns) | |
| * | |
| * This file should contain all _reusable_ UI elements / LESS definitions | |
| * That is, things that will either a.) be used for more than one element or | |
| * b.) exist in multiple versions of brackets (e.g. App, In-Browser, etc.) | |
| * | |
| * Note that if you want a UI element to be themeable, you should put the | |
| * themeable part in "brackets_theme_default" as variables/mixins. | |
| * | |
| */ | |
| /* Variable Overrides */ | |
| /* Links */ | |
| a { | |
| color: #0083e8; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| color: #0083e8; | |
| text-decoration: underline; | |
| } | |
| a:focus { | |
| color: #0083e8; | |
| outline: 0; | |
| border-radius: 3px; | |
| box-shadow: 0 0 0 2px #6fb5f1; | |
| text-decoration: none; | |
| } | |
| .panel { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| -webkit-box-orient: vertical; | |
| -moz-box-orient: vertical; | |
| box-orient: vertical; | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| padding: 0; | |
| margin: 0; | |
| background: #3c3f41 url("images/propertiespanel_back.png") repeat-x 0 0; | |
| color: #bbb; | |
| letter-spacing: .01em; | |
| text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); | |
| } | |
| /* Toolbar-related styles */ | |
| /* Simple toolbar layout (project panel, find in files, etc.) | |
| We don't set this directly on .toolbar because it'd be a pain to override all the pieces | |
| if other code (e.g. #main-toolbar) wants to do a different layout */ | |
| .simple-toolbar-layout.toolbar { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| -webkit-box-orient: horizontal; | |
| -moz-box-orient: horizontal; | |
| box-orient: horizontal; | |
| -webkit-box-align: center; | |
| -moz-box-align: center; | |
| box-align: center; | |
| overflow: hidden; | |
| } | |
| .simple-toolbar-layout.toolbar .title-wrapper { | |
| /* This is necessary because text-overflow: ellipsis doesn't work when it's set | |
| directly on a flexing box in Chrome currently. */ | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| } | |
| .simple-toolbar-layout.toolbar .buttons { | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| -webkit-box-orient: horizontal; | |
| -moz-box-orient: horizontal; | |
| box-orient: horizontal; | |
| margin-left: 4px; | |
| } | |
| /* Horizontal titlebar/menubar (in-browser only) | |
| CSS hack based on this code: http://jsfiddle.net/cD657/3/ (via StackOverflow) | |
| This center-aligns the title across the full width of the toolbar (ignoring the width of the nav floated | |
| left and buttons floated right), yet still have the browser automatically wrap the floats onto a 2nd row | |
| if they collide with the title. But the centered content must be a block element with fixed width. Since | |
| the editor title (filename) varies in width, we rely on JS code to update the width whenever the string | |
| changes. | |
| Another wrinkle: wrapping to/from the two-line toolbar layout requires notifying the CodeMirror editor that | |
| its height changed. Currently, we assume this can ONLY happen in two cases: | |
| - the window resizes (handled by general listener in EditorManager) | |
| - title content changes (the same JS code that sets .title-wrapper's fixed width is expected to handle this) | |
| */ | |
| #titlebar { | |
| text-align: center; | |
| } | |
| body.has-appshell-menus #titlebar { | |
| display: none; | |
| } | |
| #titlebar .nav { | |
| float: left; | |
| text-align: left; | |
| } | |
| #titlebar .nav > li { | |
| float: left; | |
| } | |
| #titlebar .title { | |
| float: none; | |
| display: inline; | |
| } | |
| #titlebar .title-wrapper { | |
| margin: 0 auto; | |
| display: block; | |
| } | |
| /* Vertical icon toolbar on right */ | |
| #main-toolbar { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| width: 30px; | |
| height: 100%; | |
| box-sizing: border-box; | |
| background: #5d5f60; | |
| padding: 7px 0px; | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| -webkit-box-orient: vertical; | |
| -moz-box-orient: vertical; | |
| box-orient: vertical; | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| text-align: center; | |
| } | |
| #main-toolbar .buttons, | |
| #main-toolbar .bottom-buttons { | |
| text-align: center; | |
| margin: 0; | |
| } | |
| #main-toolbar .buttons > a, | |
| #main-toolbar .bottom-buttons > a { | |
| border-radius: 3px; | |
| background-repeat: no-repeat; | |
| display: block; | |
| height: 24px; | |
| margin: 7px 0px 0px 3px; | |
| width: 24px; | |
| } | |
| #main-toolbar .buttons > a:hover, | |
| #main-toolbar .bottom-buttons > a:hover { | |
| background-color: rgba(0, 0, 0, 0.24) !important; | |
| } | |
| #main-toolbar .buttons > a:active, | |
| #main-toolbar .bottom-buttons > a:active { | |
| background-color: rgba(0, 0, 0, 0.66) !important; | |
| } | |
| #main-toolbar .bottom-buttons { | |
| position: absolute; | |
| bottom: 5px; | |
| } | |
| /* Toolbar appearance - shared by all toolbars, independent of layout */ | |
| .toolbar { | |
| font-size: 14px; | |
| padding: 4px 8px; | |
| background-color: #ffffff; | |
| color: #000000; | |
| position: relative; | |
| } | |
| .toolbar .title-wrapper { | |
| padding: 2px 0 3px 0; | |
| } | |
| .toolbar .title { | |
| font-size: 18px; | |
| line-height: normal; | |
| font-weight: 200; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| -ms-text-overflow: ellipsis; | |
| -o-text-overflow: ellipsis; | |
| text-overflow: ellipsis; | |
| } | |
| .toolbar .title .dirty-dot { | |
| font-weight: normal; | |
| } | |
| .toolbar .buttons { | |
| margin: 5px 0 0 4px; | |
| } | |
| .toolbar .buttons span, | |
| .toolbar .buttons a { | |
| cursor: default; | |
| } | |
| /* Menu-related styles */ | |
| .toolbar .nav, | |
| .context-menu, | |
| .codehint-menu { | |
| margin: -4px 0 -5px -5px; | |
| } | |
| .toolbar .nav a, | |
| .context-menu a, | |
| .codehint-menu a { | |
| color: #000000; | |
| text-shadow: none; | |
| cursor: default; | |
| } | |
| .toolbar .nav .dropdown-toggle, | |
| .context-menu .dropdown-toggle, | |
| .codehint-menu .dropdown-toggle { | |
| padding: 8px 9px 6px; | |
| border: 1px solid rgba(0, 0, 0, 0); | |
| color: rgba(0, 0, 0, 0.75); | |
| font-weight: 200; | |
| } | |
| .toolbar .nav .dropdown-toggle:focus, | |
| .context-menu .dropdown-toggle:focus, | |
| .codehint-menu .dropdown-toggle:focus { | |
| background-color: #ffffff; | |
| outline: 0; | |
| } | |
| .toolbar .nav .dropdown-toggle:hover, | |
| .context-menu .dropdown-toggle:hover, | |
| .codehint-menu .dropdown-toggle:hover, | |
| .toolbar .nav .dropdown.open .dropdown-toggle, | |
| .context-menu .dropdown.open .dropdown-toggle, | |
| .codehint-menu .dropdown.open .dropdown-toggle { | |
| /* Note: we need several selectors for this in order to match the specificity of all the various Bootstrap | |
| color rules we need to override (and Bootstrap has several selectors because the colors really differ | |
| in their defaults). */ | |
| color: #000000; | |
| background: #e0f0fa; | |
| border-color: #dbeaf4; | |
| } | |
| .toolbar .nav .dropdown-toggle:after, | |
| .context-menu .dropdown-toggle:after, | |
| .codehint-menu .dropdown-toggle:after { | |
| border: 0; | |
| margin: 0; | |
| } | |
| .toolbar .nav .dropdown-menu, | |
| .context-menu .dropdown-menu, | |
| .codehint-menu .dropdown-menu { | |
| top: 34px; | |
| margin-top: 0; | |
| width: -webkit-max-content; | |
| width: -moz-max-content; | |
| background-color: #ffffff; | |
| -webkit-border-radius: 0 0 3px 3px; | |
| -moz-border-radius: 0 0 3px 3px; | |
| border-radius: 0 0 3px 3px; | |
| box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24); | |
| border: none; | |
| } | |
| .toolbar .nav .dropdown-menu li a, | |
| .context-menu .dropdown-menu li a, | |
| .codehint-menu .dropdown-menu li a { | |
| font-size: 13px; | |
| line-height: 18px; | |
| padding: 2px 10px 0px 6px; | |
| color: #000000; | |
| text-shadow: none; | |
| white-space: nowrap; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| /* hidden checkmark for all list item content ensures consistent left spacing */ | |
| /* toggle checkmark visibility */ | |
| } | |
| .toolbar .nav .dropdown-menu li a.wide-result, | |
| .context-menu .dropdown-menu li a.wide-result, | |
| .codehint-menu .dropdown-menu li a.wide-result { | |
| white-space: normal; | |
| } | |
| .toolbar .nav .dropdown-menu li a:hover, | |
| .context-menu .dropdown-menu li a:hover, | |
| .codehint-menu .dropdown-menu li a:hover, | |
| .toolbar .nav .dropdown-menu li a.highlight, | |
| .context-menu .dropdown-menu li a.highlight, | |
| .codehint-menu .dropdown-menu li a.highlight { | |
| color: #000000; | |
| background: #e0f0fa; | |
| } | |
| .toolbar .nav .dropdown-menu li a.disabled, | |
| .context-menu .dropdown-menu li a.disabled, | |
| .codehint-menu .dropdown-menu li a.disabled { | |
| color: #808080; | |
| } | |
| .toolbar .nav .dropdown-menu li a.disabled:hover, | |
| .context-menu .dropdown-menu li a.disabled:hover, | |
| .codehint-menu .dropdown-menu li a.disabled:hover { | |
| background: #ffffff; | |
| } | |
| .toolbar .nav .dropdown-menu li a::before, | |
| .context-menu .dropdown-menu li a::before, | |
| .codehint-menu .dropdown-menu li a::before { | |
| content: "✓\00a0"; | |
| /* non-breaking space */ | |
| visibility: hidden; | |
| } | |
| .toolbar .nav .dropdown-menu li a.checked::before, | |
| .context-menu .dropdown-menu li a.checked::before, | |
| .codehint-menu .dropdown-menu li a.checked::before { | |
| visibility: visible; | |
| } | |
| .toolbar .nav .dropdown-menu .divider, | |
| .context-menu .dropdown-menu .divider, | |
| .codehint-menu .dropdown-menu .divider { | |
| background-color: #eaeaea; | |
| border: 0; | |
| margin: 5px 1px; | |
| } | |
| .toolbar .nav .menu-shortcut, | |
| .context-menu .menu-shortcut, | |
| .codehint-menu .menu-shortcut { | |
| float: right; | |
| margin-left: 15px; | |
| } | |
| /* Context menu styles */ | |
| .context-menu, | |
| .codehint-menu { | |
| position: absolute; | |
| z-index: 1000; | |
| list-style-type: none; | |
| } | |
| .context-menu .dropdown-menu, | |
| .codehint-menu .dropdown-menu { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24); | |
| } | |
| .context-menu .menu-shortcut, | |
| .codehint-menu .menu-shortcut { | |
| float: right; | |
| } | |
| .codehint-menu { | |
| opacity: 0; | |
| } | |
| .codehint-menu .dropdown-menu { | |
| box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24); | |
| max-height: 160px; | |
| overflow-y: auto; | |
| padding: 0; | |
| } | |
| .codehint-menu .dropdown-menu li a { | |
| padding: 2px 20px 0px 0px; | |
| } | |
| .codehint-menu .dropdown-menu li a:hover { | |
| color: #000000; | |
| background-color: #ffffff; | |
| } | |
| .codehint-menu .dropdown-menu li a.highlight:hover { | |
| color: #000000; | |
| background-color: #e0f0fa; | |
| } | |
| .codehint-menu.open { | |
| opacity: 1; | |
| transition: opacity 67ms cubic-bezier(0.03, 0.78, 0.17, 0.97); | |
| } | |
| .codehint-menu.apply-transition { | |
| transition: right 167ms, left 167ms; | |
| } | |
| #context-menu-bar { | |
| margin: 0; | |
| } | |
| /* Stylesheet button & dropdown styles */ | |
| .stylesheet-button.btn-mini { | |
| margin-left: 8px; | |
| position: relative; | |
| top: -1px; | |
| } | |
| .stylesheet-button.btn-mini.btn-dropdown { | |
| padding-right: 24px; | |
| } | |
| .stylesheet-button.btn-dropdown::after { | |
| content: ""; | |
| display: block; | |
| height: 0px; | |
| width: 0px; | |
| position: absolute; | |
| right: 6px; | |
| top: 7px; | |
| /* dropdown triangle */ | |
| border-top: 4px solid #878787; | |
| border-left: 4px solid transparent; | |
| border-right: 4px solid transparent; | |
| } | |
| .stylesheet-dropdown.dropdown-menu:focus { | |
| outline: none; | |
| } | |
| .stylesheet-dropdown.dropdown-menu { | |
| border: none; | |
| border-radius: 3px; | |
| padding: 0; | |
| position: absolute; | |
| display: block; | |
| box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24); | |
| max-height: 160px; | |
| overflow-y: auto; | |
| max-width: none; | |
| min-width: 200px; | |
| z-index: 1000; | |
| } | |
| .stylesheet-dropdown .stylesheet-link, | |
| .stylesheet-dropdown .stylesheet-name { | |
| white-space: nowrap; | |
| } | |
| .stylesheet-dropdown.dropdown-menu li a { | |
| padding: 1px 15px 1px 15px; | |
| } | |
| .stylesheet-dropdown.dropdown-menu .stylesheet-link { | |
| display: block; | |
| } | |
| .stylesheet-dropdown .stylesheet-name { | |
| color: #454545; | |
| } | |
| .stylesheet-dropdown .stylesheet-dir { | |
| color: #aaaaaa; | |
| } | |
| .stylesheet-dropdown.dropdown-menu a.selected { | |
| background: #e0f0fa; | |
| color: #000000 !important; | |
| } | |
| .stylesheet-dropdown.dropdown-menu a:not(.selected):hover { | |
| background: none; | |
| } | |
| /* Dialog-related styles */ | |
| .modal-wrapper { | |
| width: 100%; | |
| height: 100%; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| overflow: auto; | |
| display: table; | |
| } | |
| .modal-inner-wrapper { | |
| display: table-cell; | |
| vertical-align: middle; | |
| } | |
| .modal { | |
| background-color: #dfe2e2; | |
| min-width: 200px; | |
| position: relative; | |
| top: 0; | |
| margin: auto; | |
| } | |
| .modal .close { | |
| cursor: default; | |
| margin: 7px 5px 0 0; | |
| } | |
| .modal-header { | |
| background: #d4d7d7; | |
| border-radius: 4px 4px 0 0; | |
| border-bottom: 1px solid #c3c6c5; | |
| } | |
| .modal-body { | |
| background-color: #dfe2e2; | |
| } | |
| .modal-body, | |
| .modal-header, | |
| .modal-footer { | |
| /* See styles/bootstrap/patterns.less .modal class. | |
| Pushing this value down to .modal-header and .modal-body | |
| to allow the overall modal to take the width of the footer */ | |
| width: auto; | |
| } | |
| .modal-footer { | |
| text-align: right; | |
| background-color: #dfe2e2; | |
| border-top: 1px solid #c3c6c5; | |
| box-shadow: none; | |
| padding: 10px 15px 12px; | |
| white-space: nowrap; | |
| } | |
| .modal-footer .btn { | |
| float: none; | |
| } | |
| .modal-footer .btn.left { | |
| float: left; | |
| /* Transfer the margin to the right of each left-aligned button, so the left side lines up properly | |
| * with the title. | |
| */ | |
| margin-left: 0; | |
| margin-right: 5px; | |
| } | |
| .modal-footer .btn:not(.left) { | |
| margin-left: 5px; | |
| } | |
| .platform-win { | |
| /* Reverse Save/Cancel button order on Win */ | |
| } | |
| .platform-win .modal-footer { | |
| text-align: left; | |
| } | |
| .platform-win .modal-footer .btn:not(.left) { | |
| float: right; | |
| } | |
| .modal-body ul { | |
| /* Bootstrap's type.less defines a heavy margin-bottom on ul/ol that we don't want in dialogs | |
| since they have heavy padding instead. */ | |
| margin-bottom: 0; | |
| } | |
| .modal-backdrop { | |
| opacity: 0; | |
| } | |
| .last-backdrop { | |
| /* Only show the last modal backdrop */ | |
| opacity: 0.5; | |
| } | |
| .dialog-title { | |
| color: #000000; | |
| margin-bottom: 0; | |
| margin-top: 0; | |
| font-size: 22px; | |
| line-height: 30px; | |
| font-weight: normal; | |
| } | |
| .dialog-message { | |
| color: #454545; | |
| font-size: 14px; | |
| line-height: 20px; | |
| margin-bottom: 20px; | |
| font-weight: normal; | |
| } | |
| .dialog-message li { | |
| line-height: 20px; | |
| color: #000000; | |
| padding: 0 0 5px; | |
| } | |
| .dialog-message select { | |
| margin-left: 10px; | |
| } | |
| .dialog-list { | |
| list-style: none; | |
| margin: 5px 0 20px 10px; | |
| } | |
| .dialog-list > li:before { | |
| content: "• "; | |
| color: #9c9e9e; | |
| font-size: 1.5em; | |
| position: relative; | |
| top: 1px; | |
| } | |
| .dialog-filename { | |
| word-wrap: break-word; | |
| font-weight: 500; | |
| } | |
| /* Any Dialog text in this style is automatically turned into a link that opens in the browser. Use href for the link's target. */ | |
| a[href^="http"] { | |
| cursor: pointer; | |
| } | |
| /* Update dialog */ | |
| .update-dialog .modal-body { | |
| position: relative; | |
| } | |
| .update-dialog .modal-body .update-icon { | |
| position: absolute; | |
| left: 30px; | |
| top: 20px; | |
| width: 80px; | |
| height: 80px; | |
| } | |
| .update-dialog .modal-body .update-text { | |
| margin: 0 10px 0 123px; | |
| } | |
| .update-dialog .modal-body .update-text .update-info { | |
| max-height: 200px; | |
| overflow: auto; | |
| cursor: auto; | |
| -webkit-user-select: text; | |
| -khtml-user-select: text; | |
| -moz-user-select: text; | |
| -ms-user-select: text; | |
| -o-user-select: text; | |
| user-select: text; | |
| } | |
| /* Project Settings and Install Extension dialogs */ | |
| .project-settings-dialog .modal-body, | |
| .install-extension-dialog .modal-body { | |
| text-align: center; | |
| } | |
| .project-settings-dialog .modal-body .field-container, | |
| .install-extension-dialog .modal-body .field-container { | |
| display: inline-block; | |
| } | |
| .project-settings-dialog .modal-body label, | |
| .install-extension-dialog .modal-body label { | |
| float: none; | |
| } | |
| .project-settings-dialog .modal-body input.url, | |
| .install-extension-dialog .modal-body input.url { | |
| display: inline; | |
| } | |
| .project-settings-dialog .modal-body input.url { | |
| margin: 0 0 0 5px; | |
| width: 400px; | |
| } | |
| .install-extension-dialog .modal-body input.url { | |
| margin: 10px 0; | |
| width: 550px; | |
| } | |
| /* Extension Manager dialog */ | |
| .extension-manager-dialog { | |
| background-color: #d4d7d7; | |
| width: 760px; | |
| } | |
| .extension-manager-dialog .modal-header { | |
| border-bottom: none; | |
| padding: 0; | |
| /* Search box */ | |
| } | |
| .extension-manager-dialog .modal-header .nav-tabs { | |
| margin: 0; | |
| border-color: #c3c6c5; | |
| /* Tab styling */ | |
| /* Remove border-left from the first tab */ | |
| /* Colors for the active tab, remove bottom border */ | |
| } | |
| .extension-manager-dialog .modal-header .nav-tabs > li > a { | |
| min-width: 80px; | |
| min-height: 60px; | |
| color: black; | |
| cursor: default; | |
| font-size: 12px; | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| box-sizing: border-box; | |
| -webkit-box-align: center; | |
| -moz-box-align: center; | |
| box-align: center; | |
| -webkit-box-pack: center; | |
| -moz-box-pack: center; | |
| box-pack: center; | |
| padding: 0; | |
| margin: 0; | |
| text-align: center; | |
| } | |
| .extension-manager-dialog .modal-header .nav-tabs > li > a:hover { | |
| background-color: rgba(0, 0, 0, 0.04); | |
| border-color: rgba(0, 0, 0, 0.04); | |
| } | |
| .extension-manager-dialog .modal-header .nav-tabs > li > a > img { | |
| margin-top: 5px; | |
| padding-bottom: 2px; | |
| } | |
| .extension-manager-dialog .modal-header .nav-tabs > li:nth-child(1) > a { | |
| border-left: transparent; | |
| } | |
| .extension-manager-dialog .modal-header .nav-tabs > .active > a, | |
| .extension-manager-dialog .modal-header .nav-tabs > .active > a:hover { | |
| background-color: #dfe2e2; | |
| border-color: #b4b7b7 #b4b7b7 transparent #b4b7b7; | |
| } | |
| .extension-manager-dialog .modal-header .nav-tabs > li { | |
| position: relative; | |
| } | |
| .extension-manager-dialog .modal-header .nav-tabs > li > .notification { | |
| display: none; | |
| background-color: #91CC41; | |
| color: white; | |
| border-radius: 16px; | |
| padding: 0 5px; | |
| position: absolute; | |
| right: 19px; | |
| top: 8px; | |
| } | |
| .extension-manager-dialog .modal-header > :nth-child(2) { | |
| position: absolute; | |
| top: 15px; | |
| right: 15px; | |
| } | |
| .extension-manager-dialog .modal-header .search { | |
| background: #ffffff url("images/topcoat-search-20.svg") 3px 4px no-repeat; | |
| float: right; | |
| margin: 0; | |
| padding-left: 27px; | |
| padding-right: 20px; | |
| } | |
| .extension-manager-dialog .modal-header .search-clear { | |
| position: relative; | |
| display: block; | |
| float: right; | |
| left: -5px; | |
| margin: 7px 0 0 -20px; | |
| opacity: 0.5; | |
| background: url("images/topcoat-cancel-15.svg") no-repeat; | |
| width: 15px; | |
| height: 16px; | |
| z-index: 1; | |
| border: 0; | |
| } | |
| .extension-manager-dialog .modal-header .search-clear:disabled { | |
| opacity: 0.3; | |
| cursor: default; | |
| } | |
| .extension-manager-dialog .modal-header .search-clear:active { | |
| opacity: 0.7; | |
| } | |
| .extension-manager-dialog .modal-header .search-clear:active:disabled { | |
| opacity: 0.3; | |
| } | |
| .extension-manager-dialog .modal-body { | |
| height: 400px; | |
| overflow-y: scroll; | |
| background-color: #dfe2e2; | |
| padding: 0; | |
| } | |
| .extension-manager-dialog .modal-body .empty-message { | |
| position: absolute; | |
| top: 50%; | |
| width: 100%; | |
| margin-top: -1em; | |
| text-align: center; | |
| } | |
| .extension-manager-dialog .modal-body .info-message { | |
| background-color: #dfe2e2; | |
| padding: 1em; | |
| } | |
| .extension-manager-dialog .modal-body .spinner { | |
| position: absolute; | |
| top: 50%; | |
| left: 50%; | |
| margin-top: -18px; | |
| margin-left: -18px; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list td { | |
| height: 2em; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .ext-info { | |
| padding-left: 15px; | |
| width: 220px; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .ext-name { | |
| color: #454545; | |
| display: block; | |
| font-size: 15px; | |
| font-weight: normal; | |
| -webkit-user-select: text; | |
| -khtml-user-select: text; | |
| -moz-user-select: text; | |
| -ms-user-select: text; | |
| -o-user-select: text; | |
| user-select: text; | |
| cursor: text; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .ext-desc { | |
| width: auto; | |
| color: #454545; | |
| font-weight: normal; | |
| -webkit-user-select: text; | |
| -khtml-user-select: text; | |
| -moz-user-select: text; | |
| -ms-user-select: text; | |
| -o-user-select: text; | |
| user-select: text; | |
| cursor: text; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .muted { | |
| color: #888; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .error { | |
| font-weight: 500; | |
| color: #ff5656; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .ext-version, | |
| .extension-manager-dialog .modal-body .extension-list .ext-date, | |
| .extension-manager-dialog .modal-body .extension-list .ext-author { | |
| font-size: 11px; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .ext-author { | |
| display: block; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .ext-action { | |
| font-size: 12px; | |
| padding-right: 15px; | |
| text-align: right; | |
| vertical-align: middle; | |
| width: 150px; | |
| } | |
| .extension-manager-dialog .modal-body .extension-list .load-error { | |
| display: inline-block; | |
| margin-top: 240px; | |
| } | |
| /* About dialog */ | |
| .about-dialog .modal-body { | |
| position: relative; | |
| } | |
| .about-dialog .modal-body .about-icon { | |
| position: absolute; | |
| left: 10px; | |
| top: 11px; | |
| } | |
| .about-dialog .modal-body .about-text { | |
| margin: 0 10px 0 123px; | |
| } | |
| .about-dialog .modal-body .about-text #about-build-number { | |
| color: #777777; | |
| } | |
| .about-dialog .modal-body .about-text .about-info { | |
| max-height: 300px; | |
| overflow: auto; | |
| } | |
| .about-dialog .modal-body .about-text .about-contributors { | |
| min-height: 100px; | |
| } | |
| .about-dialog .modal-body .about-text .about-contributors a { | |
| text-decoration: none; | |
| } | |
| .about-dialog .modal-body .about-text .about-contributors img { | |
| opacity: 0; | |
| -webkit-transition: opacity 1s; | |
| -moz-transition: opacity 1s; | |
| -o-transition: opacity 1s; | |
| transition: opacity 1s; | |
| } | |
| .about-dialog .modal-body h2 { | |
| font-weight: normal; | |
| font-size: 25px; | |
| margin-bottom: -4px; | |
| margin-top: 3px; | |
| } | |
| .about-dialog .modal-body .dialog-message { | |
| font-size: 14px; | |
| line-height: 17px; | |
| cursor: auto; | |
| -webkit-user-select: text; | |
| -khtml-user-select: text; | |
| -moz-user-select: text; | |
| -ms-user-select: text; | |
| -o-user-select: text; | |
| user-select: text; | |
| } | |
| /* Input */ | |
| textarea, | |
| input[type="text"], | |
| input[type="password"], | |
| input[type="datetime"], | |
| input[type="datetime-local"], | |
| input[type="date"], | |
| input[type="month"], | |
| input[type="time"], | |
| input[type="week"], | |
| input[type="number"], | |
| input[type="email"], | |
| input[type="url"], | |
| input[type="search"], | |
| input[type="tel"], | |
| input[type="color"], | |
| .uneditable-input { | |
| background-color: #ffffff; | |
| border: 1px solid #9c9e9e; | |
| color: #000000; | |
| font-size: 14px; | |
| font-weight: normal; | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.12); | |
| -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.12); | |
| box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.12); | |
| -webkit-transition: border linear 0s, box-shadow linear 0s; | |
| -moz-transition: border linear 0s, box-shadow linear 0s; | |
| -o-transition: border linear 0s, box-shadow linear 0s; | |
| transition: border linear 0s, box-shadow linear 0s; | |
| } | |
| textarea::-webkit-input-placeholder, | |
| input[type="text"]::-webkit-input-placeholder, | |
| input[type="password"]::-webkit-input-placeholder, | |
| input[type="datetime"]::-webkit-input-placeholder, | |
| input[type="datetime-local"]::-webkit-input-placeholder, | |
| input[type="date"]::-webkit-input-placeholder, | |
| input[type="month"]::-webkit-input-placeholder, | |
| input[type="time"]::-webkit-input-placeholder, | |
| input[type="week"]::-webkit-input-placeholder, | |
| input[type="number"]::-webkit-input-placeholder, | |
| input[type="email"]::-webkit-input-placeholder, | |
| input[type="url"]::-webkit-input-placeholder, | |
| input[type="search"]::-webkit-input-placeholder, | |
| input[type="tel"]::-webkit-input-placeholder, | |
| input[type="color"]::-webkit-input-placeholder, | |
| .uneditable-input::-webkit-input-placeholder { | |
| color: #888888; | |
| font-weight: normal; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| textarea:focus, | |
| input[type="text"]:focus, | |
| input[type="password"]:focus, | |
| input[type="datetime"]:focus, | |
| input[type="datetime-local"]:focus, | |
| input[type="date"]:focus, | |
| input[type="month"]:focus, | |
| input[type="time"]:focus, | |
| input[type="week"]:focus, | |
| input[type="number"]:focus, | |
| input[type="email"]:focus, | |
| input[type="url"]:focus, | |
| input[type="search"]:focus, | |
| input[type="tel"]:focus, | |
| input[type="color"]:focus, | |
| .uneditable-input:focus { | |
| outline: 0; | |
| background-color: #ffffff; | |
| text-shadow: none; | |
| border: 1px solid #0940fd; | |
| box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px #6fb5f1; | |
| } | |
| textarea:disabled, | |
| input[type="text"]:disabled, | |
| input[type="password"]:disabled, | |
| input[type="datetime"]:disabled, | |
| input[type="datetime-local"]:disabled, | |
| input[type="date"]:disabled, | |
| input[type="month"]:disabled, | |
| input[type="time"]:disabled, | |
| input[type="week"]:disabled, | |
| input[type="number"]:disabled, | |
| input[type="email"]:disabled, | |
| input[type="url"]:disabled, | |
| input[type="search"]:disabled, | |
| input[type="tel"]:disabled, | |
| input[type="color"]:disabled, | |
| .uneditable-input:disabled { | |
| opacity: 0.3; | |
| cursor: default; | |
| } | |
| /* Twipsy tooltips */ | |
| .tooltip.in { | |
| opacity: 1; | |
| } | |
| .tooltip-inner { | |
| box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24); | |
| color: #454545; | |
| max-width: 220px; | |
| text-align: left; | |
| } | |
| .tooltip.top .tooltip-arrow { | |
| left: 50%; | |
| } | |
| .tooltip.right .tooltip-arrow { | |
| top: 15px; | |
| } | |
| .tooltip.left .tooltip-arrow { | |
| top: 15px; | |
| } | |
| .tooltip.bottom .tooltip-arrow { | |
| left: 50%; | |
| } | |
| /* Buttons */ | |
| .btn:hover, | |
| .btn:focus, | |
| .btn.disabled, | |
| .btn[disabled] { | |
| background-color: #e5e9e9; | |
| } | |
| .btn.primary:hover, | |
| .btn.primary:focus, | |
| .btn.primary.disabled, | |
| .btn.primary[disabled] { | |
| background-color: #288edf; | |
| } | |
| .btn { | |
| background-image: none; | |
| background-color: #e5e9e9; | |
| text-shadow: 0 1px 0 #ffffff; | |
| color: #454545; | |
| cursor: default; | |
| font-size: 14px; | |
| font-weight: 500; | |
| line-height: normal; | |
| border: 1px solid #9c9e9e; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| box-shadow: inset 0 1px 0 #ffffff; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| .btn:hover { | |
| background-color: #e5e9e9; | |
| color: #454545; | |
| } | |
| .btn:focus { | |
| border: 1px solid #0940fd; | |
| box-shadow: inset 0 1px 0 #ffffff, 0 0 0 2px #6fb5f1; | |
| color: #454545; | |
| outline: none; | |
| } | |
| .btn.active:not([disabled]), | |
| .btn:active:not([disabled]) { | |
| background-image: none; | |
| background-color: #d3d7d7; | |
| box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.12); | |
| color: #454545; | |
| } | |
| .btn.disabled, | |
| .btn[disabled] { | |
| opacity: 0.3; | |
| } | |
| .btn.primary { | |
| background-image: none; | |
| background-color: #288edf; | |
| border: 1px solid #0055ad; | |
| box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36); | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36); | |
| } | |
| .btn.primary.active, | |
| .btn.primary:active { | |
| background-image: none; | |
| background-color: #0380e8; | |
| box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.12); | |
| } | |
| .btn.primary:focus { | |
| border: 1px solid #0940fd; | |
| box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36), 0 0 0 2px #6fb5f1; | |
| outline: none; | |
| } | |
| .btn.large { | |
| font-size: 14px; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .btn.small { | |
| font-size: 12px; | |
| } | |
| .btn-mini { | |
| padding: 2px 6px; | |
| font-size: 11px; | |
| font-weight: normal; | |
| line-height: 14px; | |
| } | |
| .btn-mini:focus { | |
| border: 1px solid #0940fd; | |
| box-shadow: inset 0 1px 0 #ffffff, 0 0 0 1px #6fb5f1; | |
| outline: none; | |
| } | |
| /* Tables */ | |
| .table th, | |
| table th { | |
| font-weight: 500; | |
| } | |
| .table td, | |
| table td { | |
| border-top: 1px solid transparent; | |
| } | |
| .table tbody th, | |
| table tbody th { | |
| border-top: 1px solid transparent); | |
| } | |
| .table-striped tbody tr:nth-child(odd) td, | |
| .table-striped tbody tr:nth-child(odd) th { | |
| background-color: #e6e9e9; | |
| } | |
| .table-striped tbody tr:nth-child(even) td, | |
| .table-striped tbody tr:nth-child(even) th { | |
| background-color: #dfe2e2; | |
| } | |
| .row-highlight tbody tr:hover td, | |
| .row-highlight tbody tr:hover th { | |
| background-color: #e0f0fa; | |
| } | |
| /* Emphasis */ | |
| strong { | |
| font-weight: 500; | |
| } | |
| /* Type */ | |
| code { | |
| color: #000000; | |
| background-color: transparent; | |
| } | |
| label { | |
| font-size: 14px; | |
| } | |
| /* Overriding Bootstrap's bold properties */ | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| b, | |
| strong, | |
| dt, | |
| .label { | |
| font-weight: 500; | |
| } | |
| .alert-message a, | |
| .form-stacked label { | |
| font-weight: 500; | |
| } | |
| .alert { | |
| text-shadow: none; | |
| background-color: #fdf5cc; | |
| border: none; | |
| } | |
| .alert, | |
| .alert h4 { | |
| color: #635301; | |
| } | |
| input[type="radio"], | |
| input[type="checkbox"] { | |
| margin: 0; | |
| } | |
| input[type="checkbox"] { | |
| height: 13px; | |
| width: 13px; | |
| vertical-align: middle; | |
| border: 1px solid #9c9e9e; | |
| border-radius: 3px; | |
| background-color: #e5e9e9; | |
| -webkit-appearance: none; | |
| box-shadow: inset 0 1px 0 #ffffff; | |
| } | |
| input[type="checkbox"]:active:not(:disabled) { | |
| background-color: #d3d7d7; | |
| box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.12); | |
| } | |
| input[type="checkbox"]:focus { | |
| outline: none; | |
| border: 1px solid #0940fd; | |
| box-shadow: 0 0 0 2px #6fb5f1; | |
| } | |
| input[type="checkbox"]:checked:before { | |
| font-weight: bold; | |
| color: #454545; | |
| content: '\2713'; | |
| -webkit-margin-start: 0; | |
| position: relative; | |
| left: 2px; | |
| top: -7px; | |
| font-size: 16px; | |
| } | |
| /* Brackets Fonts */ | |
| /* Alternative weights */ | |
| /* SourceSansPro Regular */ | |
| @font-face { | |
| font-family: 'SourceSansPro'; | |
| src: url('fonts/SourceSansPro/SourceSansPro-Regular.ttf'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| /* SourceSansPro Light */ | |
| @font-face { | |
| font-family: 'SourceSansPro'; | |
| src: url('fonts/SourceSansPro/SourceSansPro-Light.ttf'); | |
| font-weight: 200; | |
| font-style: normal; | |
| } | |
| /* SourceSansPro Semibold */ | |
| @font-face { | |
| font-family: 'SourceSansPro'; | |
| src: url('fonts/SourceSansPro/SourceSansPro-Semibold.ttf'); | |
| font-weight: 500; | |
| font-style: normal; | |
| } | |
| /* SourceSansPro Italic */ | |
| @font-face { | |
| font-family: 'SourceSansPro'; | |
| src: url('fonts/SourceSansPro/SourceSansPro-It.ttf'); | |
| font-weight: normal; | |
| font-style: italic; | |
| } | |
| /* SourceCodePro Regular */ | |
| @font-face { | |
| font-family: 'SourceCodePro'; | |
| src: url('fonts/SourceCodePro/SourceCodePro-Regular.ttf'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| /* SourceCodePro Medium */ | |
| @font-face { | |
| font-family: 'SourceCodePro-Medium'; | |
| src: url('fonts/SourceCodePro/SourceCodePro-Medium.ttf'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| /* Font Stacks */ | |
| /* | |
| * Brackets Colors | |
| * | |
| * Based on a de-saturated modification of Solarized | |
| * http://ethanschoonover.com/solarized | |
| * | |
| * These are general purpose colors that can be used in defining | |
| * themes or UI elements. We should NEVER use color literals (e.g. #aaa) | |
| * elsewhere in our LESS. (Using "lighten" and "darken") functions | |
| * is encouraged however. | |
| * IMPORTANT: IF we want a UI element to be themeable, these variable | |
| * names should _not_ be used in its definition. | |
| * | |
| * Instead, a new semantically-meaningful variables/mixins should be added | |
| * to the "brackets_theme_default.less" file, and then these variables/mixins | |
| * should be used in the definition of the UI element | |
| * | |
| * For UI elements we do NOT want to theme, we should use these color names | |
| * | |
| * All brackets color variable names (that refer to an actual color) | |
| * are prefixed with "bc-" for "brackets color". This is to avoid confusion | |
| * with system and css color names. (We define our own colors because system | |
| * colors are ugly.) | |
| */ | |
| /* | |
| * Brackets Default Theme | |
| * | |
| * Defines all the variables that one can configure in a theme. This should | |
| * contain all variables / mixins for UI styling that we want to be able to | |
| * change in a theme. | |
| * | |
| * Throughout the rest of the LESS files we should _only_ use color | |
| * variable names that are on the LHS of the list below. So, if we | |
| * need a new color for some UI element, we should add a variable | |
| * in this file. | |
| */ | |
| /* Overall Colors */ | |
| /* | |
| * Background colors are ordered from least "intense" to most "intense" | |
| * So, if the background is light, then @background-color-3 should be | |
| * lightest, -2 should be darker, and -1 should be darker still. | |
| * | |
| * The opposite is true for a dark background -- background-color-3 should be | |
| * the darkest, -2 should be lighter, and -1 should be lighter still. | |
| */ | |
| /* | |
| * @content-color-stronger should be should be further away from the | |
| * background color than @content-color (i.e. more contrasty). | |
| * | |
| * @content-color-weaker should be closer to the background color | |
| * than @content-color (i.e. less contrasty). | |
| */ | |
| /* Code Styling */ | |
| /* code accent colors */ | |
| /* code highlight */ | |
| /* inline editor colors */ | |
| /* sidebar/toolbar colors */ | |
| /* open working file highlight */ | |
| /* selection colors */ | |
| /* background color of the line that has the cursor */ | |
| /* custom scrollbar colors */ | |
| /* live preview */ | |
| /* Code font formatting | |
| * | |
| * NOTE (JRB): In order to get the web font to load early enough, we have a div called "dummy-text" that | |
| * is styled with .code-font(). | |
| * | |
| * The platform-specific selector gets added to the body tag *before* document ready time. | |
| * We rely on this behavior to load platform-specific web fonts early. | |
| */ | |
| /* Variables and Mixins for non-code UI elements that can be styled */ | |
| /* Brackets / CodeMirror Code Formatting */ | |
| .CodeMirror pre { | |
| padding: 0 15px; | |
| } | |
| .CodeMirror-scroll { | |
| background-color: #f8f8f8; | |
| } | |
| .CodeMirror { | |
| color: #535353; | |
| line-height: 15px; | |
| font-size: 12px; | |
| font-family: "SourceCodePro-Medium", "ＭＳ ゴシック", "MS Gothic", monospace; | |
| } | |
| .CodeMirror-activeline-background { | |
| background: transparent; | |
| } | |
| .CodeMirror-focused .CodeMirror-activeline-background { | |
| background: #ebefef; | |
| } | |
| .CodeMirror-focused .CodeMirror-activeline > div, | |
| .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { | |
| height: 100%; | |
| } | |
| .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { | |
| background: #ebefef; | |
| } | |
| .cm-s-default span.cm-keyword { | |
| color: #446fbd; | |
| } | |
| .cm-s-default span.cm-atom { | |
| color: #f18900; | |
| } | |
| .cm-s-default span.cm-number { | |
| color: #738d00; | |
| } | |
| .cm-s-default span.cm-def { | |
| color: #8757ad; | |
| } | |
| .cm-s-default span.cm-variable { | |
| color: #535353; | |
| } | |
| .cm-s-default span.cm-variable-2 { | |
| color: #535353; | |
| } | |
| .cm-s-default span.cm-variable-3 { | |
| color: #535353; | |
| } | |
| .cm-s-default span.cm-property { | |
| color: #8757ad; | |
| } | |
| .cm-s-default span.cm-operator { | |
| color: #535353; | |
| } | |
| .cm-s-default span.cm-comment { | |
| color: #949494; | |
| } | |
| .cm-s-default span.cm-string { | |
| color: #f18900; | |
| } | |
| .cm-s-default span.cm-string-2 { | |
| color: #f18900; | |
| } | |
| .cm-s-default span.cm-meta { | |
| color: #535353; | |
| } | |
| .cm-s-default span.cm-error { | |
| color: #dc322f; | |
| } | |
| .cm-s-default span.cm-qualifier { | |
| color: #446fbd; | |
| } | |
| .cm-s-default span.cm-builtin { | |
| color: #446fbd; | |
| } | |
| .cm-s-default span.cm-bracket { | |
| color: #222222; | |
| } | |
| .cm-s-default span.cm-tag { | |
| color: #446fbd; | |
| } | |
| .cm-s-default span.cm-attribute { | |
| color: #738d00; | |
| } | |
| .cm-s-default span.cm-header { | |
| color: #d33682; | |
| } | |
| .cm-s-default span.cm-quote { | |
| color: #446fbd; | |
| } | |
| .cm-s-default span.cm-hr { | |
| color: #f18900; | |
| } | |
| .cm-s-default span.cm-link { | |
| color: #8757ad; | |
| } | |
| .cm-s-default span.cm-rangeinfo { | |
| color: #6c71c4; | |
| } | |
| .cm-s-default span.cm-minus { | |
| color: #dc322f; | |
| } | |
| .cm-s-default span.cm-plus { | |
| color: #859900; | |
| } | |
| .cm-s-default span.CodeMirror-matchingbracket { | |
| color: #222222 !important; | |
| background-color: #cfead6; | |
| } | |
| .cm-s-default span.CodeMirror-nonmatchingbracket { | |
| color: #222222 !important; | |
| } | |
| .cm-s-default .CodeMirror-cursor { | |
| border-left: 1px solid black !important; | |
| /* Ensure the cursor shows up in front of code spans with a background color | |
| * (e.g. matchingbracket). | |
| */ | |
| z-index: 3; | |
| } | |
| .cm-s-default .CodeMirror-lines { | |
| padding: 15px 0; | |
| /* This is necessary for issue #2780. The logic for closing dropdowns depends on "click" events. Now | |
| * that each line has a separate div element, there is a good chance that mouseDown and mouseUp events | |
| * occur on different elements, which means a click event will not be sent. By disabling pointer events here, | |
| * we are guaranteed that the mouse event will be captured by our parent div, and click events will | |
| * be dispatched. | |
| */ | |
| pointer-events: none; | |
| } | |
| .cm-s-default .CodeMirror-linewidget { | |
| /* Re-enable pointer events for line widget. Pointer events are disabled for "CodeMirror-lines", which is the | |
| * parent of line widgets, so they need to be explicitly re-enabled here in order for selection to work. */ | |
| pointer-events: auto; | |
| } | |
| .cm-s-default .CodeMirror-gutters { | |
| background-color: #f8f8f8; | |
| border-right: none; | |
| } | |
| .cm-s-default .CodeMirror-scrollbar-filler, | |
| .cm-s-default .CodeMirror-gutter-filler { | |
| background-color: #ebebeb; | |
| } | |
| .platform-mac .cm-s-default .CodeMirror-scrollbar-filler { | |
| background-image: url(images/scrollbar-mac-corner.png); | |
| } | |
| .platform-mac .cm-s-default .CodeMirror-gutter-filler { | |
| background-image: url(images/scrollbar-mac-bg.png); | |
| } | |
| .cm-s-default .CodeMirror-linenumber { | |
| color: #949494; | |
| min-width: 2.5em; | |
| /*font-size: 0.9em;*/ | |
| /* restore after SourceCodePro font fix? */ | |
| padding: 0 3px 0 10px; | |
| /* left padding for project panel selection triangle */ | |
| } | |
| .cm-s-default.CodeMirror-focused .CodeMirror-selected { | |
| background: #abdffa; | |
| } | |
| /* | |
| CodeMirror's use of descendant selectors for certain styling causes problems when editors are | |
| nested because, for items in the inner editor, the left-hand clause in the selector will now | |
| match either the actual containing CodeMirror instance *OR* the outer "host" CodeMirror instance. | |
| TODO (issue #324): We'll still have problems if editors can be nested more than one level deep, | |
| or if any other descendant-selector-driven CM styles can differ between inner & outer editors | |
| (potential problem areas include line wrap and coloring theme: basically, anything in codemirror.css | |
| that uses a descandant selector where the CSS class name to the left of the space is something | |
| other than a vanilla .CodeMirror) | |
| */ | |
| .CodeMirror .CodeMirror { | |
| background: transparent; | |
| } | |
| .CodeMirror .CodeMirror span.CodeMirror-matchingbracket { | |
| /* Ensure visibility against gray inline editor background */ | |
| background-color: #cfead6; | |
| color: #222222 !important; | |
| } | |
| .CodeMirror .CodeMirror .CodeMirror-cursor { | |
| visibility: hidden; | |
| } | |
| .CodeMirror .CodeMirror.CodeMirror-focused .CodeMirror-cursor { | |
| visibility: visible; | |
| } | |
| .CodeMirror .CodeMirror.cm-s-default .CodeMirror-selected { | |
| background: #d5dee3; | |
| } | |
| .CodeMirror .CodeMirror.cm-s-default.CodeMirror-focused .CodeMirror-selected { | |
| background: #abdffa; | |
| } | |
| .CodeMirror .CodeMirror .CodeMirror-gutters { | |
| background: transparent; | |
| border-right: none; | |
| } | |
| .CodeMirror .CodeMirror-scroll { | |
| outline: none; | |
| } | |
| .CodeMirror .CodeMirror-sizer { | |
| cursor: text; | |
| } | |
| .CodeMirror .CodeMirror .CodeMirror-vscrollbar, | |
| .CodeMirror .CodeMirror .CodeMirror-hscrollbar { | |
| cursor: default; | |
| } | |
| .CodeMirror .CodeMirror .CodeMirror-activeline-background { | |
| background: transparent; | |
| } | |
| .CodeMirror .CodeMirror .CodeMirror-activeline .CodeMirror-gutter-elt { | |
| background: transparent; | |
| } | |
| .CodeMirror .CodeMirror-focused .CodeMirror-activeline-background { | |
| background: #dde4e4; | |
| } | |
| .CodeMirror .CodeMirror-focused .CodeMirror-activeline .CodeMirror-gutter-elt { | |
| background: #dde4e4; | |
| } | |
| .CodeMirror .CodeMirror-matchingtag { | |
| background: #cfead6; | |
| } | |
| /* | |
| * Temporarily override bold and italic syntax highlighting until | |
| * SourceCodePro supports them in a fixed pitch | |
| */ | |
| span.cm-em { | |
| font-style: normal; | |
| } | |
| span.cm-header, | |
| span.cm-strong { | |
| font-weight: normal; | |
| } | |
| span.cm-emstrong { | |
| font-style: normal; | |
| font-weight: normal; | |
| } | |
| /* | |
| * Copyright (c) 2012 Adobe Systems Incorporated. All rights reserved. | |
| * | |
| * Permission is hereby granted, free of charge, to any person obtaining a | |
| * copy of this software and associated documentation files (the "Software"), | |
| * to deal in the Software without restriction, including without limitation | |
| * the rights to use, copy, modify, merge, publish, distribute, sublicense, | |
| * and/or sell copies of the Software, and to permit persons to whom the | |
| * Software is furnished to do so, subject to the following conditions: | |
| * | |
| * The above copyright notice and this permission notice shall be included in | |
| * all copies or substantial portions of the Software. | |
| * | |
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | |
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING | |
| * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER | |
| * DEALINGS IN THE SOFTWARE. | |
| * | |
| */ | |
| /* Styles for jsTree control */ | |
| /* (these are based on jsTree's default theme .css file, so they are not very LESS-like) */ | |
| .jstree-brackets li, | |
| .jstree-brackets ins { | |
| background-image: url("images/jsTreeSprites.svg"); | |
| background-repeat: no-repeat; | |
| background-color: transparent; | |
| } | |
| .jstree-brackets li { | |
| background-position: -90px 0; | |
| background-repeat: repeat-y; | |
| } | |
| .jstree-brackets li.jstree-last { | |
| background: transparent; | |
| } | |
| .jstree-brackets .jstree-open > ins { | |
| background-position: -72px 0; | |
| } | |
| .jstree-brackets .jstree-closed > ins { | |
| background-position: -54px 0; | |
| } | |
| .jstree-brackets .jstree-leaf > ins { | |
| background-position: -36px 0; | |
| } | |
| /* Make the links in the JS tree the width of the container | |
| * by shifting the off the screen by negative margin and moving the | |
| * content back by pushing the padding. The icons are positioned absolute | |
| * relative to the containing list item so they sit above the a's background. | |
| * This also means we need to include the size of the sprite in the padding | |
| * so the text ends up back in the same spot visually | |
| */ | |
| .jstree-brackets li > a { | |
| padding-left: 10004px; | |
| margin-left: -10000px; | |
| display: block; | |
| } | |
| .jstree li { | |
| position: relative; | |
| } | |
| .jstree-brackets li { | |
| line-height: 10px; | |
| vertical-align: baseline; | |
| } | |
| .jstree-brackets li a { | |
| color: #ffffff; | |
| font-size: 13px; | |
| cursor: default; | |
| } | |
| .jstree-brackets li a.jstree-clicked, | |
| .jstree-brackets li a.jstree-clicked .extension { | |
| color: #8fddff; | |
| } | |
| .jstree-brackets li .extension { | |
| color: #94a3a7; | |
| } | |
| .jstree-brackets li.jstree-closed, | |
| .jstree-brackets li.jstree-open { | |
| margin-left: 10px; | |
| } | |
| .jstree-brackets li.jstree-closed > a, | |
| .jstree-brackets li.jstree-open > a { | |
| color: #94a3a7; | |
| } | |
| .jstree-brackets li.jstree-leaf { | |
| margin-left: 10px; | |
| } | |
| .jstree ins { | |
| position: absolute; | |
| } | |
| ins.jstree-icon { | |
| left: -12px !important; | |
| } | |
| .jstree-brackets a .jstree-icon { | |
| background-position: -56px -19px; | |
| } | |
| .jstree-brackets a.jstree-loading .jstree-icon { | |
| background: url("images/throbber.gif") center center no-repeat !important; | |
| } | |
| .jstree-brackets li > a { | |
| padding-top: 3px; | |
| padding-bottom: 3px; | |
| } | |
| .jstree-brackets li > ins { | |
| margin-top: 2px; | |
| margin-bottom: 2px; | |
| } | |
| .jstree-brackets .jstree-no-dots li, | |
| .jstree-brackets .jstree-no-dots .jstree-leaf > ins { | |
| background: transparent; | |
| } | |
| .jstree-brackets .jstree-no-dots .jstree-open > ins { | |
| background-position: -18px 0; | |
| } | |
| .jstree-brackets .jstree-no-dots .jstree-closed > ins { | |
| background-position: 0 0; | |
| } | |
| .jstree-brackets .jstree-no-icons a .jstree-icon { | |
| display: none; | |
| } | |
| .jstree-brackets .jstree-search { | |
| font-style: italic; | |
| } | |
| .jstree-brackets .jstree-no-icons .jstree-checkbox { | |
| display: inline-block; | |
| } | |
| .jstree-brackets .jstree-no-checkboxes .jstree-checkbox { | |
| display: none !important; | |
| } | |
| .jstree-brackets .jstree-checked > a > .jstree-checkbox { | |
| background-position: -38px -19px; | |
| } | |
| .jstree-brackets .jstree-unchecked > a > .jstree-checkbox { | |
| background-position: -2px -19px; | |
| } | |
| .jstree-brackets .jstree-undetermined > a > .jstree-checkbox { | |
| background-position: -20px -19px; | |
| } | |
| .jstree-brackets .jstree-checked > a > .jstree-checkbox:hover { | |
| background-position: -38px -37px; | |
| } | |
| .jstree-brackets .jstree-unchecked > a > .jstree-checkbox:hover { | |
| background-position: -2px -37px; | |
| } | |
| .jstree-brackets .jstree-undetermined > a > .jstree-checkbox:hover { | |
| background-position: -20px -37px; | |
| } | |
| #vakata-dragged.jstree-brackets ins { | |
| background: transparent !important; | |
| } | |
| #vakata-dragged.jstree-brackets .jstree-ok { | |
| background: url("images/jsTreeSprites.svg") -2px -53px no-repeat !important; | |
| } | |
| #vakata-dragged.jstree-brackets .jstree-invalid { | |
| background: url("images/jsTreeSprites.svg") -18px -53px no-repeat !important; | |
| } | |
| #jstree-marker.jstree-brackets { | |
| background: url("images/jsTreeSprites.svg") -41px -57px no-repeat !important; | |
| text-indent: -100px; | |
| } | |
| .jstree-brackets a.jstree-search { | |
| color: aqua; | |
| } | |
| .jstree-brackets .jstree-locked a { | |
| color: silver; | |
| cursor: default; | |
| } | |
| .jstree-brackets .jstree-rename-input { | |
| border: 1px solid silver; | |
| color: black; | |
| left: 3px !important; | |
| padding: 0; | |
| position: absolute; | |
| top: 0; | |
| width: 150px; | |
| } | |
| #vakata-contextmenu.jstree-brackets-context, | |
| #vakata-contextmenu.jstree-brackets-context li ul { | |
| background: #f0f0f0; | |
| border: 1px solid #979797; | |
| -moz-box-shadow: 1px 1px 2px #999; | |
| -webkit-box-shadow: 1px 1px 2px #999; | |
| box-shadow: 1px 1px 2px #999; | |
| } | |
| #vakata-contextmenu.jstree-brackets-context a { | |
| color: black; | |
| } | |
| #vakata-contextmenu.jstree-brackets-context a:hover, | |
| #vakata-contextmenu.jstree-brackets-context .vakata-hover > a { | |
| padding: 0 5px; | |
| background: #e8eff7; | |
| border: 1px solid #aecff7; | |
| color: black; | |
| -moz-border-radius: 2px; | |
| -webkit-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| #vakata-contextmenu.jstree-brackets-context li.jstree-contextmenu-disabled a, | |
| #vakata-contextmenu.jstree-brackets-context li.jstree-contextmenu-disabled a:hover { | |
| color: silver; | |
| background: transparent; | |
| border: 0; | |
| padding: 1px 4px; | |
| } | |
| #vakata-contextmenu.jstree-brackets-context li.vakata-separator { | |
| background: white; | |
| border-top: 1px solid #e0e0e0; | |
| margin: 0; | |
| } | |
| #vakata-contextmenu.jstree-brackets-context li ul { | |
| margin-left: -4px; | |
| } | |
| /* | |
| * Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved. | |
| * | |
| * Permission is hereby granted, free of charge, to any person obtaining a | |
| * copy of this software and associated documentation files (the "Software"), | |
| * to deal in the Software without restriction, including without limitation | |
| * the rights to use, copy, modify, merge, publish, distribute, sublicense, | |
| * and/or sell copies of the Software, and to permit persons to whom the | |
| * Software is furnished to do so, subject to the following conditions: | |
| * | |
| * The above copyright notice and this permission notice shall be included in | |
| * all copies or substantial portions of the Software. | |
| * | |
| * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | |
| * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | |
| * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | |
| * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | |
| * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING | |
| * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER | |
| * DEALINGS IN THE SOFTWARE. | |
| * | |
| */ | |
| /* Temporary implementation of unobtrusive scrollbars. | |
| FUTURE: These currently rely on nonstandard WebKit styles, and don't have all the right behavior. | |
| Longer-term, we'll need to implement custom scrollbars. */ | |
| .platform-mac .quiet-scrollbars, | |
| .platform-win .quiet-scrollbars, | |
| .platform-linux .quiet-scrollbars { | |
| /* This looks like a dupe, but without it the thumb doesn't fade in | |
| * properly, probably due to flakiness in how these styles are handled | |
| * in the build of WebKit that's in CEF. | |
| */ | |
| } | |
| .platform-mac .quiet-scrollbars ::-webkit-scrollbar, | |
| .platform-win .quiet-scrollbars ::-webkit-scrollbar, | |
| .platform-linux .quiet-scrollbars ::-webkit-scrollbar { | |
| width: 9px; | |
| height: 9px; | |
| } | |
| .platform-mac .quiet-scrollbars ::-webkit-scrollbar-corner, | |
| .platform-win .quiet-scrollbars ::-webkit-scrollbar-corner, | |
| .platform-linux .quiet-scrollbars ::-webkit-scrollbar-corner { | |
| background-color: transparent; | |
| } | |
| .platform-mac .quiet-scrollbars ::-webkit-scrollbar-thumb, | |
| .platform-win .quiet-scrollbars ::-webkit-scrollbar-thumb, | |
| .platform-linux .quiet-scrollbars ::-webkit-scrollbar-thumb { | |
| box-shadow: none; | |
| border: none; | |
| } | |
| .platform-mac .quiet-scrollbars ::-webkit-scrollbar-corner, | |
| .platform-win .quiet-scrollbars ::-webkit-scrollbar-corner, | |
| .platform-linux .quiet-scrollbars ::-webkit-scrollbar-corner { | |
| background-color: transparent; | |
| } | |
| .platform-mac .quiet-scrollbars :hover::-webkit-scrollbar-thumb, | |
| .platform-win .quiet-scrollbars :hover::-webkit-scrollbar-thumb, | |
| .platform-linux .quiet-scrollbars :hover::-webkit-scrollbar-thumb, | |
| .platform-mac .quiet-scrollbars :focus::-webkit-scrollbar-thumb, | |
| .platform-win .quiet-scrollbars :focus::-webkit-scrollbar-thumb, | |
| .platform-linux .quiet-scrollbars :focus::-webkit-scrollbar-thumb { | |
| border-radius: 999px; | |
| box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.6) inset; | |
| border: 2px solid transparent; | |
| } | |
| .platform-mac .quiet-scrollbars :hover::-webkit-scrollbar-thumb:vertical, | |
| .platform-win .quiet-scrollbars :hover::-webkit-scrollbar-thumb:vertical, | |
| .platform-linux .quiet-scrollbars :hover::-webkit-scrollbar-thumb:vertical, | |
| .platform-mac .quiet-scrollbars :focus::-webkit-scrollbar-thumb:vertical, | |
| .platform-win .quiet-scrollbars :focus::-webkit-scrollbar-thumb:vertical, | |
| .platform-linux .quiet-scrollbars :focus::-webkit-scrollbar-thumb:vertical { | |
| min-height: 20px; | |
| } | |
| .platform-mac .quiet-scrollbars :hover::-webkit-scrollbar-thumb:horizontal, | |
| .platform-win .quiet-scrollbars :hover::-webkit-scrollbar-thumb:horizontal, | |
| .platform-linux .quiet-scrollbars :hover::-webkit-scrollbar-thumb:horizontal, | |
| .platform-mac .quiet-scrollbars :focus::-webkit-scrollbar-thumb:horizontal, | |
| .platform-win .quiet-scrollbars :focus::-webkit-scrollbar-thumb:horizontal, | |
| .platform-linux .quiet-scrollbars :focus::-webkit-scrollbar-thumb:horizontal { | |
| min-width: 20px; | |
| } | |
| .platform-linux ::-webkit-scrollbar { | |
| width: 12px; | |
| height: 12px; | |
| } | |
| .platform-linux ::-webkit-scrollbar-track:vertical { | |
| margin: 0 0 8px 0; | |
| } | |
| .platform-linux ::-webkit-scrollbar-track:horizontal { | |
| margin: 0 8px 0 0; | |
| } | |
| .platform-linux ::-webkit-scrollbar-thumb { | |
| border-radius: 999px; | |
| box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.24) inset; | |
| border: 2px solid transparent; | |
| } | |
| .platform-linux ::-webkit-scrollbar-corner { | |
| background: none; | |
| } | |
| .platform-linux ::-webkit-scrollbar-thumb:window-inactive { | |
| box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.12) inset; | |
| } | |
| /* Overall layout */ | |
| html, | |
| body { | |
| height: 100%; | |
| overflow: hidden; | |
| /* Turn off selection for UI elements */ | |
| -webkit-user-select: none; | |
| -khtml-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| -o-user-select: none; | |
| user-select: none; | |
| /* And make sure we get a pointer cursor even over text */ | |
| cursor: default; | |
| /* Turn off subpixel antialiasing on Mac since it flickers during animations. */ | |
| /*-webkit-font-smoothing: antialiased;*/ | |
| /* This is a hack to avoid flicker when animations (like inline editors) that use the GPU complete. | |
| It seems that we have to put it here rather than on the animated element in order to prevent the | |
| entire window from flashing. | |
| See: http://stackoverflow.com/questions/3461441/prevent-flicker-on-webkit-transition-of-webkit-transform | |
| */ | |
| /*-webkit-backface-visibility: hidden; | |
| backface-visibility: hidden;*/ | |
| } | |
| .resizing-container { | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 18; | |
| } | |
| .resizing-container.horz-resizing { | |
| cursor: col-resize; | |
| } | |
| .resizing-container.vert-resizing { | |
| cursor: row-resize; | |
| } | |
| a, | |
| img { | |
| -webkit-user-drag: none; | |
| } | |
| .main-view { | |
| background: #f8f8f8; | |
| height: 100%; | |
| } | |
| .main-view .sidebar { | |
| height: 100%; | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| -webkit-box-orient: vertical; | |
| -moz-box-orient: vertical; | |
| box-orient: vertical; | |
| width: 200px; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| } | |
| .main-view .content { | |
| height: 100%; | |
| position: absolute; | |
| padding: 0; | |
| top: 0; | |
| left: 200px; | |
| right: 30px; | |
| } | |
| #titlebar, | |
| .modal-bar { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.12); | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); | |
| position: relative; | |
| z-index: 17; | |
| } | |
| .busyCursor { | |
| cursor: wait !important; | |
| } | |
| #status-bar { | |
| position: relative; | |
| background: #fff; | |
| border-top: 1px solid rgba(0, 0, 0, 0.1); | |
| box-sizing: border-box; | |
| color: #454545; | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| font-size: 11px; | |
| line-height: 25px; | |
| height: 26px; | |
| overflow: hidden; | |
| } | |
| #status-info { | |
| color: #454545; | |
| left: 10px; | |
| position: absolute; | |
| white-space: nowrap; | |
| } | |
| #status-info div { | |
| display: inline; | |
| } | |
| #status-file { | |
| color: #999; | |
| } | |
| #status-indicators { | |
| background: #fff; | |
| color: #454545; | |
| position: absolute; | |
| right: 0; | |
| text-align: right; | |
| white-space: nowrap; | |
| } | |
| #status-indicators > div { | |
| border-left: 1px solid rgba(0, 0, 0, 0.1); | |
| float: right; | |
| padding: 0 10px; | |
| } | |
| #status-indicators .spinner { | |
| border: none; | |
| margin: 6px 10px; | |
| padding: 0; | |
| } | |
| #status-indicators #status-language { | |
| border-right: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| @-webkit-keyframes spinner-sprites-12 { | |
| 0% { | |
| background-position: 0px 0px; | |
| } | |
| 100% { | |
| background-position: -120px 0px; | |
| } | |
| } | |
| @-webkit-keyframes spinner-sprites-36 { | |
| 0% { | |
| background-position: 0px 0px; | |
| } | |
| 100% { | |
| background-position: -360px 0px; | |
| } | |
| } | |
| #status-indent > * { | |
| display: inline-block; | |
| } | |
| #status-indent > *.hidden { | |
| display: none; | |
| } | |
| #indent-type, | |
| #indent-width-label { | |
| cursor: pointer; | |
| margin-right: 3px; | |
| } | |
| #indent-type:hover, | |
| #indent-width-label:hover { | |
| text-decoration: underline; | |
| } | |
| #indent-width-input { | |
| font-size: 11px; | |
| font-weight: 500; | |
| height: 13px; | |
| line-height: 1; | |
| vertical-align: middle; | |
| color: #454545; | |
| margin: 0; | |
| padding: 0 3px 2px; | |
| position: relative; | |
| left: 0; | |
| top: -1px; | |
| width: 6px; | |
| transition: 0.1s linear all; | |
| } | |
| #indent-width-input::-webkit-inner-spin-button { | |
| -webkit-appearance: none; | |
| margin: 0; | |
| } | |
| #editor-holder { | |
| position: relative; | |
| /* Placeholder shown when there is no editor open */ | |
| /* Image Preview */ | |
| } | |
| #editor-holder #not-editor { | |
| height: 100%; | |
| display: -webkit-box; | |
| display: -moz-box; | |
| display: box; | |
| -webkit-box-orient: vertical; | |
| -moz-box-orient: vertical; | |
| box-orient: vertical; | |
| -webkit-box-pack: center; | |
| -moz-box-pack: center; | |
| box-pack: center; | |
| -webkit-box-align: center; | |
| -moz-box-align: center; | |
| box-align: center; | |
| background: #f8f8f8 url('images/no_content_bg.svg') no-repeat center 45%; | |
| } | |
| #editor-holder #image-holder { | |
| overflow: hidden; | |
| position: absolute; | |
| top: 0px; | |
| right: 0px; | |
| bottom: 0px; | |
| left: 0px; | |
| text-align: center; | |
| display: none; | |
| } | |
| #editor-holder #image-holder #img-centering { | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin-top: -50px; | |
| /* Offset as vertical align takes image metadata into account */ | |
| max-width: 90%; | |
| max-height: 90%; | |
| } | |
| #editor-holder #image-holder #img-data { | |
| font-weight: 500; | |
| } | |
| #editor-holder #image-holder:before { | |
| content: ''; | |
| display: inline-block; | |
| height: 100%; | |
| margin-right: -0.25em; | |
| /* Adjusts for spacing */ | |
| vertical-align: middle; | |
| } | |
| #editor-holder #img-preview { | |
| background: url(images/preview_bg.png); | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.36); | |
| max-height: 90%; | |
| } | |
| #editor-holder #img-header { | |
| display: block; | |
| width: 100%; | |
| height: 38px; | |
| margin-bottom: 15px; | |
| } | |
| #editor-holder #img-data, | |
| #editor-holder #img-path { | |
| text-align: left; | |
| -webkit-user-select: text; | |
| -khtml-user-select: text; | |
| -moz-user-select: text; | |
| -ms-user-select: text; | |
| -o-user-select: text; | |
| user-select: text; | |
| white-space: nowrap; | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| } | |
| #editor-holder #img-data::selection, | |
| #editor-holder #img-path::selection { | |
| background: #abdffa; | |
| } | |
| #editor-holder #img { | |
| position: relative; | |
| } | |
| #editor-holder .img-guide, | |
| #editor-holder #img-preview { | |
| cursor: none; | |
| } | |
| #editor-holder #img-scale { | |
| display: block; | |
| position: absolute; | |
| top: 5px; | |
| left: 5px; | |
| width: 40px; | |
| text-align: center; | |
| background-color: rgba(0, 0, 0, 0.8); | |
| color: #fff; | |
| border-radius: 3px; | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); | |
| } | |
| #editor-holder #img-tip { | |
| display: block; | |
| position: absolute; | |
| text-align: left; | |
| white-space: nowrap; | |
| padding: 6px 9px; | |
| color: #fff; | |
| background-color: rgba(0, 0, 0, 0.8); | |
| font-size: 11px; | |
| font-family: SourceCodePro; | |
| line-height: 13px; | |
| border-radius: 3px; | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24); | |
| } | |
| #editor-holder #x-value, | |
| #editor-holder #y-value { | |
| text-align: right; | |
| } | |
| #editor-holder .tip-container { | |
| border: 0; | |
| } | |
| #editor-holder #horiz-guide { | |
| background-image: url("images/horizontal-dash.svg"); | |
| background-repeat: repeat-x; | |
| width: 8px; | |
| height: 1px; | |
| } | |
| #editor-holder #vert-guide { | |
| background-image: url("images/vertical-dash.svg"); | |
| background-repeat: repeat-y; | |
| width: 1px; | |
| height: 8px; | |
| } | |
| #editor-holder #horiz-guide, | |
| #editor-holder #vert-guide { | |
| position: absolute; | |
| display: block; | |
| } | |
| .vert-resizer { | |
| position: absolute; | |
| height: 6px; | |
| width: 100%; | |
| z-index: 18; | |
| opacity: 0; | |
| cursor: row-resize; | |
| } | |
| .horz-resizer { | |
| position: absolute; | |
| height: 100%; | |
| width: 6px; | |
| z-index: 18; | |
| opacity: 0; | |
| cursor: col-resize; | |
| } | |
| .bottom-panel { | |
| background-color: #dfe2e2; | |
| display: none; | |
| height: 200px; | |
| border-top-style: solid; | |
| border-width: 1px; | |
| border-color: rgba(0, 0, 0, 0.12); | |
| } | |
| .bottom-panel .check-all { | |
| margin: 7px 15px 7px 7px; | |
| } | |
| .bottom-panel .toolbar { | |
| background-color: #d4d7d7; | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.03); | |
| height: auto; | |
| padding-top: 5px; | |
| padding-bottom: 5px; | |
| z-index: 16; | |
| box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 -1px 3px rgba(0, 0, 0, 0.12); | |
| } | |
| .bottom-panel .toolbar .title { | |
| color: #454545; | |
| font-size: 14px; | |
| font-weight: 500; | |
| } | |
| .bottom-panel .toolbar .close { | |
| position: absolute; | |
| right: 10px; | |
| top: 50%; | |
| margin-top: -10px; | |
| } | |
| .bottom-panel .table-container { | |
| height: 170px; | |
| overflow: auto; | |
| } | |
| .bottom-panel .table-container .highlight { | |
| background: #ffffff; | |
| border-radius: 2px; | |
| } | |
| .bottom-panel .table-container tr.selected td { | |
| background-color: #d0d5d5; | |
| color: #000000; | |
| } | |
| .bottom-panel-table td { | |
| font-size: 12px; | |
| padding-left: 15px; | |
| padding-right: 0; | |
| vertical-align: baseline; | |
| } | |
| .bottom-panel-table .file-section > td { | |
| padding-left: 5px; | |
| } | |
| .bottom-panel-table .line-number { | |
| color: #777777; | |
| font-family: SourceCodePro; | |
| font-size: 11px; | |
| padding: 4px 0 0 15px; | |
| text-align: right; | |
| white-space: nowrap; | |
| width: 5px; | |
| } | |
| .bottom-panel-table .dialog-filename { | |
| font-size: 13px; | |
| font-weight: 500; | |
| } | |
| .bottom-panel-table .dialog-path { | |
| font-size: 11px; | |
| font-weight: normal; | |
| } | |
| .bottom-panel-table .line-text { | |
| width: 100%; | |
| } | |
| #update-notification { | |
| content: ""; | |
| background: url("images/updateSprites.svg") 0 0 no-repeat; | |
| width: 24px; | |
| height: 24px; | |
| } | |
| #toolbar-go-live { | |
| content: ""; | |
| background: url("images/live_development_sprites.svg") 0 0 no-repeat; | |
| width: 24px; | |
| height: 24px; | |
| } | |
| #toolbar-go-live.success { | |
| background-position: 0 -24px; | |
| } | |
| #toolbar-go-live.info { | |
| background-position: 0 -48px; | |
| } | |
| #toolbar-go-live.out-of-sync { | |
| background-position: 0 -72px; | |
| } | |
| #toolbar-go-live.sync-error { | |
| background-position: 0 -96px; | |
| } | |
| #toolbar-extension-manager { | |
| content: ""; | |
| background: url("images/topcoat-plugin-20.svg") 0 0 no-repeat; | |
| width: 24px; | |
| height: 24px; | |
| } | |
| /* Project panel */ | |
| #working-set-header { | |
| height: 19px; | |
| padding: 10px 0 9px 12px; | |
| background: #3C3F41; | |
| color: #94a3a7; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); | |
| overflow: hidden; | |
| } | |
| #sidebar { | |
| position: relative; | |
| white-space: nowrap; | |
| } | |
| #sidebar-resizer { | |
| position: absolute; | |
| width: 6px; | |
| height: 100%; | |
| z-index: 18; | |
| opacity: 0; | |
| cursor: col-resize; | |
| } | |
| #project-files-header { | |
| border-top: 1px solid #56595a; | |
| padding: 8px 0 9px 12px; | |
| font-size: 13px; | |
| color: #94a3a7; | |
| overflow: hidden; | |
| } | |
| #open-files-container { | |
| -webkit-box-flex: 0; | |
| -moz-box-flex: 0; | |
| box-flex: 0; | |
| background: #3C3F41; | |
| padding: 0px; | |
| max-height: 200px; | |
| } | |
| #open-files-container ul { | |
| list-style-type: none; | |
| margin: 0; | |
| padding-bottom: 23px; | |
| } | |
| #open-files-container li { | |
| position: relative; | |
| line-height: 18px; | |
| padding: 0 0 0 8px; | |
| min-height: 18px; | |
| vertical-align: baseline; | |
| } | |
| #open-files-container li.selected a { | |
| color: #8fddff; | |
| } | |
| #open-files-container li.selected .extension { | |
| color: #8fddff; | |
| } | |
| #open-files-container a { | |
| color: #fff; | |
| font-size: 13px; | |
| text-decoration: none; | |
| display: block; | |
| height: 16px; | |
| line-height: 15px; | |
| margin-left: 18px; | |
| padding: 3px 24px 3px 0; | |
| cursor: default; | |
| } | |
| #open-files-container a .directory { | |
| font-size: 11px; | |
| } | |
| #open-files-container .extension, | |
| #open-files-container .directory { | |
| color: #94a3a7; | |
| } | |
| .sidebar-selection { | |
| background: url("images/active_back.png") no-repeat top right; | |
| height: 22px; | |
| position: absolute; | |
| } | |
| .sidebar-selection-triangle { | |
| background: url("images/active_back.png"); | |
| width: 9px; | |
| /* quiet scrollbar width */ | |
| height: 22px; | |
| position: fixed; | |
| z-index: 17; | |
| /* scroller-shadow appears above this triangle */ | |
| } | |
| .sidebar-selection-triangle.triangle-visible:before { | |
| content: ""; | |
| border-top: 12px solid transparent; | |
| border-bottom: 11px solid transparent; | |
| border-left: 12px solid #2d2e30; | |
| display: block; | |
| position: absolute; | |
| top: -1px; | |
| right: -9px; | |
| width: 0; | |
| height: 0; | |
| -ms-transform: scaleX(0.8); | |
| -moz-transform: scaleX(0.8); | |
| -webkit-transform: scaleX(0.8); | |
| -o-transform: scaleX(0.8); | |
| transform: scaleX(0.8); | |
| -ms-transform-origin: right top; | |
| -moz-transform-origin: right top; | |
| -webkit-transform-origin: right top; | |
| -o-transform-origin: right top; | |
| transform-origin: right top; | |
| } | |
| #open-files-container { | |
| display: none; | |
| } | |
| #project-files-container { | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| } | |
| #project-files-container .jstree-brackets li > a { | |
| padding-right: 24px; | |
| } | |
| #project-files-container ul { | |
| padding-left: 8px; | |
| } | |
| #project-files-container > ul { | |
| padding-bottom: 24px; | |
| } | |
| .scroller-shadow { | |
| background-size: 100%; | |
| background-repeat: no-repeat; | |
| height: 5px; | |
| position: fixed; | |
| z-index: 18; | |
| } | |
| .scroller-shadow.top { | |
| background-color: rgba(0, 0, 0, 0.06); | |
| background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))); | |
| background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); | |
| background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); | |
| background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#00000000', GradientType=0); | |
| background-position: 0 -5px; | |
| background-color: transparent; | |
| /* override background-color: @endColor from #gradient.vertical */ | |
| } | |
| .scroller-shadow.bottom { | |
| background-color: rgba(0, 0, 0, 0.04000000000000001); | |
| background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); | |
| background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); | |
| background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); | |
| background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0); | |
| background-position: 0 5px; | |
| background-color: transparent; | |
| /* override background-color: @endColor from #gradient.vertical */ | |
| } | |
| /** Classes for icons from jsTreeSprites.svg | |
| */ | |
| .jstree-sprite { | |
| background-image: url("images/jsTreeSprites.svg"); | |
| background-repeat: no-repeat; | |
| background-color: transparent; | |
| vertical-align: middle; | |
| width: 18px; | |
| height: 18px; | |
| } | |
| /** Overriding jsTreeTheme.less | |
| */ | |
| .jstree-brackets .jstree-no-dots .jstree-open > ins { | |
| background-position: 7px -8px; | |
| -webkit-transform: translateZ(0) rotate(90deg); | |
| -webkit-filter: drop-shadow(1px 0 1px rgba(0, 0, 0, 0.36)); | |
| } | |
| .jstree-brackets .jstree-no-dots .jstree-closed > ins { | |
| background-position: 7px -8px; | |
| -webkit-transform: translateZ(0); | |
| /* Need this to make sure that the svg isn't blurry on retina. */ | |
| -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.36)); | |
| } | |
| /** Classes for icons from bracketSprites.png | |
| */ | |
| .bracket-sprite { | |
| background-image: url("images/close_btn.svg"); | |
| background-repeat: no-repeat; | |
| background-color: transparent; | |
| vertical-align: middle; | |
| width: 15px; | |
| height: 16px; | |
| } | |
| .file-status-icon { | |
| margin: 2px 0 0 8px; | |
| background-image: url("images/close_btn.svg"); | |
| background-repeat: no-repeat; | |
| background-color: transparent; | |
| vertical-align: middle; | |
| width: 15px; | |
| height: 16px; | |
| display: inline-block; | |
| position: absolute; | |
| left: 0px; | |
| top: 1px; | |
| } | |
| .file-status-icon.dirty { | |
| background-position: -30px 1px; | |
| } | |
| .file-status-icon.can-close { | |
| background-position: 0 0; | |
| } | |
| .file-status-icon.can-close:hover { | |
| background-position: -15px 0; | |
| } | |
| .file-status-icon.can-close:active { | |
| background-position: -15px 0; | |
| opacity: 0.5; | |
| } | |
| /* Styles for inline editors */ | |
| .inline-text-editor { | |
| line-height: 0px; | |
| } | |
| .inline-widget { | |
| position: relative; | |
| overflow: hidden; | |
| background-color: #e6e9e9; | |
| min-width: 250px; | |
| cursor: default; | |
| } | |
| .inline-widget.animating { | |
| -webkit-transform: translateZ(0); | |
| transform: translateZ(0); | |
| transition: height 250ms cubic-bezier(0, 1.02, 0.6, 1); | |
| } | |
| .inline-widget .CodeMirror { | |
| /* remove CodeMirror default height: 300px */ | |
| height: auto; | |
| } | |
| .inline-widget .inline-text-editor { | |
| white-space: nowrap; | |
| } | |
| .inline-widget .inline-editor-header { | |
| display: inline-block; | |
| padding: 10px 10px 0px 40px; | |
| } | |
| .inline-widget .inline-editor-header .filename { | |
| vertical-align: middle; | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| font-size: 13px; | |
| color: #000000; | |
| cursor: pointer; | |
| } | |
| .inline-widget .inline-editor-header .filename .dirty-indicator { | |
| background-image: url("images/close_btn.svg"); | |
| background-repeat: no-repeat; | |
| background-color: transparent; | |
| vertical-align: middle; | |
| width: 15px; | |
| height: 16px; | |
| display: inline-block; | |
| background-position: -32px 2px; | |
| padding-top: 5px; | |
| } | |
| .inline-widget .inline-editor-header .filename .line-number { | |
| color: #8a8a8a; | |
| } | |
| .inline-widget .shadow { | |
| display: block; | |
| height: 4px; | |
| width: 100%; | |
| position: absolute; | |
| content: " "; | |
| left: 0; | |
| z-index: 16; | |
| } | |
| .inline-widget .shadow.top { | |
| top: 0px; | |
| background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); | |
| } | |
| .inline-widget .shadow.bottom { | |
| bottom: 0px; | |
| background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); | |
| } | |
| .inline-widget .CodeMirror-scroll { | |
| background-color: transparent; | |
| } | |
| .inline-widget .CodeMirror-scroll .CodeMirror-linenumbers { | |
| background-color: #e6e9e9; | |
| } | |
| .inline-widget .close { | |
| position: absolute; | |
| left: 15px; | |
| top: 10px; | |
| margin-right: 30px; | |
| } | |
| /* CSSInlineEditor rule list */ | |
| .related-container { | |
| float: right; | |
| position: relative; | |
| min-height: 100%; | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| width: 250px; | |
| max-width: 50%; | |
| overflow: hidden; | |
| background: #dfe2e2; | |
| z-index: 1; | |
| /* | |
| * CSS triangle hack with anti-alias workarounds: | |
| * (a) Use selection-background-color instead of transparent. | |
| * (b) Use transform scaleX and origin to adjust width. | |
| */ | |
| } | |
| .related-container .selection { | |
| width: 100%; | |
| background: #d0d5d5; | |
| position: absolute; | |
| border-top: 1px solid #b5bdbd; | |
| border-bottom: 1px solid #ebeded; | |
| top: 12px; | |
| } | |
| .related-container .selection.animate { | |
| transition: top 0.1s ease-out; | |
| } | |
| .related-container .selection:before { | |
| content: " "; | |
| position: absolute; | |
| width: 0; | |
| height: 0; | |
| border-top: 9px solid #d0d5d5; | |
| border-bottom: 9px solid #d0d5d5; | |
| border-left: 9px solid #eaeaea; | |
| margin-top: -9px; | |
| top: 50%; | |
| -ms-transform: scaleX(0.9); | |
| -moz-transform: scaleX(0.9); | |
| -webkit-transform: scaleX(0.9); | |
| -o-transform: scaleX(0.9); | |
| transform: scaleX(0.9); | |
| -ms-transform-origin: left top; | |
| -moz-transform-origin: left top; | |
| -webkit-transform-origin: left top; | |
| -o-transform-origin: left top; | |
| transform-origin: left top; | |
| } | |
| .related-container .related { | |
| font-size: 12px; | |
| position: absolute; | |
| top: 0; | |
| left: 1px; | |
| width: 100%; | |
| } | |
| .related-container .related ul { | |
| margin: 0; | |
| padding: 12px 0px; | |
| list-style: none; | |
| } | |
| .related-container .related li { | |
| color: #333333; | |
| margin: 0; | |
| overflow: hidden; | |
| padding: 2px 0px 2px 15px; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .related-container .related li .related-file { | |
| color: #888888; | |
| } | |
| .related-container .related .selected { | |
| color: #000000; | |
| transition: color 0.1s ease-out 0.15s; | |
| } | |
| .inline-editor-message { | |
| color: #888888; | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| font-size: 12px; | |
| line-height: 17px; | |
| height: 20px; | |
| padding: 10px 0 40px 50px; | |
| } | |
| /* This text is used to force the code editor's font to be loaded early on if it's a | |
| web font. This is necessary in order for the editor's horizontal measurement of text | |
| to work properly. | |
| In the future, when we allow the user to switch fonts, we'll need to make sure to | |
| update the font for this text item whenever the user switches. We'll also need to | |
| wait to initiate a re-measure in CodeMirror until the new font is loaded (if they | |
| choose a web font). This library allows for checking if a web font is loaded: | |
| http://code.google.com/apis/webfonts/docs/webfont_loader.html | |
| */ | |
| .dummy-text { | |
| position: fixed; | |
| top: -10000px; | |
| color: #535353; | |
| line-height: 15px; | |
| font-size: 12px; | |
| font-family: "SourceCodePro-Medium", "ＭＳ ゴシック", "MS Gothic", monospace; | |
| } | |
| /* Find in Files results panel - temporary UI, to be replaced with a richer search feature later */ | |
| #search-results .title, | |
| #replace-all-results .title { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-right: 20px; | |
| width: 100%; | |
| line-height: 25px; | |
| display: -webkit-flex; | |
| -webkit-flex-direction: row; | |
| display: flex; | |
| flex-direction: row; | |
| } | |
| #search-results .title .contracting-col, | |
| #replace-all-results .title .contracting-col { | |
| -webkit-flex: 0 1 auto; | |
| flex: 0 1 auto; | |
| min-width: 1px; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| } | |
| #search-results .title .fixed-col, | |
| #replace-all-results .title .fixed-col { | |
| -webkit-flex: 0 0 auto; | |
| flex: 0 0 auto; | |
| } | |
| #search-results .title .pagination-col, | |
| #replace-all-results .title .pagination-col { | |
| -webkit-flex: 1 0 auto; | |
| flex: 1 0 auto; | |
| min-width: 100px; | |
| } | |
| #search-results .title .replace-col, | |
| #replace-all-results .title .replace-col { | |
| -webkit-flex: 1 0 auto; | |
| flex: 1 0 auto; | |
| min-width: 120px; | |
| padding: 0 15px; | |
| } | |
| #search-results .title .first-page, | |
| #replace-all-results .title .first-page, | |
| #search-results .title .prev-page, | |
| #replace-all-results .title .prev-page, | |
| #search-results .title .next-page, | |
| #replace-all-results .title .next-page, | |
| #search-results .title .last-page, | |
| #replace-all-results .title .last-page { | |
| background-image: url("images/jsTreeSprites.svg"); | |
| background-repeat: no-repeat; | |
| background-color: transparent; | |
| vertical-align: middle; | |
| width: 18px; | |
| height: 18px; | |
| width: 6px; | |
| display: inline-block; | |
| margin: 0 2px; | |
| background-position: 0px 4px; | |
| } | |
| #search-results .title .first-page, | |
| #replace-all-results .title .first-page { | |
| background-position: 0px -80px; | |
| margin-left: 10px; | |
| } | |
| #search-results .title .prev-page, | |
| #replace-all-results .title .prev-page { | |
| background-position: 0px -24px; | |
| } | |
| #search-results .title .last-page, | |
| #replace-all-results .title .last-page { | |
| background-position: 0px -52px; | |
| } | |
| #search-results .title .disabled, | |
| #replace-all-results .title .disabled { | |
| opacity: 0.3; | |
| } | |
| #search-results .disclosure-triangle { | |
| background-image: url("images/jsTreeSprites.svg"); | |
| background-repeat: no-repeat; | |
| background-color: transparent; | |
| vertical-align: middle; | |
| width: 18px; | |
| height: 18px; | |
| display: inline-block; | |
| } | |
| #search-results .disclosure-triangle.expanded { | |
| background-position: 7px 5px; | |
| -webkit-transform: translateZ(0) rotate(90deg); | |
| } | |
| #search-results .disclosure-triangle.collapsed { | |
| background-position: 7px 5px; | |
| } | |
| /* Modal bar for Find/Quick Open */ | |
| .modal-bar { | |
| display: block; | |
| text-align: left; | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| font-size: 14px; | |
| color: #454545; | |
| background: #dfe2e2; | |
| overflow: visible; | |
| padding: 5px 4px 4px 14px; | |
| -webkit-transform: translate(0, 0); | |
| transition: -webkit-transform 66ms cubic-bezier(0, 0.62, 0.04, 0.99); | |
| z-index: 16; | |
| } | |
| body.in-browser .modal-bar, | |
| body:not(.has-appshell-menus) .modal-bar { | |
| border-top: 1px solid #dfdfdf; | |
| } | |
| .modal-bar.popout { | |
| position: absolute; | |
| left: 0; | |
| right: 0; | |
| top: 0; | |
| } | |
| .modal-bar.offscreen { | |
| -webkit-transform: translate(0, -44px); | |
| transform: translate(0, -44px); | |
| transition: -webkit-transform 266ms cubic-bezier(0, 0.56, 0, 1); | |
| transition: transform 266ms cubic-bezier(0, 0.56, 0, 1); | |
| } | |
| body:not(.has-appshell-menus) .modal-bar.offscreen { | |
| top: 37px; | |
| } | |
| .modal-bar input { | |
| font-family: 'SourceSansPro', Helvetica, Arial, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; | |
| outline: none; | |
| width: 20em; | |
| margin: 5px 5px 0; | |
| position: relative; | |
| top: -3px; | |
| } | |
| .modal-bar input.no-results { | |
| border: 1px solid #bc0023; | |
| box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.12), 0 0 0 2px rgba(255, 0, 120, 0.5); | |
| } | |
| .modal-bar #find-what, | |
| .modal-bar #replace-with { | |
| width: 295px; | |
| } | |
| .modal-bar .search-input-container { | |
| position: relative; | |
| display: inline; | |
| } | |
| .modal-bar .search-input-container .error { | |
| position: absolute; | |
| left: 6px; | |
| top: 24px; | |
| min-width: 297px; | |
| background-color: #f74687; | |
| color: #ffffff; | |
| font-size: 12px; | |
| padding: 5px; | |
| border-radius: 0 0 3px 3px; | |
| } | |
| .modal-bar .search-input-container #find-what { | |
| padding-right: 62px; | |
| width: 239px; | |
| } | |
| .modal-bar .search-input-container #find-counter { | |
| position: absolute; | |
| color: #777777; | |
| top: 1px; | |
| right: 2px; | |
| font-size: 12px; | |
| } | |
| .modal-bar #find-group, | |
| .modal-bar #replace-group { | |
| display: inline-block; | |
| white-space: nowrap; | |
| } | |
| .modal-bar .message, | |
| .modal-bar .no-results-message { | |
| display: inline-block; | |
| } | |
| .modal-bar #find-case-sensitive, | |
| .modal-bar #find-regexp { | |
| padding: 1px 5px; | |
| } | |
| .modal-bar .button-icon { | |
| content: ""; | |
| background: url("images/find-replace-sprites.svg") 0 0 no-repeat; | |
| width: 24px; | |
| height: 24px; | |
| background-repeat: no-repeat; | |
| } | |
| .modal-bar #find-regexp.active .button-icon { | |
| background-position: 0 -24px; | |
| } | |
| .modal-bar #find-case-sensitive .button-icon { | |
| background-position: 0 -48px; | |
| } | |
| .modal-bar #find-case-sensitive.active .button-icon { | |
| background-position: 0 -72px; | |
| } | |
| .modal-bar #find-regexp.active, | |
| .modal-bar #find-case-sensitive.active { | |
| background-color: #e0f0fa; | |
| } | |
| .modal-bar .navigator { | |
| display: inline-block; | |
| } | |
| .modal-bar button { | |
| margin: 2px 1px 3px; | |
| } | |
| .modal-bar #find-prev { | |
| margin-left: 5px; | |
| } | |
| .modal-bar #find-prev, | |
| .modal-bar #replace-yes, | |
| .modal-bar #find-case-sensitive { | |
| border-right: none; | |
| margin-right: 0; | |
| } | |
| .modal-bar #find-next, | |
| .modal-bar #replace-all, | |
| .modal-bar #find-regexp { | |
| border-top-left-radius: 0; | |
| border-bottom-left-radius: 0; | |
| margin-left: 0; | |
| } | |
| .modal-bar #find-what, | |
| .modal-bar #replace-with { | |
| margin-right: 0px; | |
| border-top-right-radius: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .modal-bar #find-case-sensitive, | |
| .modal-bar #replace-yes { | |
| border-left: none; | |
| margin-left: 0px; | |
| border-radius: 0; | |
| } | |
| .CodeMirror-searching { | |
| background-color: rgba(244, 237, 98, 0.7); | |
| border-radius: 2px; | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); | |
| color: #121212 !important; | |
| } | |
| .CodeMirror.find-highlighting div.CodeMirror-selected, | |
| .CodeMirror .CodeMirror.find-highlighting div.CodeMirror-selected { | |
| background: #ff6c00; | |
| border-radius: 2px; | |
| } | |
| #find-counter { | |
| font-weight: 500; | |
| padding: 0 5px; | |
| } | |
| .tickmark-track { | |
| position: absolute; | |
| bottom: 0; | |
| top: 0; | |
| right: 0; | |
| width: 16px; | |
| z-index: 15; | |
| pointer-events: none; | |
| } | |
| .tickmark-track .tickmark { | |
| position: absolute; | |
| width: 16px; | |
| height: 1px; | |
| background-color: #eddd23; | |
| border-top: 1px solid #e0d123; | |
| border-bottom: 1px solid #d4c620; | |
| opacity: 0.85; | |
| } | |
| body.platform-mac .tickmark-track .tickmark { | |
| width: 15px; | |
| } | |
| /* Quick Open search bar & dropdown */ | |
| .smart_autocomplete_container { | |
| border: 1px solid rgba(0, 0, 0, 0.12); | |
| background-color: #dfe2e2; | |
| border-radius: 0 0 4px 4px; | |
| box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); | |
| box-sizing: border-box; | |
| width: 434px !important; | |
| /* smart auto complete doesn't correctly position the container | |
| * so these specific padding and margin values are necessary*/ | |
| padding: 0px; | |
| margin: 9px 0 0; | |
| } | |
| .smart_autocomplete_container .quick-open-path { | |
| color: #666; | |
| font-size: 11px; | |
| letter-spacing: 0.04em; | |
| line-height: 11px; | |
| } | |
| .smart_autocomplete_container li { | |
| color: #222; | |
| line-height: 15px; | |
| list-style: none; | |
| cursor: default; | |
| padding: 6px 10px; | |
| } | |
| .smart_autocomplete_container li:nth-child(odd) { | |
| background-color: #e6e9e9; | |
| } | |
| .smart_autocomplete_container li:hover { | |
| background-color: rgba(255, 255, 255, 0.6); | |
| } | |
| .smart_autocomplete_container li.smart_autocomplete_highlight { | |
| background-color: #e0f0fa; | |
| } | |
| .quicksearch-pathmatch, | |
| .quicksearch-namematch { | |
| font-weight: 500; | |
| } | |
| .quicksearch-pathmatch { | |
| color: #555; | |
| } | |
| /* Spinner */ | |
| .spinner { | |
| display: inline-block; | |
| vertical-align: middle; | |
| margin-top: -2px; | |
| width: 12px; | |
| height: 12px; | |
| background: url("images/spinner_small_sprites12.png") no-repeat; | |
| visibility: hidden; | |
| } | |
| .spinner.spin { | |
| -webkit-animation: spinner-sprites-12 1.2s steps(10) infinite; | |
| visibility: visible; | |
| } | |
| .spinner.large { | |
| width: 36px; | |
| height: 36px; | |
| margin-top: 0; | |
| background: url("images/spinner_large_sprites36.png") no-repeat; | |
| } | |
| .spinner.large.spin { | |
| -webkit-animation: spinner-sprites-36 1.2s steps(10) infinite; | |
| } | |
| @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { | |
| .spinner { | |
| background-image: url("images/spinner_small_sprites12@2x.png"); | |
| background-size: 120px 12px; | |
| } | |
| .spinner.large { | |
| background: url("images/spinner_large_sprites36@2x.png") no-repeat; | |
| background-size: 360px 36px; | |
| } | |
| } | |
| /* Problems panel & CodeInspection status bar indicator */ | |
| #status-indicators #status-inspection { | |
| border: none; | |
| cursor: default; | |
| width: 13px; | |
| } | |
| .inspection-disabled { | |
| background: url(images/topcoat-inactive-15.svg) 9px 5px no-repeat; | |
| } | |
| .inspection-errors { | |
| background: url(images/topcoat-warning-15.svg) 9px 5px no-repeat; | |
| } | |
| .inspection-errors:hover { | |
| background-color: rgba(0, 0, 0, 0.03); | |
| } | |
| .inspection-errors:active { | |
| background-color: rgba(0, 0, 0, 0.05); | |
| } | |
| .inspection-valid { | |
| background: url(images/topcoat-okay-15.svg) 9px 5px no-repeat; | |
| } | |
| #problems-panel { | |
| -webkit-user-select: text; | |
| -khtml-user-select: text; | |
| -moz-user-select: text; | |
| -ms-user-select: text; | |
| -o-user-select: text; | |
| user-select: text; | |
| } | |
| #problems-panel .line { | |
| text-align: right; | |
| } | |
| /* Line up label text and input text */ | |
| label input { | |
| position: relative; | |
| top: -2px; | |
| } | |
| /* Live Preview */ | |
| .live-preview-sync-error .CodeMirror-linenumber { | |
| background-color: #ff5d99; | |
| color: #ffffff; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment