| /* ========================================================================== |
| HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) |
| ========================================================================== */ |
| |
| html, |
| button, |
| input, |
| select, |
| textarea { |
| color: #222; |
| } |
| |
| body { |
| font-size: 1em; |
| line-height: 1.4; |
| } |
| |
| ::-moz-selection { |
| background: #b3d4fc; |
| text-shadow: none; |
| } |
| |
| ::selection { |
| background: #b3d4fc; |
| text-shadow: none; |
| } |
| |
| hr { |
| display: block; |
| height: 1px; |
| border: 0; |
| border-top: 1px solid #ccc; |
| margin: 1em 0; |
| padding: 0; |
| } |
| |
| img { |
| vertical-align: middle; |
| } |
| |
| fieldset { |
| border: 0; |
| margin: 0; |
| padding: 0; |
| } |
| |
| textarea { |
| resize: vertical; |
| } |
| |
| .chromeframe { |
| margin: 0.2em 0; |
| background: #ccc; |
| color: #000; |
| padding: 0.2em 0; |
| } |
| |
| |
| /* ===== Initializr Styles ================================================== |
| Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template |
| ========================================================================== */ |
| |
| body { |
| font: 16px/26px 'Open Sans', Helvetica, Helvetica Neue, Arial, sans-serif; |
| } |
| h1,h2,h3{ |
| font-family: Helvetica, Helvetica Neue, Arial, sans-serif; |
| } |
| .wrapper { |
| width: 90%; |
| margin: 0 5%; |
| } |
| body{ |
| background: #dedede; |
| } |
| .main article{ |
| padding-bottom:40px; |
| } |
| .header-container { |
| border-bottom: 6px solid #3a3e5e; |
| } |
| .main-container{ |
| background:#fff; |
| } |
| |
| body#broken_default .main-container{ |
| background:url("../img/oom3.jpg") left no-repeat #fff; |
| } |
| #header-banner{ |
| float: right; |
| margin-top:10px; |
| } |
| .footer-container { |
| border-top: 1px solid #ccc; |
| position: relative; |
| } |
| |
| .header-container, |
| .footer-container { |
| background: #ecebf3; |
| background: url("../img/bg.png") repeat-x; |
| } |
| |
| .title { |
| color: white; |
| } |
| |
| /* ============== |
| MOBILE: Menu |
| ============== */ |
| |
| nav ul { |
| margin: 0; |
| padding: 0; |
| } |
| |
| nav a { |
| display: block; |
| margin-bottom: 10px; |
| padding: 15px 0; |
| |
| text-align: center; |
| text-decoration: none; |
| font-weight: bold; |
| |
| color: white; |
| background: #2e0e6f; |
| } |
| |
| nav a:hover, |
| nav a:visited { |
| color: white; |
| } |
| |
| nav a:hover { |
| text-decoration: underline; |
| } |
| |
| /* ============== |
| MOBILE: Main |
| ============== */ |
| |
| .main { |
| padding: 30px 0; |
| } |
| |
| .main article h1 { |
| font-size: 2em; |
| line-height:1.1em; |
| color:#1b0449; |
| } |
| h3{ |
| margin-top:0; |
| font-size: 11px; |
| font-weight: normal; |
| } |
| .main article h1, |
| .main article p{ |
| |
| } |
| |
| .main aside { |
| color: white; |
| padding: 0px; |
| text-align: center; |
| padding-top:60px; |
| } |
| |
| .footer-container footer { |
| color: #1b0449; |
| padding: 13px 0 5px 0; |
| position: relative; |
| |
| } |
| |
| /* =============== |
| ALL: IE Fixes |
| =============== */ |
| |
| .ie7 .title { |
| padding-top: 20px; |
| } |
| |
| /* ========================================================================== |
| Author's custom styles |
| ========================================================================== */ |
| #moving_default .header-container h1{ |
| margin-bottom:0; |
| } |
| |
| #twitter-eclipsecon{ |
| float:right; |
| clear:right; |
| } |
| #broken_default #twitter-eclipsecon{ |
| margin-top:55px; |
| } |
| #img_stock{ |
| padding-top:1em; |
| |
| } |
| #moving_econ #img_stock{ |
| padding-top:3em; |
| |
| } |
| #footer-social span{ |
| font-size: 10px; |
| padding-right:6px; |
| } |
| |
| #footer-social{ |
| float:right; |
| position: absolute; |
| top:10px; |
| right:0; |
| font-style: italic; |
| |
| } |
| |
| a.button:link, a.button:active, a.button:visited { |
| text-decoration: none;color:#006fba; |
| background:#EE993F; |
| background-image: linear-gradient(top, rgb(255,230,139) 8%, rgb(238,153,63) 52%); |
| background-image: -o-linear-gradient(top, rgb(255,230,139) 8%, rgb(238,153,63) 52%); |
| background-image: -moz-linear-gradient(top, rgb(255,230,139) 8%, rgb(238,153,63) 52%); |
| background-image: -webkit-linear-gradient(top, rgb(255,230,139) 8%, rgb(238,153,63) 52%); |
| background-image: -ms-linear-gradient(top, rgb(255,230,139) 8%, rgb(238,153,63) 52%); |
| |
| background-image: -webkit-gradient( |
| linear, |
| left top, |
| left bottom, |
| color-stop(0.08, rgb(255,230,139)), |
| color-stop(0.52, rgb(238,153,63)) |
| ); |
| |
| border:1px solid #948d71; |
| color:#120500; |
| font-size:1.7em; |
| -webkit-border-radius: 5px; |
| -moz-border-radius: 5px; |
| border-radius: 5px; |
| font-weight: bold; |
| padding:6px 6px; |
| } |
| a.button:hover{ |
| background:#fdf400; |
| } |
| |
| #moving_econ #header-banner-link{ |
| position: absolute; |
| float:right; |
| margin-top:40px; |
| top:10px; |
| right:0px; |
| } |
| |
| |
| |
| .header-container header{ |
| position: relative; |
| } |
| |
| |
| |
| |
| |
| |
| /* ========================================================================== |
| Media Queries |
| ========================================================================== */ |
| @media only screen and (max-width: 600px) { |
| #footer-social, |
| #header-banner-link, |
| #moving_default #twitter-eclipsecon, |
| #img_stock{ |
| display:none; |
| } |
| #moving_default .header-container h1{ |
| margin-bottom:0.67em; |
| } |
| #moving_econ .header-container h1{ |
| margin-bottom:0; |
| } |
| #moving_econ #header-banner-link{ |
| float:none; |
| margin-top:10px; |
| margin-bottom:20px; |
| clear:left; |
| display: block; |
| position: relative; |
| } |
| } |
| @media only screen and (min-width: 480px) { |
| |
| /* ==================== |
| INTERMEDIATE: Menu |
| ==================== */ |
| |
| nav a { |
| float: left; |
| width: 27%; |
| margin: 0 1.7%; |
| padding: 25px 2%; |
| margin-bottom: 0; |
| } |
| |
| nav li:first-child a { |
| margin-left: 0; |
| } |
| |
| nav li:last-child a { |
| margin-right: 0; |
| } |
| |
| /* ======================== |
| INTERMEDIATE: IE Fixes |
| ======================== */ |
| |
| nav ul li { |
| display: inline; |
| } |
| |
| .oldie nav a { |
| margin: 0 0.7%; |
| } |
| } |
| |
| @media only screen and (min-width: 768px) { |
| |
| /* ==================== |
| WIDE: CSS3 Effects |
| ==================== */ |
| |
| .header-container { |
| -webkit-box-shadow: 0 5px 10px #aaa; |
| -moz-box-shadow: 0 5px 10px #aaa; |
| box-shadow: 0 5px 10px #aaa; |
| } |
| |
| /* ============ |
| WIDE: Menu |
| ============ */ |
| |
| .title { |
| float: left; |
| } |
| |
| nav { |
| float: right; |
| width: 38%; |
| } |
| |
| /* ============ |
| WIDE: Main |
| ============ */ |
| |
| .main article { |
| float: left; |
| width: 46%; |
| } |
| |
| .main aside { |
| float: right; |
| width: 39%; |
| } |
| } |
| |
| @media only screen and (min-width: 1140px) { |
| |
| /* =============== |
| Maximal Width |
| =============== */ |
| |
| .wrapper { |
| width: 1026px; /* 1140px - 10% for margins */ |
| margin: 0 auto; |
| } |
| } |
| |
| /* ========================================================================== |
| Helper classes |
| ========================================================================== */ |
| |
| .ir { |
| background-color: transparent; |
| border: 0; |
| overflow: hidden; |
| *text-indent: -9999px; |
| } |
| |
| .ir:before { |
| content: ""; |
| display: block; |
| width: 0; |
| height: 150%; |
| } |
| |
| .hidden { |
| display: none !important; |
| visibility: hidden; |
| } |
| |
| .visuallyhidden { |
| border: 0; |
| clip: rect(0 0 0 0); |
| height: 1px; |
| margin: -1px; |
| overflow: hidden; |
| padding: 0; |
| position: absolute; |
| width: 1px; |
| } |
| |
| .visuallyhidden.focusable:active, |
| .visuallyhidden.focusable:focus { |
| clip: auto; |
| height: auto; |
| margin: 0; |
| overflow: visible; |
| position: static; |
| width: auto; |
| } |
| |
| .invisible { |
| visibility: hidden; |
| } |
| |
| .clearfix:before, |
| .clearfix:after { |
| content: " "; |
| display: table; |
| } |
| |
| .clearfix:after { |
| clear: both; |
| } |
| |
| .clearfix { |
| *zoom: 1; |
| } |
| |
| /* ========================================================================== |
| Print styles |
| ========================================================================== */ |
| |
| @media print { |
| * { |
| background: transparent !important; |
| color: #000 !important; /* Black prints faster: h5bp.com/s */ |
| box-shadow: none !important; |
| text-shadow: none !important; |
| } |
| |
| a, |
| a:visited { |
| text-decoration: underline; |
| } |
| |
| a[href]:after { |
| content: " (" attr(href) ")"; |
| } |
| |
| abbr[title]:after { |
| content: " (" attr(title) ")"; |
| } |
| |
| /* |
| * Don't show links for images, or javascript/internal links |
| */ |
| |
| .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; /* 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; |
| } |
| } |