|
|
Line 39: |
Line 39: |
| | | |
| | | |
− | .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: 27px;
| |
− | -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: "Open Sans", Helvetica, Arial, sans-serif;
| |
− | font-size: 1.3rem;
| |
− | line-height: 18px;
| |
− | color: #333333;
| |
− | background-color: #ffffff;
| |
− | }
| |
− | a {
| |
− | color: #000000;
| |
− | text-decoration: none;
| |
− | }
| |
− | a:hover,
| |
− | a:focus {
| |
− | color: #555555;
| |
− | 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 { | | .span12 { |
| width: 940px; | | width: 940px; |