+/* stylelint-disable selector-list-comma-newline-after, property-no-vendor-prefix */
+
/*
* Globals
*/
h6, .h6 {
margin-top: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-weight: normal;
+ font-weight: 400;
color: #333;
}
.blog-masthead {
background-color: #428bca;
- -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
- box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
+ -webkit-box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1);
+ box-shadow: inset 0 -2px 5px rgba(0, 0, 0, .1);
}
/* Nav links */
.blog-nav .active {
color: #fff;
}
-.blog-nav .active:after {
+.blog-nav .active::after {
position: absolute;
bottom: 0;
left: 50%;
margin-top: 30px;
margin-bottom: 0;
font-size: 60px;
- font-weight: normal;
+ font-weight: 400;
}
.blog-description {
font-size: 20px;
/* GLOBAL STYLES
--------------------------------------------------- */
-/* Padding below the footer and lighter body text */
+ * Padding below the footer and lighter body text
+* -------------------------------------------------- */
body {
padding-bottom: 40px;
height: 500px;
margin-bottom: 60px;
}
-/* Since positioning the image, we need to help out the caption */
.carousel-caption {
- z-index: 10;
+ z-index: 10; /* Since positioning the image, we need to help out the caption */
}
/* Declare heights because of positioning of img element */
text-align: center;
}
.marketing h2 {
- font-weight: normal;
+ font-weight: 400;
}
.marketing .col-lg-4 p {
margin-right: 10px;
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
- }
-
- /* The navbar becomes detached from the top, so we round the corners */
- .navbar-wrapper .navbar {
- border-radius: 4px;
+ border-radius: 4px; /* The navbar becomes detached from the top, so we round the corners */
}
/* Bump up size of carousel content */
+/* stylelint-disable property-no-vendor-prefix */
+
/*
* Globals
*/
body {
color: #fff;
text-align: center;
- text-shadow: 0 1px 3px rgba(0,0,0,.5);
+ text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}
/* Extra markup and styles for table-esque vertical and horizontal centering */
width: 100%;
height: 100%; /* For at least Firefox */
min-height: 100%;
- -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
- box-shadow: inset 0 0 100px rgba(0,0,0,.5);
+ -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
+ box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
}
.site-wrapper-inner {
display: table-cell;
padding-right: 0;
padding-left: 0;
font-size: 16px;
- font-weight: bold;
+ font-weight: 700;
color: #fff; /* IE8 proofing */
- color: rgba(255,255,255,.75);
+ color: rgba(255, 255, 255, .75);
border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
background-color: transparent;
border-bottom-color: #a9a9a9;
- border-bottom-color: rgba(255,255,255,.25);
+ border-bottom-color: rgba(255, 255, 255, .25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
}
.cover .btn-lg {
padding: 10px 20px;
- font-weight: bold;
+ font-weight: 700;
}
.mastfoot {
color: #999; /* IE8 proofing */
- color: rgba(255,255,255,.5);
+ color: rgba(255, 255, 255, .5);
}
position: fixed;
bottom: 0;
}
- /* Start the vertical centering */
.site-wrapper-inner {
- vertical-align: middle;
+ vertical-align: middle; /* Start the vertical centering */
}
- /* Handle the widths */
.masthead,
.mastfoot,
.cover-container {
padding-top: 15px;
padding-bottom: 15px;
background-color: #eee;
- background-color: rgba(86,61,124,.15);
+ background-color: rgba(86, 61, 124, .15);
border: 1px solid #ddd;
- border: 1px solid rgba(86,61,124,.2);
+ border: 1px solid rgba(86, 61, 124, .2);
}
hr {
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
-/* Make the masthead heading the same height as the navigation */
.header h3 {
margin-top: 0;
margin-bottom: 0;
- line-height: 40px;
+ line-height: 40px; /* Make the masthead heading the same height as the navigation */
}
/* Custom page footer */
padding-right: 0;
padding-left: 0;
}
- /* Space out the masthead */
.header {
margin-bottom: 30px;
}
- /* Remove the bottom border on the jumbotron for visual effect */
.jumbotron {
border-bottom: 0;
}
+/* stylelint-disable value-no-vendor-prefix, function-name-case, property-no-vendor-prefix */
+
body {
padding-top: 20px;
}
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0;
- font-weight: bold;
+ font-weight: 700;
color: #777;
text-align: center;
background-color: #e5e5e5; /* Old browsers */
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
- background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
- background-image: linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
+ background-image: -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
+ background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);
background-repeat: repeat-x; /* Repeat the gradient */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f5f5", endColorstr="#e5e5e5", GradientType=0); /* IE6-9 */
border-bottom: 1px solid #d5d5d5;
}
.nav-justified > .active > a,
.nav-justified > .active > a:focus {
background-color: #ddd;
background-image: none;
- -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
- box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
+ -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
+ box-shadow: inset 0 3px 7px rgba(0, 0, 0, .15);
}
.nav-justified > li:first-child > a {
border-radius: 5px 5px 0 0;
+/* stylelint-disable selector-max-class, selector-max-combinators, selector-max-compound-selectors, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix */
+
/* Template-specific stuff
*
* Customizations just for the template; these are not necessary for anything
padding-top: 15px;
padding-bottom: 15px;
background-color: #eee;
- background-color: rgba(86,61,124,.15);
+ background-color: rgba(86, 61, 124, .15);
border: 1px solid #ddd;
- border: 1px solid rgba(86,61,124,.2);
+ border: 1px solid rgba(86, 61, 124, .2);
}
.container .navbar-header,
padding-bottom: 0;
overflow: visible !important;
visibility: visible !important;
+ border-top: 0;
}
.navbar-toggle {
display: none;
}
-.navbar-collapse {
- border-top: 0;
-}
.navbar-brand {
margin-left: -15px;
border-width: 0 1px 1px;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
- box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+ box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #333;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
+/* stylelint-disable property-no-vendor-prefix */
+
/*
* Style tweaks
* --------------------------------------------------
.row-offcanvas {
position: relative;
-webkit-transition: all .25s ease-out;
- -o-transition: all .25s ease-out;
- transition: all .25s ease-out;
+ -o-transition: all .25s ease-out;
+ transition: all .25s ease-out;
}
.row-offcanvas-right {
left: 0;
}
- .row-offcanvas-right
- .sidebar-offcanvas {
+ .row-offcanvas-right .sidebar-offcanvas {
right: -50%; /* 6 columns */
}
- .row-offcanvas-left
- .sidebar-offcanvas {
+ .row-offcanvas-left .sidebar-offcanvas {
left: -50%; /* 6 columns */
}
+/* stylelint-disable selector-no-qualifying-type, property-no-vendor-prefix */
+
body {
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 10px;
}
.form-signin .checkbox {
- font-weight: normal;
+ font-weight: 400;
}
.form-signin .form-control {
position: relative;
- height: auto;
-webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ height: auto;
padding: 10px;
font-size: 16px;
}
min-height: 100%;
}
body {
- /* Margin bottom by footer height */
- margin-bottom: 60px;
+ margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
- /* Set the fixed height of the footer here */
- height: 60px;
+ height: 60px; /* Set the fixed height of the footer here */
background-color: #f5f5f5;
}
/* Custom page CSS
--------------------------------------------------- */
-/* Not required for template or sticky footer method. */
+ * Not required for template or sticky footer method.
+ * -------------------------------------------------- */
body > .container {
padding: 60px 15px 0;
min-height: 100%;
}
body {
- /* Margin bottom by footer height */
- margin-bottom: 60px;
+ margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
- /* Set the fixed height of the footer here */
- height: 60px;
+ height: 60px; /* Set the fixed height of the footer here */
background-color: #f5f5f5;
}
/* Custom page CSS
--------------------------------------------------- */
-/* Not required for template or sticky footer method. */
+ * Not required for template or sticky footer method.
+ * -------------------------------------------------- */
.container {
width: auto;