o: ActiveSupport::Cache::Entry :@compressedF:@expires_in0:@created_atf1384892688.8225331: @value"Y¯{I" class:ETI"ProcessedAsset;FI"logical_path;TI"application.css;FI" pathname;TI"6$root/app/assets/stylesheets/application.css.scss;FI"content_type;TI" text/css;TI" mtime;TI"2013-11-15T16:51:49-08:00;TI" length;Ti˜¬I" digest;TI"%c70a545f1a611bab97cd4e968299d2dc;FI" source;TI"˜¬@charset "UTF-8"; /* * This is a manifest file that'll automatically include all the stylesheets available in this directory * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at * the top of the compiled file, but it's generally better to create a new file per style scope. */ /* ============================================================================= Mixins ========================================================================== */ /* ============================================================================= Mixins ========================================================================== */ /* * HTML5 ✰ Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ 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; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Force vertical scrollbar in non-IE * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 12px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } /* ============================================================================= Fonts ========================================================================== */ select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; } table { font-size: inherit; font: 100%; } pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Improve image quality when scaled in IE7: h5bp.com/d * 2. Remove the gap between images and borders on image containers: h5bp.com/e */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } /* * Correct overflow not hidden in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */ table button, table input { *overflow: auto; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Remove inner padding and border in FF3/4: h5bp.com/l */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE6/7/8/9 * 2. Allow only vertical resizing */ input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } input, textarea, select { *font-size: 100%; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /* Colors for form validity */ input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; width: 100%; } td { vertical-align: top; } caption, th { text-align: left; } /* ==|== primary styles ===================================================== Author: ========================================================================== */ /* Helpers */ i, .i { vertical-align: middle; background: url("/assets/sprite.png") 0 0 no-repeat; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 16px; height: 16px; } /* Form Helpers */ .frm { clear: both; padding: 0; } .frm_hd { float: left; width: 145px; padding-top: 2px; } .frm_bd { margin-left: 165px; clear: right; } .frm_section { float: left; margin-right: 5px; } .frm_note { margin-top: 3px; clear: both; } .frm_label { margin-bottom: 3px; clear: both; } .frm input, .frm select { vertical-align: text-bottom; } /* ============================================================================= PLACEHOLDER Media Queries for Responsive Design. These override the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ 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: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ 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; } } /* ============================================================================= Mixins ========================================================================== */ body { background: #f5f3ee; } /* Template */ .main { display: table-cell; *display: block; width: auto; } .body, .main { *zoom: 1; } .body:after, .main:after { clear: both; display: block; visibility: hidden; overflow: hidden; height: 0 !important; line-height: 0; font-size: xx-large; content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x "; } .leftCol { float: left; width: 160px; _margin-right: -3px; } .rightCol { float: right; width: 300px; _margin-left: -3px; } .container { min-width: 980px; max-width: 1050px; margin-left: auto; margin-right: auto; *zoom: 1; padding: 0 10px; } .container:before, .container:after { display: table; content: ""; } .container:after { clear: both; } .containerFluid { min-width: 960px; max-width: 1200px; margin: 0 auto; } .containerLiquid { width: auto; margin: 0 20px; } .page { min-height: 400px; } /* Grids */ .line:before, .line:after { content: ""; display: table; } .line:after { clear: both; } .line { *zoom: 1; } .unit { float: left; } .unitRight { float: right; } .size1of1 { float: none; } .size1of2 { width: 50%; } .size1of3 { width: 33.33333%; } .size2of3 { width: 66.66666%; } .size1of4 { width: 25%; } .size3of4 { width: 75%; } .size1of5 { width: 20%; } .size2of5 { width: 40%; } .size3of5 { width: 60%; } .size4of5 { width: 80%; } .lastUnit { float: none; display: block; display: table-cell; width: 9999em; *width: auto; *zoom: 1; _position: relative; _left: -3px; _margin-right: -3px; } /* Modules */ .mod { margin: 10px; } .bd, .ft, .hd { overflow: hidden; *overflow: visible; zoom: 1; } /* Media */ .media { overflow: hidden; *overflow: visible; zoom: 1; } .media .img { float: left; margin-right: 10px; } .media .img img { display: block; } .media .imgExt { float: right; } /* Spacing */ .ptn, .pvn, .pan { padding-top: 0px !important; } .pts, .pvs, .pas { padding-top: 5px !important; } .ptm, .pvm, .pam { padding-top: 10px !important; } .ptl, .pvl, .pal { padding-top: 20px !important; } .prn, .phn, .pan { padding-right: 0px !important; } .prs, .phs, .pas { padding-right: 5px !important; } .prm, .phm, .pam { padding-right: 10px !important; } .prl, .phl, .pal { padding-right: 20px !important; } .pbn, .pvn, .pan { padding-bottom: 0px !important; } .pbs, .pvs, .pas { padding-bottom: 5px !important; } .pbm, .pvm, .pam { padding-bottom: 10px !important; } .pbl, .pvl, .pal { padding-bottom: 20px !important; } .pln, .phn, .pan { padding-left: 0px !important; } .pls, .phs, .pas { padding-left: 5px !important; } .plm, .phm, .pam { padding-left: 10px !important; } .pll, .phl, .pal { padding-left: 20px !important; } .mtn, .mvn, .man { margin-top: 0px !important; } .mts, .mvs, .mas { margin-top: 5px !important; } .mtm, .mvm, .mam { margin-top: 10px !important; } .mtl, .mvl, .mal { margin-top: 20px !important; } .mrn, .mhn, .man { margin-right: 0px !important; } .mrs, .mhs, .mas { margin-right: 5px !important; } .mrm, .mhm, .mam { margin-right: 10px !important; } .mrl, .mhl, .mal { margin-right: 20px !important; } .mbn, .mvn, .man { margin-bottom: 0px !important; } .mbs, .mvs, .mas { margin-bottom: 5px !important; } .mbm, .mvm, .mam { margin-bottom: 10px !important; } .mbl, .mvl, .mal { margin-bottom: 20px !important; } .mln, .mhn, .man { margin-left: 0px !important; } .mls, .mhs, .mas { margin-left: 5px !important; } .mlm, .mhm, .mam { margin-left: 10px !important; } .mll, .mhl, .mal { margin-left: 20px !important; } .mha { margin-left: auto; margin-right: auto; } .mbxl { margin-bottom: 30px !important; } .txtC { text-align: center !important; } .txtL { text-align: left !important; } .txtR { text-align: right !important; } .txtT { vertical-align: top !important; } .txtB { vertical-align: bottom !important; } .txtM { vertical-align: middle !important; } .fltR { float: right !important; } .fltL { float: left !important; } .fullWidth { width: 100%; } /* ============================================================================= Mixins ========================================================================== */ /* ============================================================================= Typography ========================================================================== */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #444; } h1, .h1 { font-size: 36px !important; line-height: 42px; font-weight: 300; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; letter-spacing: -2px; } h2, .h2 { font-size: 20px !important; line-height: 24px; font-weight: 300; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; } h3, .h3 { font-size: 18px !important; line-height: 20px; font-weight: 300; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } h4, .h4 { font-size: 14px !important; line-height: 18px; font-weight: 300; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; } h5, .h5 { font-size: 12px !important; line-height: 16px; font-weight: 300; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; } h6, .h6 { font-size: 11px !important; line-height: 18px; font-weight: 300; font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 10px 0; padding: 0; } p, .p { line-height: 18px; margin-bottom: 9px; } a, .link, a:visited { color: #446898; text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; text-decoration: underline; } strong, .strong { font-weight: bold; } em, .em { font-style: italic; } code, .code { background-color: #eee; padding: 1px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .quiet { opacity: 0.7; } .xquiet { color: #aaa; } .normal { font-weight: normal !important; font-style: normal !important; } .light { font-weight: 300 !important; } .upcase { text-transform: uppercase; } .txtSmall { font-size: 11px !important; } .sepia { color: #93866b !important; } .txtOrange { color: orange; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .nowrap { white-space: nowrap; } .txtGreen { color: green; } .txtRed { color: red; } .txtBlack, a.txtBlack { color: #444; } .underscore { border-bottom: solid 1px #CCC; } .underscoreShadow { border-bottom: solid 1px #CCC; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 0; padding: 0; list-style: none; } li { list-style: none; } ol.simpleList li { list-style-type: decimal; margin-left: 25px; line-height: 18px; } ul.simpleList li { list-style-type: disc; margin-left: 25px; line-height: 18px; } .inlineList li { display: inline-block; } .hList, .hList.fltR { overflow: hidden; text-align: left; } .hList li { margin-left: -9px; border-left: solid 1px #ccc; padding: 0px 8px; margin-right: 8px; float: left; } .hList.fltR li { margin-right: -9px; border-right: solid 1px #ccc; border-left: none; padding: 0px 8px; margin-left: 8px; float: left; } .blockList li { padding: 3px 0; } /* ============================================================================= Labels ========================================================================== */ /* ============================================================================= Mixins ========================================================================== */ table.striped tbody tr:nth-child(odd) td, table.striped tbody tr:nth-child(odd) th { background-color: #f5f5f5; } table.ruled th, table.ruled td, ul.ruled li { border-bottom: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; } table.ruled tr:last-child td { border: none; } .wide th, .wide td { padding: 10px 0; } .medium th, .medium td { padding: 7px 0; } .narrow th, .narrow td { padding: 4px 0; } table.stats td { border-right: 1px solid #dcdcdc; } table.stats td:last-child { border: none; } .bordered td, .bordered th { border: 1px solid #ddd; } td.minWidth { width: 1%; } td.maxWidth { width: 99%; } /* ============================================================================= Mixins ========================================================================== */ .nav { margin-left: 0; margin-bottom: 18px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: #eeeeee; } .nav-list { padding-left: 14px; padding-right: 14px; margin-bottom: 0; } .nav-list > li > a, .nav-list .nav-header { display: block; padding: 3px 15px; margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav-list .nav-header { font-size: 11px; font-weight: bold; line-height: 18px; color: #999999; text-transform: uppercase; } .nav-list > li + .nav-header { margin-top: 9px; } .nav-list .active > a { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .nav-list .icon { margin-right: 2px; } .navbar { overflow: visible; margin-bottom: 0px; } .navbar-inner { padding-left: 20px; padding-right: 20px; background-color: #2c2c2c; background: #4c4c4c; /* Old browsers */ background: -moz-linear-gradient(top, #4c4c4c 0%, #444444 50%, #404040 50%, #3d3d3d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(50%, #444444), color-stop(50%, #404040), color-stop(100%, #3d3d3d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4c4c4c 0%, #444444 50%, #404040 50%, #3d3d3d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4c4c4c 0%, #444444 50%, #404040 50%, #3d3d3d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4c4c4c 0%, #444444 50%, #404040 50%, #3d3d3d 100%); /* IE10+ */ background: linear-gradient(top, #4c4c4c 0%, #444444 50%, #404040 50%, #3d3d3d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#3d3d3d',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); border-top: solid 1px #3f3f3f; border-bottom: solid 1px #2a2a2a; font-size: 12px; } .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; background-color: #2c2c2c; background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', 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); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .btn-navbar:hover, .btn-navbar:active, .btn-navbar.active, .btn-navbar.disabled, .btn-navbar[disabled] { background-color: #222222; } .btn-navbar:active, .btn-navbar.active { background-color: #080808; } .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; } .nav-collapse.collapse { height: auto; } .navbar .brand:hover { text-decoration: none; } .navbar .brand { float: left; display: block; padding: 2px 10px 5px 20px; margin-left: -20px; font-size: 20px; font-weight: 200; line-height: 1; color: #ffffff; } .navbar .navbar-text { margin-bottom: 0; line-height: 40px; color: #999999; } .navbar .navbar-text a:hover { color: #ffffff; background-color: transparent; } .navbar .btn, .navbar .btn-group { margin-top: 5px; } .navbar .btn-group .btn { margin-top: 0; } .navbar-form { margin-bottom: 0; *zoom: 1; } .navbar-form:before, .navbar-form:after { display: table; content: ""; } .navbar-form:after { clear: both; } .navbar-form input, .navbar-form select { display: inline-block; margin-top: 5px; margin-bottom: 0; } .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } .navbar-search { position: relative; float: left; margin-top: 6px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 9px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; color: #ffffff; color: rgba(255, 255, 255, 0.75); background: #666; background: rgba(255, 255, 255, 0.3); border: 1px solid #111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .navbar-search .search-query :-moz-placeholder { color: #eeeeee; } .navbar-search .search-query::-webkit-input-placeholder { color: #eeeeee; } .navbar-search .search-query:hover { color: #ffffff; background-color: #999999; background-color: rgba(255, 255, 255, 0.5); } .navbar-search .search-query:focus, .navbar-search .search-query.focused { padding: 5px 10px; 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-fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .navbar-fixed-top .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .navbar .nav.pull-right { float: right; } .navbar .nav > li { display: block; float: left; } .navbar .nav > li > a { float: none; padding: 5px 10px 6px; line-height: 19px; color: #ddd; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar .nav > li > a:hover { background: #555; color: #ffffff; text-decoration: none; } .navbar .nav .active > a, .navbar .nav .active > a:hover { color: #ffffff; text-decoration: none; background-color: #222222; background-color: rgba(0, 0, 0, 0.5); } .navbar .divider-vertical { height: 30px; width: 1px; margin: 0; overflow: hidden; background-color: #434b54; border-right: 1px solid #777f89; } .navbar .nav.pull-right { margin-left: 10px; margin-right: 0; } .navbar .dropdown-menu { margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .navbar .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 .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 .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret { border-top-color: #ffffff; } .navbar .nav .active .caret { opacity: 1; filter: alpha(opacity=100); } .navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle { background-color: transparent; } .navbar .nav .active > .dropdown-toggle:hover { color: #ffffff; } .navbar .nav.pull-right .dropdown-menu { left: auto; right: -7px; } .navbar .nav.pull-right .dropdown-menu:before { left: auto; right: 12px; } .navbar .nav.pull-right .dropdown-menu:after { left: auto; right: 13px; } .dropdown { position: relative; } .dropdown-toggle { *margin-bottom: -3px; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } .caret { display: inline-block; width: 0; height: 0; text-indent: -99999px; *text-indent: 0; vertical-align: top; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000000; opacity: 0.7; filter: alpha(opacity=70); content: "\2193"; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open.dropdown .caret { opacity: 1; filter: alpha(opacity=100); } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 130px; max-width: 220px; _width: 160px; padding: 4px 0; margin: 0; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -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; *border-right-width: 2px; *border-bottom-width: 2px; } .dropdown-menu.bottom-up { top: auto; bottom: 100%; margin-bottom: 2px; } .dropdown-menu .divider { height: 1px; margin: 5px 1px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; *width: 100%; *margin: -5px 0 5px; } .dropdown-menu a { display: block; padding: 3px 15px; clear: both; font-weight: normal; line-height: 18px; color: #555555; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; background-color: #357ae8; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#4d90fe), to(#357ae8)); background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d90fe), color-stop(100%, #357ae8)); background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: -o-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#357ae8', GradientType=0); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .dropdown.open { *z-index: 1000; } .dropdown.open .dropdown-toggle { color: #ffffff; background: #ccc; background: rgba(0, 0, 0, 0.3); } .dropdown.open .dropdown-menu { display: block; } .app-selector { min-width: 300px; max-width: 350px; padding: 0; } .app-selector .apps { overflow: auto; max-height: 400px; } .app-selector a { border-bottom: solid 1px #cfcfcf; text-decoration: none; padding: 3px; } .app-selector a:hover { background: #f2f2f2; } .app-selector form { padding: 8px; white-space: nowrap; background: #f2f1ec; border-top: solid 1px #ddd; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .app-selector form input { padding: 6px 8px; } .app-selector a h5 { line-height: 8px; } /* ============================================================================= Mixins ========================================================================== */ .btn, a.btn { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; display: inline-block; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(25%, white), to(#e6e6e6)); background-image: -webkit-linear-gradient(white, white 25%, #e6e6e6); background-image: -moz-linear-gradient(top, white, white 25%, #e6e6e6); background-image: -ms-linear-gradient(white, white 25%, #e6e6e6); background-image: -o-linear-gradient(white, white 25%, #e6e6e6); background-image: linear-gradient(white, white 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); padding: 5px 14px 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all; } .btn:hover { background-position: 0 -15px; color: #333; text-decoration: none; } .btn:focus { outline: 1px dotted #666; } .btn.primary { color: #ffffff; background-color: #0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn.active, .btn:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn[disabled] { cursor: default; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: alpha(opacity=65); -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.large { font-size: 18px; line-height: normal; padding: 10px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn.small { padding: 7px 9px 7px; font-size: 11px; } .btn.tiny { font-size: 11px; padding: 2px 9px 4px; vertical-align: 5px; } .btn.success { background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; } /* ============================================================================= Mixins ========================================================================== */ label { padding-top: 5px; float: left; width: 130px; text-align: right; } form .input { margin-left: 150px; margin-bottom: 15px; } input[type=checkbox], input[type=radio] { cursor: pointer; width: auto; } input, textarea, select[multiple=multiple] { display: inline-block; width: 210px; padding: 4px 5px; border: 1px solid #bbb; border-radius: 2px; } select { padding: initial; width: 210px; display: inline-block; padding: 4px 5px; } input, textarea { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); } input:focus, textarea:focus { outline: 0; background: #f8f8f8; } input[type=file]:focus, input[type=checkbox]:focus, select:focus { box-shadow: none; outline: 1px dotted #666; } input.mini, textarea.mini, select.mini { width: 60px; } input.small, textarea.small, select.small { width: 90px; } input.medium, textarea.medium, select.medium { width: 150px; } input.large, textarea.large, select.large { width: 210px; } input.xlarge, textarea.xlarge, select.xlarge { width: 280px; } input.xxlarge, textarea.xxlarge, select.xxlarge { width: 530px; } textarea.xxlarge { overflow-y: auto; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { background-color: #f5f5f5; border-color: #ccc; cursor: not-allowed; } input[type=file] { border: none; box-shadow: none; padding: 4px 0; } input.search { background: url("/assets/sprite.png") 0px -25px no-repeat white; padding-left: 20px; } input.search:focus { background-color: #fff; } .stacked label { display: block; float: none; width: auto; text-align: left; line-height: 20px; padding-top: 0; } .stacked .input { margin-left: 0; } .error input { background-color: #ffeded; border-color: #c93f33; color: #c93f33; } .error .help { color: #c93f33; } .success input { background-color: #f3ffed; border-color: #3ca23c; color: #3ca23c; } .success .help { color: #3ca23c; } .searchPhrases { padding: 8px 0 8px 25px !important; background-position: 2px -22px !important; width: 280px; vertical-align: middle; } .searchPhrasesBtn { padding: 5px 10px 6px; font-size: 16px; vertical-align: middle; margin-left: -5px; } /* ============================================================================= Mixins ========================================================================== */ .progress { width: 300px; height: 13px; background: #dfdfdf; border-radius: 2px; overflow: hidden; display: inline-block; vertical-align: text-bottom; } .progress li { float: left; height: 11px; border: solid 1px rgba(0, 0, 0, 0.1); border-left: none; } .progress .completed { background: #6597ae; } .progress .pending { background: #80b259; } .progress .reported { background: #bb7d7f; } .shinyBkgd { background: white; /* Old browsers */ background: -moz-linear-gradient(top, white 0%, #ededed 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, white 0%, #ededed 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, white 0%, #ededed 100%); /* IE10+ */ background: linear-gradient(top, white 0%, #ededed 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ text-shadow: 0 1px 0 #fff; } .whiteBkgd { background: #fff; } .greyBkgd { background: #f5f5f5; } .highlightHover:hover, .highlightBkgd { background: #feffef; } .lightBlueHover:hover, tr.lightBlueHover:hover td, .lightBlueBkgd { background: #F1F5FF; text-shadow: 0 1px 0 #fff; } .shinyBlueHover:hover, .shinyBlueBkgd { background-color: #357AE8; background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8); background-image: -moz-linear-gradient(top, #4d90fe, #357ae8); background-image: -ms-linear-gradient(top, #4d90fe, #357ae8); background-image: -o-linear-gradient(top, #4d90fe, #357ae8); background-image: linear-gradient(top, #4d90fe, #357ae8); border-color: #2F5BB7 !important; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } .yellowBkgd { background: lightyellow; } .roundedBox { border-radius: 3px; } .simpleBox { border: 1px solid #ddd; } .shadowBox { border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); } .insetBox { border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1); } img.shadowBox { padding: 3px; } .shadowHd { border-bottom: 1px solid #ccc; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); } .unrounded { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .sideBar { text-shadow: 0 1px 1px #fff; } .sideBar .title { margin: 15px 15px 5px; color: #6A7279; } .sideBar li { padding: 5px 15px 4px 25px; font-size: 12px; position: relative; } .sideBar li a.selected { border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; background: #fff; } .sideBar li.selected { background: #ebf0f4; } .sideBar li.selected a { color: #444; } .sideBar li.selected:after { position: absolute; right: -1px; width: 0; height: 0; border: solid 10px white; border-color: transparent white transparent transparent; content: " "; top: 50%; margin-top: -10px; } .sideBar li.selected:before { position: absolute; right: 0px; width: 0; height: 0; border: solid 10px #dce2eb; border-color: transparent #dce2eb transparent transparent; content: " "; top: 50%; margin-top: -6px; } .icon { background-image: url("/assets/sprite.png"); width: 16px; height: 16px; display: inline-block; vertical-align: middle; } .logo { width: 135px; height: 20px; background-position: 0 0; } .dashboardIcon { background-position: -5px -60px; } .phrasesIcon { background-position: -30px -60px; } .globeIcon { background-position: -55px -60px; } .translatorIcon { background-position: -80px -60px; } .settingsIcon { background-position: -105px -60px; } .plusIcon { background-position: -5px -80px; } .minusIcon { background-position: -25px -80px; } .pageHd { padding: 25px 20px 0; border: solid 1px #ccc; border-width: 1px 1px 0 1px; margin: -20px -1px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: #fff; } /* ============================================================================= Mixins ========================================================================== */ /* Stolen from twitter bootstrap */ .alert { padding: 8px 35px 8px 14px; margin: 10px; 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; color: #C09853; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; float: right; font-size: 20px; font-weight: bold; line-height: 14px; color: black; text-shadow: 0 1px 0 white; opacity: 0.2; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847; } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #B94A48; } ;TI"dependency_digest;TI"%484791d8aa9dd70fec64d775426a54ac;FI"required_paths;T[I"6$root/app/assets/stylesheets/application.css.scss;FI"dependency_paths;T[{I" path;TI"6$root/app/assets/stylesheets/application.css.scss;FI" mtime;TI"2013-11-15T16:51:49-08:00;TI" digest;TI"%d90aba730f3143944c6e52f4772ee6b1;FI" _version;TI"%6776f581a4329e299531e1d52aa59832;F