o: ActiveSupport::Cache::Entry :@compressedF:@expires_in0:@created_atf1332447676.957581I: @value{I" class:EFI"BundledAsset; FI"id; F"%0b50f997dda48b31b0687e42b09ebc78I"logical_path; FI"speedo.css; FI" pathname; FI"[/Users/stu/Documents/Work/CrankApps/Projects/speedo/app/assets/stylesheets/speedo.scss; FI"content_type; FI" text/css; FI" mtime; FI"2012-03-22T16:20:59-04:00; FI" body; FI"o=/* */ /* Set colors here */ /* Background color (if not in web-app mode) */ /* Standard text color */ /* Pastels */ /* Column background colors */ /* See the bottom of this file for more layout options */ #wrapper { max-width: 964px; /* Set the width of the page here, +4px for colmask box-shadow */ padding: 0 2px 4px; /* (for colmask box-shadow) */ margin: 0 auto; } /* Base Styles - Set HTML element styles here */ body { color: #333333; background: #dddddd; font-size: 12px; line-height: 1.231; } a, a:visited, .link { color: #0090d5; text-decoration: none; cursor: pointer; } a:hover, .link:hover { color: #17639b; } ul, ol { margin: 0; padding: 0; } ul li, ol li { list-style: none; } h1, h3, h5 { font-weight: normal; font-weight: 200; } h2, h4, h6 { font-weight: normal; } input:not(.button), textarea { border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } input:not(.button):focus, textarea:focus { border-color: #acd; -webkit-box-shadow: 0 0 3px #96b4e6; -moz-box-shadow: 0 0 3px #96b4e6; box-shadow: 0 0 3px #96b4e6; } /* Basic styles */ .no-js body { margin-top: 30px; } #noscript_warning { position: fixed; top: 0; left: 0; width: 100%; padding: 5px 0 6px; text-align: center; font-size: 120%; font-weight: bold; color: #fff; background: #AE0000; z-index: 101; } .branding { padding: 5px 0; background: #eee; } .branding .logo { float: left; margin-left: 2%; } .branding .logo img { display: block; height: 40px; } .branding .user { float: right; margin: 10px 2% 0; } .main_nav { padding: 5px 0; background: #eee; } .main_nav .search { margin-right: 10px; } .main_nav .home { margin-left: 10px; } .main_nav a { display: inline-block; zoom: 1; *display: inline; padding: 0.2em 0.5em; background: #ccc; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; -ms-border-radius: 0.3em; -o-border-radius: 0.3em; border-radius: 0.3em; } .main_nav a:hover { background: #ddd; } .main_nav a.active { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5); } .flash { padding: 0.5em 2em; font-size: 1.5em; text-align: center; text-shadow: -1px -1px 1px white, 1px 1px 1px rgba(0, 0, 0, 0.3); } .flash.success { background: #e3fde4; color: #090; } .flash.notice { background: #bbccff; color: #009; } .flash.alert { background: #ffffcc; color: #770; } .flash.error { background: #ff9999; color: #900; } footer { position: relative; margin: -1.8em 10px 0 0; /* So it appears at the bottom of the right column and is not lost in web-app mode */ float: right; font-size: 0.8em; opacity: 0.5; } /* Plugin fixes */ .dataTables_wrapper { zoom: 1; } .dataTables_wrapper:before, .dataTables_wrapper:after { content: ""; display: table; } .dataTables_wrapper:after { clear: both; } div.selector, div.uploader { margin-left: -2px; /* Left aligns the uniform masks, but be careful if they're inline */ } ul.as-selections { border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); } ul.as-selections li.as-original input { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #999; /* For the placeholder colour */ } ul.as-selections li.as-original input:focus { color: inherit; } .button-group, .button { vertical-align: top; } /* Fancybox Popups */ .popups { display: none; } .popup_content { min-width: 400px; } #fancybox-wrap { padding-top: 40px; } #fancybox-wrap #fancybox-title { position: absolute; top: 0px; left: 19px; height: 28px; border: 1px solid #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 5px 10px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); background-color: #355b92; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #355b92), color-stop(100%, #274674)); background-image: -webkit-linear-gradient(top, #355b92, #274674); background-image: -moz-linear-gradient(top, #355b92, #274674); background-image: -ms-linear-gradient(top, #355b92, #274674); background-image: -o-linear-gradient(top, #355b92, #274674); background-image: linear-gradient(top, #355b92, #274674); } #fancybox-wrap #fancybox-title h3.popup-title { margin-top: 3px; font-weight: normal; text-shadow: 1px 1px #333; } /* ============================================================================= Non-semantic helper classes ========================================================================== */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none !important; visibility: hidden !important; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .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: drupal.org/node/897638 */ .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: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* Float and clear */ .left { float: left; } .right { float: right; } .clear { clear: both; } /* Inline-block */ .ib { display: inline-block; *zoom: 1; *display: inline; } /* ============================================================================= Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ a, a:visited { color: #444 !important; 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; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 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; } } /* Column Layout */ /* This layout is designed for mobile-first, so that the 'side' columns go below the main content on narrower screen-widths. IMPORTANT: Most of the styles that will be seen by the typical browser (i.e. the 960 design) are in the @media queries below. Set the column background colours using the variables for consistent column colouration. */ /* Layout for mobile < 480px width screens (see below for media queries) */ .colmask { position: relative; /* This fixes the IE7 overflow hidden bug */ clear: both; float: left; width: 100%; /* width of whole page */ -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); background: #fff; overflow: hidden; /* This chops off any overhanging divs, including the leftcol bg */ } .colright, .colmid, .colleft { float: left; width: 100%; position: relative; } .col1, .col2, .col3 { float: left; position: relative; padding: 0 0 5em; } .onecol { /* Full page settings */ background: white; /* page background colour */ } .onecol .col1 { width: 96%; /* page width minus left and right padding */ left: 2%; /* page left padding */ } .threecol, .leftcol, .rightcol { background: white; /* main column background colour */ /* left column background colour */ /* right column background colour */ } .threecol .col1, .threecol .col2, .threecol .col3, .leftcol .col1, .leftcol .col2, .leftcol .col3, .rightcol .col1, .rightcol .col2, .rightcol .col3 { width: 100%; /* page width minus left and right padding */ padding: 0 2% 50px; /* page left padding */ } .threecol .col2, .leftcol .col2, .rightcol .col2 { background: #f6f6f6; } .threecol .col3, .leftcol .col3, .rightcol .col3 { background: #fafafa; } .rightcol .col2, .leftcol .col3, .onecol .col2, .onecol .col3 { display: none; } /* Media Queries for Responsive Design. These override the primary ('mobile first') styles */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ /* 2 Column (double page) settings */ .threecol .col2 { width: 46%; /* left column content width (column width minus left and right padding) */ left: 0%; /* right column width plus left column left padding */ } .threecol .col3 { width: 46%; /* right column content width (column width minus left and right padding) */ left: 0%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */ } } @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over (most desktop browsers) go here */ .colleft { box-shadow: inset -1px 0 0 #cccccc; } /* 0 spread so it isn't visible at the top and bottom */ .colmid { box-shadow: 1px 0 0 #ccc; } /* Use box-shadow for 'borders' so the layout isn't affected */ .colmask .col1, .colmask .col2, .colmask .col3 { padding: 0 0 5em; background: transparent; } .col1 { min-height: 400px; } .leftcol { /* 2 Column (left menu) settings */ background: white; /* right column background colour */ } .leftcol .colleft { right: 75%; /* right column width */ background: #f6f6f6; /* left column background colour */ } .leftcol .col1 { width: 71%; /* right column content width */ left: 102%; /* 100% plus left column left padding */ } .leftcol .col2 { width: 21%; /* left column content width (column width minus left and right padding) */ left: 6%; /* (right column left and right padding) plus (left column left padding) */ } .leftcol .col3 { display: none; } .rightcol { /* 2 Column (right menu) settings */ background: #fafafa; /* right column background colour */ } .rightcol .colleft { right: 25%; /* right column width */ background: white; /* left column background colour */ } .rightcol .col1 { width: 71%; /* left column content width (left column width minus left and right padding) */ left: 27%; /* (right column width) plus (left column left padding) */ } .rightcol .col2 { display: none; } .rightcol .col3 { width: 21%; /* right column content width (right column width minus left and right padding) */ left: 31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */ } .threecol { /* 3 Column settings */ background: #fafafa; /* right column background colour */ } .threecol .colmid { right: 25%; /* width of the right column */ background: white; /* left column background colour */ } .threecol .colleft { right: 50%; /* width of the middle column */ background: #f6f6f6; /* left column background colour */ } .threecol .col1 { width: 46%; /* width of center column content (column width minus padding on either side) */ left: 102%; /* 100% plus left padding of center column */ } .threecol .col2 { width: 21%; /* Width of left column content (column width minus padding on either side) */ left: 31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threecol .col3 { width: 21%; /* Width of right column content (column width minus padding on either side) */ left: 85%; /* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } } /* Below are three options for variations on theming: 1. Web-app mode: Full-width, full-height page that doesn't scroll (the columns scroll instead) - also requires JS 2. Full-width page, fixed-position header, with scrolling content 3. Fixed-position header, with scrolling content (2 sections of CSS to uncomment) */ @media only screen and (min-width: 768px) { /* For Web-app mode, uncomment this (and the JS in home.coffee) * / #wrapper { max-width: 100%; width:100%; margin:0; padding:0; } .col1,.col2,.col3 { overflow-y:auto; } /* */ /* For full-width fixed header+nav, uncomment this * / #wrapper { max-width: 100%; width:100%; margin:0; padding:0; } .branding, .main_nav { position:fixed; width:100%; top:0; margin:0 auto; z-index:1000; } .main_nav { top:50px; // Height of .branding } .col1,.col2,.col3 { margin-top:83px; // Height of .branding + .main_nav } /* */ /* For fixed header+nav, uncomment this (and 963 CSS below) * / .branding, .main_nav { position:fixed; width:964px; top:0; margin:0 auto; z-index:1000; } .main_nav { top:50px; // Height of .branding } .col1,.col2,.col3 { margin-top:83px; // Height of .branding + .main_nav } /* */ } @media only screen and (max-width: 963px) { /* For fixed header+nav, uncomment this (and above) * / .branding, .main_nav { width:100%; } /* */ } ; FI"asset_paths; F[I"`/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/normalize.css; FI"b/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/autoSuggest.css; FI"]/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/chosen.css; FI"a/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/gh-buttons.css; FI"h/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/jquery.dataTables.css; FI"l/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/jquery.fancybox-1.3.4.css; FI"n/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/jquery-ui-1.8.18.custom.css; FI"f/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/uniform.default.css; FI"[/Users/stu/Documents/Work/CrankApps/Projects/speedo/app/assets/stylesheets/speedo.scss; FI"dependency_paths; F[{I" path; FI"[/Users/stu/Documents/Work/CrankApps/Projects/speedo/app/assets/stylesheets/speedo.scss; FI" mtime; FIu: Time Ô €°S: @_zoneI"EDT; T: offsetiþÀÇI"hexdigest; F"%7144c664ae052cfbd92a8cbed2101bfa{I" path; FI"[/Users/stu/Documents/Work/CrankApps/Projects/speedo/app/assets/stylesheets/basics.scss; FI" mtime; FIu; Ô €°N; I"EDT; T; iþÀÇI"hexdigest; F"%01cfff239973fadf9875cd5425084846{I" path; FI"`/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/normalize.css; FI" mtime; FIu; Ò € ; I"EDT; T; iþÀÇI"hexdigest; F"%56393af15b5504b2b881d74bf114afd7{I" path; FI"b/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/autoSuggest.css; FI" mtime; FIu; Í € 1; I"EDT; T; iþÀÇI"hexdigest; F"%c53b8a69992e3daa56d09ab09cf3cb86{I" path; FI"]/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/chosen.css; FI" mtime; FIu; Í € 1; I"EDT; T; iþÀÇI"hexdigest; F"%8e0ed0c28fcfe277632e883b2f1f6790{I" path; FI"a/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/gh-buttons.css; FI" mtime; FIu; Í € 1; I"EDT; T; iþÀÇI"hexdigest; F"%278e8396a9d9682fcd9339ebb042fb80{I" path; FI"h/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/jquery.dataTables.css; FI" mtime; FIu; Í € 1; I"EDT; T; iþÀÇI"hexdigest; F"%48f5b030807f5aa60a050b676919cb34{I" path; FI"l/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/jquery.fancybox-1.3.4.css; FI" mtime; FIu; Í € 1; I"EDT; T; iþÀÇI"hexdigest; F"%7e88d3e9ccf2f7624e8118e36d858b74{I" path; FI"n/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/jquery-ui-1.8.18.custom.css; FI" mtime; FIu; Í € 1; I"EDT; T; iþÀÇI"hexdigest; F"%73a6ca0790f0ecb95ed0c701d3d3bbeb{I" path; FI"f/Users/stu/Documents/Work/CrankApps/Projects/speedo/vendor/assets/stylesheets/uniform.default.css; FI" mtime; FIu; Í € 1; I"EDT; T; iþÀÇI"hexdigest; F"%dae18d52ca67ed81ba085635287cc161I" _version; F"%46dde6621c301f4928e3b34efee9e3b5