Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Update media query and Add @2x badge

  • Loading branch information...
commit 876be460c86be377fa95fd22526d068bb13006c5 1 parent 179dbb8
@kaishin authored
View
12 _sass/style.scss
@@ -945,11 +945,15 @@ ul.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px
width: 200px;
}
- @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
- div.icon {
- background-image: url(../images/pebbles@2x.png);
+ @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
+ only screen and (min--moz-device-pixel-ratio: 1.3),
+ only screen and (-o-min-device-pixel-ratio: 13/10),
+ only screen and (min-resolution: 125dpi),
+ only screen and (min-resolution: 1.3dppx) {
+ div.icon {
+ background-image: url(../images/pebbles@2x.png);
+ }
}
- }
img.querying-javascript {
height: 300px;
View
1,880 css/style.css
@@ -3,12 +3,10 @@
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
- box-sizing: border-box;
-}
+ box-sizing: border-box; }
html {
- font-size: 62.5%;
-}
+ font-size: 62.5%; }
body {
background: white;
@@ -18,274 +16,219 @@ body {
line-height: 1;
color: #222222;
position: relative;
- -webkit-font-smoothing: antialiased;
-}
+ -webkit-font-smoothing: antialiased; }
/* Links ---------------------- */
a {
color: #2ba6cb;
text-decoration: none;
- line-height: inherit;
-}
+ line-height: inherit; }
a:hover {
- color: #2795b6;
-}
+ color: #2795b6; }
a:focus {
color: #2ba6cb;
- outline: none;
-}
+ outline: none; }
p a, p a:visited {
- line-height: inherit;
-}
+ line-height: inherit; }
/* Misc ---------------------- */
.left {
- float: left;
-}
+ float: left; }
.right {
- float: right;
-}
+ float: right; }
.text-left {
- text-align: left;
-}
+ text-align: left; }
.text-right {
- text-align: right;
-}
+ text-align: right; }
.text-center {
- text-align: center;
-}
+ text-align: center; }
.hide {
- display: none;
-}
+ display: none; }
.highlight {
- background: #ffff99;
-}
+ background: #ffff99; }
#googlemap img, object, embed {
- max-width: none;
-}
+ max-width: none; }
#map_canvas embed {
- max-width: none;
-}
+ max-width: none; }
#map_canvas img {
- max-width: none;
-}
+ max-width: none; }
#map_canvas object {
- max-width: none;
-}
+ max-width: none; }
/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
margin: 0;
padding: 0;
- font-size: 14px;
-}
+ font-size: 14px; }
p {
font-size: 14px;
line-height: 1.6;
- margin-bottom: 17px;
-}
+ margin-bottom: 17px; }
p.lead {
font-size: 17.5px;
line-height: 1.6;
- margin-bottom: 17px;
-}
+ margin-bottom: 17px; }
p img.left, p img {
margin: 17px;
- margin-left: 0;
-}
+ margin-left: 0; }
p img.right {
margin: 17px;
- margin-right: 0;
-}
+ margin-right: 0; }
aside p {
font-size: 13px;
line-height: 1.35;
- font-style: italic;
-}
+ font-style: italic; }
h1, h2, h3, h4, h5, h6 {
text-rendering: optimizeLegibility;
line-height: 1.1;
margin-bottom: 14px;
- margin-top: 14px;
-}
+ margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 60%;
color: #888;
- line-height: 0;
-}
+ line-height: 0; }
h1 {
- font-size: 44px;
-}
+ font-size: 44px; }
h2 {
- font-size: 37px;
-}
+ font-size: 37px; }
h3 {
- font-size: 27px;
-}
+ font-size: 27px; }
h4 {
- font-size: 23px;
-}
+ font-size: 23px; }
h5 {
- font-size: 17px;
-}
+ font-size: 17px; }
h6 {
- font-size: 14px;
-}
+ font-size: 14px; }
hr {
border: solid #ddd;
border-width: 1px 0 0;
clear: both;
margin: 22px 0 21px;
- height: 0;
-}
+ height: 0; }
.subheader {
line-height: 1.3;
color: #777;
font-weight: 300;
- margin-bottom: 17px;
-}
+ margin-bottom: 17px; }
em, i {
font-style: italic;
- line-height: inherit;
-}
+ line-height: inherit; }
strong, b {
font-weight: bold;
- line-height: inherit;
-}
+ line-height: inherit; }
small {
font-size: 60%;
- line-height: inherit;
-}
+ line-height: inherit; }
code {
font-weight: bold;
- background: #ffff99;
-}
+ background: #ffff99; }
/* Lists ---------------------- */
ul, ol {
font-size: 14px;
line-height: 1.6;
margin-bottom: 17px;
- list-style-position: outside;
-}
+ list-style-position: outside; }
ul li ul {
margin-left: 20px;
margin-bottom: 0;
- list-style: outside;
-}
+ list-style: outside; }
ul.square, ul.circle, ul.disc {
- margin-left: 17px;
-}
+ margin-left: 17px; }
ul.square {
- list-style-type: square;
-}
+ list-style-type: square; }
ul.square li ul {
- list-style: inherit;
-}
+ list-style: inherit; }
ul.circle {
- list-style-type: circle;
-}
+ list-style-type: circle; }
ul.circle li ul {
- list-style: inherit;
-}
+ list-style: inherit; }
ul.disc {
- list-style-type: disc;
-}
+ list-style-type: disc; }
ul.disc li ul {
- list-style: inherit;
-}
+ list-style: inherit; }
ul.no-bullet {
- list-style: none;
-}
+ list-style: none; }
ul.large li {
- line-height: 21px;
-}
+ line-height: 21px; }
/* Blockquotes ---------------------- */
blockquote, blockquote p {
line-height: 1.5;
- color: #777;
-}
+ color: #777; }
blockquote {
margin: 0 0 17px;
padding: 9px 20px 0 19px;
- border-left: 1px solid #ddd;
-}
+ border-left: 1px solid #ddd; }
blockquote cite {
display: block;
font-size: 13px;
- color: #555;
-}
+ color: #555; }
blockquote cite:before {
- content: "\2014 \0020";
-}
+ content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited {
- color: #555;
-}
+ color: #555; }
abbr, acronym {
text-transform: uppercase;
font-size: 90%;
color: #222;
border-bottom: 1px solid #ddd;
- cursor: help;
-}
+ cursor: help; }
abbr {
- text-transform: none;
-}
+ text-transform: none; }
/* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
- display: none !important;
-}
+ display: none !important; }
@media print {
* {
@@ -294,298 +237,229 @@ abbr {
box-shadow: none !important;
text-shadow: none !important;
filter: none !important;
- -ms-filter: none !important;
- }
+ -ms-filter: none !important; }
/* Black prints faster: h5bp.com/s */
a, a:visited {
- text-decoration: underline;
- }
+ text-decoration: underline; }
a[href]:after {
- content: " (" attr(href) ")";
- }
+ content: " (" attr(href) ")"; }
abbr[title]:after {
- content: " (" attr(title) ")";
- }
+ content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
- content: "";
- }
+ content: ""; }
/* Don't show links for images, or javascript/internal links */
pre, blockquote {
border: 1px solid #999;
- page-break-inside: avoid;
- }
+ page-break-inside: avoid; }
thead {
- display: table-header-group;
- }
+ display: table-header-group; }
/* h5bp.com/t */
tr, img {
- page-break-inside: avoid;
- }
+ page-break-inside: avoid; }
@page {
- margin: 0.5cm;
-}
+ margin: 0.5cm; }
p, h2, h3 {
orphans: 3;
- widows: 3;
- }
+ widows: 3; }
h2, h3 {
- page-break-after: avoid;
- }
+ page-break-after: avoid; }
.hide-on-print {
- display: none !important;
- }
+ display: none !important; }
.print-only {
- display: block !important;
- }
-}
+ display: block !important; } }
/* The Grid ---------------------- */
.row {
width: 1000px;
max-width: 100%;
min-width: 768px;
- margin: 0 auto;
-}
+ margin: 0 auto; }
.row .row {
width: auto;
max-width: none;
min-width: 0;
- margin: 0 -15px;
-}
+ margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns {
- padding: 0;
-}
+ padding: 0; }
.row .row {
width: auto;
max-width: none;
min-width: 0;
- margin: 0 -15px;
-}
+ margin: 0 -15px; }
.row .row.collapse {
- margin: 0;
-}
+ margin: 0; }
.column, .columns {
float: left;
min-height: 1px;
padding: 0 15px;
- position: relative;
-}
+ position: relative; }
.column.centered, .columns.centered {
float: none;
- margin: 0 auto;
-}
+ margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child {
- float: right;
-}
+ float: right; }
[class*="column"] + [class*="column"].end {
- float: left;
-}
+ float: left; }
.row .one {
- width: 8.333%;
-}
+ width: 8.333%; }
.row .two {
- width: 16.667%;
-}
+ width: 16.667%; }
.row .three {
- width: 25%;
-}
+ width: 25%; }
.row .four {
- width: 33.333%;
-}
+ width: 33.333%; }
.row .five {
- width: 41.667%;
-}
+ width: 41.667%; }
.row .six {
- width: 50%;
-}
+ width: 50%; }
.row .seven {
- width: 58.333%;
-}
+ width: 58.333%; }
.row .eight {
- width: 66.667%;
-}
+ width: 66.667%; }
.row .nine {
- width: 75%;
-}
+ width: 75%; }
.row .ten {
- width: 83.333%;
-}
+ width: 83.333%; }
.row .eleven {
- width: 91.667%;
-}
+ width: 91.667%; }
.row .twelve {
- width: 100%;
-}
+ width: 100%; }
.row .offset-by-one {
- margin-left: 8.333%;
-}
+ margin-left: 8.333%; }
.row .offset-by-two {
- margin-left: 16.667%;
-}
+ margin-left: 16.667%; }
.row .offset-by-three {
- margin-left: 25%;
-}
+ margin-left: 25%; }
.row .offset-by-four {
- margin-left: 33.333%;
-}
+ margin-left: 33.333%; }
.row .offset-by-five {
- margin-left: 41.667%;
-}
+ margin-left: 41.667%; }
.row .offset-by-six {
- margin-left: 50%;
-}
+ margin-left: 50%; }
.row .offset-by-seven {
- margin-left: 58.333%;
-}
+ margin-left: 58.333%; }
.row .offset-by-eight {
- margin-left: 66.667%;
-}
+ margin-left: 66.667%; }
.row .offset-by-nine {
- margin-left: 75%;
-}
+ margin-left: 75%; }
.row .offset-by-ten {
- margin-left: 83.333%;
-}
+ margin-left: 83.333%; }
.push-two {
- left: 16.667%;
-}
+ left: 16.667%; }
.pull-two {
- right: 16.667%;
-}
+ right: 16.667%; }
.push-three {
- left: 25%;
-}
+ left: 25%; }
.pull-three {
- right: 25%;
-}
+ right: 25%; }
.push-four {
- left: 33.333%;
-}
+ left: 33.333%; }
.pull-four {
- right: 33.333%;
-}
+ right: 33.333%; }
.push-five {
- left: 41.667%;
-}
+ left: 41.667%; }
.pull-five {
- right: 41.667%;
-}
+ right: 41.667%; }
.push-six {
- left: 50%;
-}
+ left: 50%; }
.pull-six {
- right: 50%;
-}
+ right: 50%; }
.push-seven {
- left: 58.333%;
-}
+ left: 58.333%; }
.pull-seven {
- right: 58.333%;
-}
+ right: 58.333%; }
.push-eight {
- left: 66.667%;
-}
+ left: 66.667%; }
.pull-eight {
- right: 66.667%;
-}
+ right: 66.667%; }
.push-nine {
- left: 75%;
-}
+ left: 75%; }
.pull-nine {
- right: 75%;
-}
+ right: 75%; }
.push-ten {
- left: 83.333%;
-}
+ left: 83.333%; }
.pull-ten {
- right: 83.333%;
-}
+ right: 83.333%; }
img, object, embed {
max-width: 100%;
- height: auto;
-}
+ height: auto; }
img {
- -ms-interpolation-mode: bicubic;
-}
+ -ms-interpolation-mode: bicubic; }
#map_canvas img, .map_canvas img {
- max-width: none!important;
-}
+ max-width: none!important; }
/* Nicolas Gallagher's micro clearfix */
.row {
- *zoom: 1;
-}
+ *zoom: 1; }
.row:before, .row:after {
content: "";
- display: table;
-}
+ display: table; }
.row:after {
- clear: both;
-}
+ clear: both; }
/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 767px) {
@@ -597,131 +471,102 @@ img {
margin-left: 0;
margin-right: 0;
padding-left: 0;
- padding-right: 0;
- }
+ padding-right: 0; }
.row {
width: auto;
min-width: 0;
margin-left: 0;
- margin-right: 0;
- }
+ margin-right: 0; }
.column, .columns {
width: auto !important;
- float: none;
- }
+ float: none; }
.column:last-child, .columns:last-child {
- float: none;
- }
+ float: none; }
[class*="column"] + [class*="column"]:last-child {
- float: none;
- }
+ float: none; }
.column:before, .columns:before, .column:after, .columns:after {
content: "";
- display: table;
- }
+ display: table; }
.column:after, .columns:after {
- clear: both;
- }
+ clear: both; }
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
- margin-left: 0 !important;
- }
+ margin-left: 0 !important; }
.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
- left: auto;
- }
+ left: auto; }
.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
- right: auto;
- }
+ right: auto; }
/* Mobile 4-column Grid */
.row .mobile-one {
width: 25% !important;
float: left;
- padding: 0 15px;
- }
+ padding: 0 15px; }
.row .mobile-one:last-child {
- float: right;
- }
+ float: right; }
.row.collapse .mobile-one {
- padding: 0;
- }
+ padding: 0; }
.row .mobile-two {
width: 50% !important;
float: left;
- padding: 0 15px;
- }
+ padding: 0 15px; }
.row .mobile-two:last-child {
- float: right;
- }
+ float: right; }
.row.collapse .mobile-two {
- padding: 0;
- }
+ padding: 0; }
.row .mobile-three {
width: 75% !important;
float: left;
- padding: 0 15px;
- }
+ padding: 0 15px; }
.row .mobile-three:last-child {
- float: right;
- }
+ float: right; }
.row.collapse .mobile-three {
- padding: 0;
- }
+ padding: 0; }
.row .mobile-four {
width: 100% !important;
float: left;
- padding: 0 15px;
- }
+ padding: 0 15px; }
.row .mobile-four:last-child {
- float: right;
- }
+ float: right; }
.row.collapse .mobile-four {
- padding: 0;
- }
+ padding: 0; }
.push-one-mobile {
- left: 25%;
- }
+ left: 25%; }
.pull-one-mobile {
- right: 25%;
- }
+ right: 25%; }
.push-two-mobile {
- left: 50%;
- }
+ left: 50%; }
.pull-two-mobile {
- right: 50%;
- }
+ right: 50%; }
.push-three-mobile {
- left: 75%;
- }
+ left: 75%; }
.pull-three-mobile {
- right: 75%;
- }
-}
+ right: 75%; } }
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
@@ -736,76 +581,61 @@ that IE7/8 do not support :nth-child.
.block-grid {
display: block;
overflow: hidden;
- padding: 0;
-}
+ padding: 0; }
.block-grid > li {
display: block;
height: auto;
- float: left;
-}
+ float: left; }
.block-grid.one-up {
- margin: 0;
-}
+ margin: 0; }
.block-grid.one-up > li {
width: 100%;
- padding: 0 0 15px;
-}
+ padding: 0 0 15px; }
.block-grid.two-up {
- margin: 0 -15px;
-}
+ margin: 0 -15px; }
.block-grid.two-up > li {
width: 50%;
- padding: 0 15px 15px;
-}
+ padding: 0 15px 15px; }
/* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
.block-grid.three-up {
- margin: 0 -12px;
-}
+ margin: 0 -12px; }
.block-grid.three-up > li {
width: 33.33%;
- padding: 0 12px 12px;
-}
+ padding: 0 12px 12px; }
/* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
.block-grid.four-up {
- margin: 0 -10px;
-}
+ margin: 0 -10px; }
.block-grid.four-up > li {
width: 25%;
- padding: 0 10px 10px;
-}
+ padding: 0 10px 10px; }
/* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
.block-grid.five-up {
- margin: 0 -8px;
-}
+ margin: 0 -8px; }
.block-grid.five-up > li {
width: 20%;
- padding: 0 8px 8px;
-}
+ padding: 0 8px 8px; }
/* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
/* Mobile Block Grids */
@media only screen and (max-width: 767px) {
.block-grid.mobile {
- margin-left: 0;
- }
+ margin-left: 0; }
.block-grid.mobile > li {
float: none;
width: 100%;
- margin-left: 0;
- }
-}
+ margin-left: 0; } }
/* Requires: globals.css */
/* Table of Contents
@@ -829,102 +659,74 @@ that IE7/8 do not support :nth-child.
/* Visibility Classes ---------------------- */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge {
- display: none !important;
-}
+ display: none !important; }
.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down {
- display: block !important;
-}
+ display: block !important; }
/* Very large display targeting */
@media only screen and (min-width: 1441px) {
.hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
- display: block !important;
- }
+ display: block !important; }
.show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {
- display: none !important;
- }
-}
+ display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
.hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
- display: block !important;
- }
+ display: block !important; }
.show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
- display: none !important;
- }
-}
+ display: none !important; } }
/* Small display targeting */
@media only screen and (max-width: 767px) {
.show-for-small, .show-for-medium-down, .hide-for-medium, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
- display: block !important;
- }
+ display: block !important; }
.hide-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
- display: none !important;
- }
-}
+ display: none !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
- display: block !important;
-}
+ display: block !important; }
.hide-for-landscape, .show-for-portrait {
- display: none !important;
-}
+ display: none !important; }
@media screen and (orientation: landscape) {
.show-for-landscape, .hide-for-portrait {
- display: block !important;
- }
+ display: block !important; }
.hide-for-landscape, .show-for-portrait {
- display: none !important;
- }
-}
+ display: none !important; } }
@media screen and (orientation: portrait) {
.show-for-portrait, .hide-for-landscape {
- display: block !important;
- }
+ display: block !important; }
.hide-for-portrait, .show-for-landscape {
- display: none !important;
- }
-}
+ display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
- display: none !important;
-}
+ display: none !important; }
.hide-for-touch {
- display: block !important;
-}
+ display: block !important; }
.touch .show-for-touch {
- display: block !important;
-}
+ display: block !important; }
.touch .hide-for-touch {
- display: none !important;
-}
+ display: none !important; }
/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium {
- display: table !important;
-}
+ display: table !important; }
@media only screen and (max-width: 1279px) and (min-width: 768px) {
.touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium {
- display: table !important;
- }
-}
+ display: table !important; } }
@media only screen and (max-width: 767px) {
table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small {
- display: table !important;
- }
-}
+ display: table !important; } }
/* Alerts ---------------------- */
div.alert-box {
display: block;
@@ -941,26 +743,22 @@ div.alert-box {
-o-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
- position: relative;
-}
+ position: relative; }
div.alert-box.success {
background-color: #5da423;
color: #fff;
- text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
-}
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.alert {
background-color: #c60f13;
color: #fff;
- text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
-}
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }
div.alert-box.secondary {
background-color: #e9e9e9;
color: #505050;
- text-shadow: 0 1px rgba(255, 255, 255, 0.3);
-}
+ text-shadow: 0 1px rgba(255, 255, 255, 0.3); }
div.alert-box a.close {
color: #333;
@@ -969,12 +767,10 @@ div.alert-box a.close {
top: -1px;
font-size: 17px;
opacity: 0.2;
- padding: 4px;
-}
+ padding: 4px; }
div.alert-box a.close:hover, div.alert-box a.close:focus {
- opacity: 0.4;
-}
+ opacity: 0.4; }
/* Labels ---------------------- */
.label {
@@ -989,16 +785,14 @@ div.alert-box a.close:hover, div.alert-box a.close:focus {
position: relative;
bottom: 1px;
color: #fff;
- background: #2ba6cb;
-}
+ background: #2ba6cb; }
.label.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
- border-radius: 3px;
-}
+ border-radius: 3px; }
.label.round {
padding: 1px 7px 2px;
@@ -1006,38 +800,31 @@ div.alert-box a.close:hover, div.alert-box a.close:focus {
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
- border-radius: 1000px;
-}
+ border-radius: 1000px; }
.label.alert {
- background-color: #c60f13;
-}
+ background-color: #c60f13; }
.label.success {
- background-color: #5da423;
-}
+ background-color: #5da423; }
.label.secondary {
background-color: #e9e9e9;
- color: #505050;
-}
+ color: #505050; }
/* Tooltips ---------------------- */
.has-tip {
border-bottom: dotted 1px #ccc;
cursor: help;
font-weight: bold;
- color: #333;
-}
+ color: #333; }
.has-tip:hover {
border-bottom: dotted 1px #0593dc;
- color: #0192dd;
-}
+ color: #0192dd; }
.has-tip.tip-left, .has-tip.tip-right {
- float: none !important;
-}
+ float: none !important; }
.tooltip {
display: none;
@@ -1053,8 +840,7 @@ div.alert-box a.close:hover, div.alert-box a.close:focus {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
- line-height: normal;
-}
+ line-height: normal; }
.tooltip > .nub {
display: block;
@@ -1065,91 +851,76 @@ div.alert-box a.close:hover, div.alert-box a.close:focus {
border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
position: absolute;
top: -10px;
- left: 10px;
-}
+ left: 10px; }
.tooltip.tip-override > .nub {
border-color: transparent transparent black transparent !important;
border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent !important;
- top: -10px !important;
-}
+ top: -10px !important; }
.tooltip.tip-top > .nub {
border-color: black transparent transparent transparent;
border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
top: auto;
- bottom: -10px;
-}
+ bottom: -10px; }
.tooltip.tip-left, .tooltip.tip-right {
- float: none !important;
-}
+ float: none !important; }
.tooltip.tip-left > .nub {
border-color: transparent transparent transparent black;
border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
right: -10px;
- left: auto;
-}
+ left: auto; }
.tooltip.tip-right > .nub {
border-color: transparent black transparent transparent;
border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
right: auto;
- left: -10px;
-}
+ left: -10px; }
.tooltip.noradius {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
- border-radius: 0;
-}
+ border-radius: 0; }
.tooltip.opened {
color: #0192DD !important;
- border-bottom: dotted 1px #0593DC !important;
-}
+ border-bottom: dotted 1px #0593DC !important; }
.tap-to-close {
display: block;
font-size: 10px;
font-size: 1rem;
color: #888;
- font-weight: normal;
-}
+ font-weight: normal; }
@media only screen and (max-width: 767px) {
.tooltip {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
- padding: 7px 10px 9px 10px;
- }
+ padding: 7px 10px 9px 10px; }
.tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
border-color: transparent transparent black transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
top: -12px;
- left: 10px;
- }
-}
+ left: 10px; } }
/* Panels ---------------------- */
div.panel {
background: #f2f2f2;
border: solid 1px #e6e6e6;
margin: 0 0 22px 0;
- padding: 20px;
-}
+ padding: 20px; }
div.panel > :first-child {
- margin-top: 0;
-}
+ margin-top: 0; }
div.panel > :last-child {
- margin-bottom: 0;
-}
+ margin-bottom: 0; }
div.panel.callout {
background: #2ba6cb;
@@ -1157,60 +928,50 @@ div.panel.callout {
border-color: #2284a1;
-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
- box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
-}
+ box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
div.panel.callout a {
- color: #fff;
-}
+ color: #fff; }
div.panel.callout .button {
background: white;
border: none;
color: #2ba6cb;
- text-shadow: none;
-}
+ text-shadow: none; }
div.panel.callout .button:hover {
- background: rgba(255, 255, 255, 0.8);
-}
+ background: rgba(255, 255, 255, 0.8); }
div.panel.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
- border-radius: 3px;
-}
+ border-radius: 3px; }
/* Side Nav ---------------------- */
ul.side-nav {
display: block;
list-style: none;
margin: 0;
- padding: 17px 0;
-}
+ padding: 17px 0; }
ul.side-nav li {
display: block;
list-style: none;
- margin: 0 0 7px 0;
-}
+ margin: 0 0 7px 0; }
ul.side-nav li a {
- display: block;
-}
+ display: block; }
ul.side-nav li.active a {
color: #4d4d4d;
- font-weight: bold;
-}
+ font-weight: bold; }
ul.side-nav li.divider {
border-top: 1px solid #e6e6e6;
height: 0;
- padding: 0;
-}
+ padding: 0; }
/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav {
@@ -1218,20 +979,17 @@ dl.sub-nav {
width: auto;
overflow: hidden;
margin: -4px 0 18px -9px;
- padding-top: 4px;
-}
+ padding-top: 4px; }
dl.sub-nav dt, dl.sub-nav dd {
float: left;
display: inline;
margin-left: 9px;
- margin-bottom: 4px;
-}
+ margin-bottom: 4px; }
dl.sub-nav dt {
color: #999;
- font-weight: normal;
-}
+ font-weight: normal; }
dl.sub-nav dd a {
text-decoration: none;
@@ -1239,23 +997,20 @@ dl.sub-nav dd a {
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
- border-radius: 1000px;
-}
+ border-radius: 1000px; }
dl.sub-nav dd.active a {
font-weight: bold;
background: #2ba6cb;
color: #fff;
padding: 3px 9px;
- cursor: default;
-}
+ cursor: default; }
/* Pagination ---------------------- */
ul.pagination {
display: block;
height: 24px;
- margin-left: -5px;
-}
+ margin-left: -5px; }
ul.pagination li {
float: left;
@@ -1263,38 +1018,31 @@ ul.pagination li {
height: 24px;
color: #999;
font-size: 14px;
- margin-left: 5px;
-}
+ margin-left: 5px; }
ul.pagination li a {
display: block;
padding: 1px 7px 1px;
- color: #555;
-}
+ color: #555; }
ul.pagination li:hover a, ul.pagination li a:focus {
- background: #e6e6e6;
-}
+ background: #e6e6e6; }
ul.pagination li.unavailable a {
cursor: default;
- color: #999;
-}
+ color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
- background: transparent;
-}
+ background: transparent; }
ul.pagination li.current a {
background: #2ba6cb;
color: white;
font-weight: bold;
- cursor: default;
-}
+ cursor: default; }
ul.pagination li.current a:hover {
- background: #2ba6cb;
-}
+ background: #2ba6cb; }
/* Breadcrums ---------------------- */
ul.breadcrumbs {
@@ -1307,95 +1055,78 @@ ul.breadcrumbs {
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
- overflow: hidden;
-}
+ overflow: hidden; }
ul.breadcrumbs li {
margin: 0;
padding: 0 12px 0 0;
float: left;
- list-style: none;
-}
+ list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span {
text-transform: uppercase;
font-size: 11px;
font-size: 1.1rem;
- padding-left: 12px;
-}
+ padding-left: 12px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
- padding-left: 0;
-}
+ padding-left: 0; }
ul.breadcrumbs li:before {
content: "/";
- color: #aaa;
-}
+ color: #aaa; }
ul.breadcrumbs li:first-child:before {
- content: " ";
-}
+ content: " "; }
ul.breadcrumbs li.current a {
cursor: default;
- color: #333;
-}
+ color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
- text-decoration: underline;
-}
+ text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {
- text-decoration: none;
-}
+ text-decoration: none; }
ul.breadcrumbs li.unavailable a {
- color: #999;
-}
+ color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {
text-decoration: none;
color: #999;
- cursor: default;
-}
+ cursor: default; }
/* Lists ---------------------- */
ul.nice, ol.nice {
list-style: none;
- margin: 0;
-}
+ margin: 0; }
ul.nice li, ol.nice li {
padding-left: 13px;
- position: relative;
-}
+ position: relative; }
ul.nice li span.bullet, ul.nice li span.number, ol.nice li span.bullet, ol.nice li span.number {
position: absolute;
left: 0;
top: 0;
- color: #ccc;
-}
+ color: #ccc; }
/* Link List */
ul.link-list {
margin: 0 0 17px -22px;
padding: 0;
list-style: none;
- overflow: hidden;
-}
+ overflow: hidden; }
ul.link-list li {
list-style: none;
float: left;
margin-left: 22px;
- display: block;
-}
+ display: block; }
ul.link-list li a {
- display: block;
-}
+ display: block; }
/* Keytroke Characters ---------------------- */
.keystroke, kbd {
@@ -1409,8 +1140,7 @@ ul.link-list li a {
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
- border-radius: 3px;
-}
+ border-radius: 3px; }
/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video {
@@ -1419,30 +1149,24 @@ ul.link-list li a {
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
- overflow: hidden;
-}
+ overflow: hidden; }
.flex-video.widescreen {
- padding-bottom: 57.25%;
-}
+ padding-bottom: 57.25%; }
.flex-video.vimeo {
- padding-top: 0;
-}
+ padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
- height: 100%;
-}
+ height: 100%; }
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
.flex-video {
- padding-top: 0;
- }
-}
+ padding-top: 0; } }
/* Tables ---------------------- */
table {
background: #fff;
@@ -1450,81 +1174,67 @@ table {
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0 0 18px;
- border: 1px solid #ddd;
-}
+ border: 1px solid #ddd; }
table thead, table tfoot {
- background: #f5f5f5;
-}
+ background: #f5f5f5; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
font-size: 12px;
font-size: 1.2rem;
line-height: 18px;
- text-align: left;
-}
+ text-align: left; }
table thead tr th, table tfoot tr td {
padding: 8px 10px 9px;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
- color: #222;
-}
+ color: #222; }
table thead tr th:first-child, table tfoot tr td:first-child {
- border-left: none;
-}
+ border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child {
- border-right: none;
-}
+ border-right: none; }
table tbody tr.even, table tbody tr.alt {
- background: #f9f9f9;
-}
+ background: #f9f9f9; }
table tbody tr:nth-child(even) {
- background: #f9f9f9;
-}
+ background: #f9f9f9; }
table tbody tr td {
color: #333;
padding: 9px 10px;
vertical-align: top;
- border: none;
-}
+ border: none; }
/* Microformats ---------------------- */
ul.vcard {
display: inline-block;
margin: 0 0 12px 0;
border: 1px solid #ddd;
- padding: 10px;
-}
+ padding: 10px; }
ul.vcard li {
margin: 0;
- display: block;
-}
+ display: block; }
ul.vcard li.fn {
font-weight: bold;
font-size: 15px;
- font-size: 1.5rem;
-}
+ font-size: 1.5rem; }
p.vevent span.summary {
- font-weight: bold;
-}
+ font-weight: bold; }
p.vevent abbr {
cursor: default;
text-decoration: none;
font-weight: bold;
border: none;
- padding: 0 1px;
-}
+ padding: 0 1px; }
/* Requires globals.css */
/* Normal Buttons ---------------------- */
@@ -1557,139 +1267,114 @@ p.vevent abbr {
/* Colors */
/* Radii */
/* Layout */
- /* Disabled ---------- */
-}
+ /* Disabled ---------- */ }
.button:hover {
color: white;
- background-color: #2284a1;
-}
+ background-color: #2284a1; }
.button:active {
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
-}
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
.button:focus {
-webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
- color: white;
-}
+ color: white; }
.button.large {
font-size: 17px;
- padding: 15px 30px 16px;
-}
+ padding: 15px 30px 16px; }
.button.medium {
- font-size: 14px;
-}
+ font-size: 14px; }
.button.small {
font-size: 11px;
- padding: 7px 14px 8px;
-}
+ padding: 7px 14px 8px; }
.button.tiny {
font-size: 10px;
- padding: 5px 10px 6px;
-}
+ padding: 5px 10px 6px; }
.button.expand {
width: 100%;
- text-align: center;
-}
+ text-align: center; }
.button.primary {
background-color: #2ba6cb;
- border: 1px solid #1e728c;
-}
+ border: 1px solid #1e728c; }
.button.primary:hover {
- background-color: #2284a1;
-}
+ background-color: #2284a1; }
.button.primary:focus {
-webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
- box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-}
+ box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.success {
background-color: #5da423;
- border: 1px solid #396516;
-}
+ border: 1px solid #396516; }
.button.success:hover {
- background-color: #457a1a;
-}
+ background-color: #457a1a; }
.button.success:focus {
-webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
- box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-}
+ box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.alert {
background-color: #c60f13;
- border: 1px solid #7f0a0c;
-}
+ border: 1px solid #7f0a0c; }
.button.alert:hover {
- background-color: #970b0e;
-}
+ background-color: #970b0e; }
.button.alert:focus {
-webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
- box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-}
+ box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.secondary {
background-color: #e9e9e9;
color: #1d1d1d;
- border: 1px solid #c3c3c3;
-}
+ border: 1px solid #c3c3c3; }
.button.secondary:hover {
- background-color: #d0d0d0;
-}
+ background-color: #d0d0d0; }
.button.secondary:focus {
-webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
- box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-}
+ box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.radius {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
- border-radius: 3px;
-}
+ border-radius: 3px; }
.button.round {
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
-ms-border-radius: 1000px;
-o-border-radius: 1000px;
- border-radius: 1000px;
-}
+ border-radius: 1000px; }
.button.full-width {
width: 100%;
text-align: center;
padding-left: 0 !important;
- padding-right: !important;
-}
+ padding-right: !important; }
.button.left-align {
text-align: left;
- text-indent: 12px;
-}
+ text-indent: 12px; }
.button.disabled, .button[disabled] {
opacity: 0.6;
@@ -1697,76 +1382,58 @@ p.vevent abbr {
background: #2ba6cb;
-webkit-box-shadow: none;
-moz-box-shadow: none;
- box-shadow: none;
-}
+ box-shadow: none; }
.button.disabled :hover, .button[disabled] :hover {
- background: #2ba6cb;
-}
+ background: #2ba6cb; }
.button.disabled.success, .button[disabled].success {
- background-color: #5da423;
-}
+ background-color: #5da423; }
.button.disabled.success:hover, .button[disabled].success:hover {
- background-color: #5da423;
-}
+ background-color: #5da423; }
.button.disabled.alert, .button[disabled].alert {
- background-color: #c60f13;
-}
+ background-color: #c60f13; }
.button.disabled.alert:hover, .button[disabled].alert:hover {
- background-color: #c60f13;
-}
+ background-color: #c60f13; }
.button.disabled.secondary, .button[disabled].secondary {
- background-color: #e9e9e9;
-}
+ background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button[disabled].secondary:hover {
- background-color: #e9e9e9;
-}
+ background-color: #e9e9e9; }
/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
- -webkit-appearance: none;
-}
+ -webkit-appearance: none; }
@media only screen and (max-width: 767px) {
.button {
- display: block;
- }
+ display: block; }
button.button, input[type="submit"].button {
width: 100%;
padding-left: 0;
- padding-right: 0;
- }
-}
+ padding-right: 0; } }
/* Correct FF button padding */
@-moz-document url-prefix() {
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
- padding: 0;
- }
+ padding: 0; }
input[type="submit"].tiny.button {
- padding: 3px 10px 4px;
- }
+ padding: 3px 10px 4px; }
input[type="submit"].small.button {
- padding: 5px 14px 6px;
- }
+ padding: 5px 14px 6px; }
input[type="submit"].button, input[type=submit].medium.button {
- padding: 8px 20px 9px;
- }
+ padding: 8px 20px 9px; }
input[type="submit"].large.button {
- padding: 13px 30px 14px;
- }
-}
+ padding: 13px 30px 14px; } }
/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
@@ -1775,20 +1442,16 @@ input[type=submit].button, button.button {
/* Sizes */
/* Triangles */
/* Flyout List */
- /* Split Dropdown Buttons */
-}
+ /* Split Dropdown Buttons */ }
.button.dropdown.large {
- padding-right: 60px;
-}
+ padding-right: 60px; }
.button.dropdown.small {
- padding-right: 28px;
-}
+ padding-right: 28px; }
.button.dropdown.tiny {
- padding-right: 20px;
-}
+ padding-right: 20px; }
.button.dropdown:after {
content: "";
@@ -1800,8 +1463,7 @@ input[type=submit].button, button.button {
position: absolute;
top: 50%;
right: 20px;
- margin-top: -2px;
-}
+ margin-top: -2px; }
.button.dropdown.large:after {
content: "";
@@ -1811,8 +1473,7 @@ input[type=submit].button, button.button {
border: solid 7px;
border-color: white transparent transparent transparent;
margin-top: -3px;
- right: 30px;
-}
+ right: 30px; }
.button.dropdown.small:after {
content: "";
@@ -1822,8 +1483,7 @@ input[type=submit].button, button.button {
border: solid 5px;
border-color: white transparent transparent transparent;
margin-top: -2px;
- right: 14px;
-}
+ right: 14px; }
.button.dropdown.tiny:after {
content: "";
@@ -1833,8 +1493,7 @@ input[type=submit].button, button.button {
border: solid 4px;
border-color: white transparent transparent transparent;
margin-top: -1px;
- right: 10px;
-}
+ right: 10px; }
.button.dropdown > ul {
-webkit-box-sizing: content-box;
@@ -1851,8 +1510,7 @@ input[type=submit].button, button.button {
border: 1px solid #cccccc;
border-top: none;
min-width: 100%;
- z-index: 40;
-}
+ z-index: 40; }
.button.dropdown > ul li {
cursor: pointer;
@@ -1861,8 +1519,7 @@ input[type=submit].button, button.button {
line-height: 18px;
margin: 0;
white-space: nowrap;
- list-style: none;
-}
+ list-style: none; }
.button.dropdown > ul li a {
display: block;
@@ -1870,62 +1527,50 @@ input[type=submit].button, button.button {
font-size: 13px;
font-weight: normal;
padding: 6px 14px;
- text-align: left;
-}
+ text-align: left; }
.button.dropdown > ul li:hover {
background-color: #e3f4f9;
- color: #222;
-}
+ color: #222; }
.button.dropdown > ul li.divider {
min-height: 0;
padding: 0;
height: 1px;
margin: 4px 0;
- background: #ededed;
-}
+ background: #ededed; }
.button.dropdown.up > ul {
border-top: 1px solid #cccccc;
- border-bottom: none;
-}
+ border-bottom: none; }
.button.dropdown ul.no-hover.show-dropdown {
- display: block !important;
-}
+ display: block !important; }
.button.dropdown:hover > ul.no-hover {
- display: none;
-}
+ display: none; }
.button.dropdown.split {
padding: 0;
position: relative;
/* Sizes */
/* Triangle Spans */
- /* Colors */
-}
+ /* Colors */ }
.button.dropdown.split:after {
- display: none;
-}
+ display: none; }
.button.dropdown.split:hover {
- background-color: #2ba6cb;
-}
+ background-color: #2ba6cb; }
.button.dropdown.split.alert:hover {
- background-color: #c60f13;
-}
+ background-color: #c60f13; }
.button.dropdown.split.success:hover {
- background-color: #5da423;
-}
+ background-color: #5da423; }
.button.dropdown.split.secondary:hover {
- background-color: #e9e9e9;
-}
+ background-color: #e9e9e9; }
.button.dropdown.split > a {
color: white;
@@ -1934,24 +1579,19 @@ input[type=submit].button, button.button {
-webkit-transition: background-color 0.15s ease-in-out;
-moz-transition: background-color 0.15s ease-in-out;
-o-transition: background-color 0.15s ease-in-out;
- transition: background-color 0.15s ease-in-out;
-}
+ transition: background-color 0.15s ease-in-out; }
.button.dropdown.split > a:hover {
- background-color: #2284a1;
-}
+ background-color: #2284a1; }
.button.dropdown.split.large > a {
- padding: 15px 75px 16px 30px;
-}
+ padding: 15px 75px 16px 30px; }
.button.dropdown.split.small > a {
- padding: 7px 35px 8px 14px;
-}
+ padding: 7px 35px 8px 14px; }