[Pkg-javascript-commits] [rebar.js] 07/09: build app.css
Alexandre Viau
aviau at moszumanska.debian.org
Tue Jan 5 22:56:47 UTC 2016
This is an automated email from the git hooks/post-receive script.
aviau pushed a commit to branch master
in repository rebar.js.
commit 6e6e8105d5e10fc0f6f698656a1ecca3abd2ffdb
Author: aviau <alexandre at alexandreviau.net>
Date: Tue Jan 5 17:54:39 2016 -0500
build app.css
---
css/rebar.css | 2206 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
debian/copyright | 1 +
debian/rules | 2 +
3 files changed, 2209 insertions(+)
diff --git a/css/rebar.css b/css/rebar.css
new file mode 100644
index 0000000..a053b7b
--- /dev/null
+++ b/css/rebar.css
@@ -0,0 +1,2206 @@
+/* Rebar v0.1.0
+ * Designed and built by @brennannovak
+ * http://github.com/brennannovak/Rebar
+ */
+/* Config - change settings in this file for the look and feel of your style */
+/* Rebar v0.1.0
+ * config.less
+ */
+/* Colors */
+/* Body */
+/* Container */
+/* Margins, Paddings, and Spacings */
+/* Text */
+/* Links */
+/* Headings */
+/* Navigation */
+/* Lists */
+/* Separators */
+/* Buttons */
+/* Button - Primary */
+/* Button - Secondary */
+/* Button - Info */
+/* Button - Alert */
+/* Button - Warning */
+/* Forms */
+/* Validation */
+/* Tables */
+/* Grid */
+/* Boxes */
+/* Rectangles */
+/* Messages */
+/* Rebar - these files reset and style all the basic HTML elements */
+/* #Reset & Basics (Inspired by E. Meyers)
+================================================== */
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol,
+ul {
+ list-style: none;
+}
+blockquote,
+q {
+ quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: separate;
+ border-spacing: 0;
+}
+/* #Body Styles
+================================================== */
+body {
+ background: #ffffff;
+ font-size: 18px;
+ font-weight: normal;
+ font-family: OpenSans-Regular, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ line-height: 24px;
+ color: #333333;
+ -webkit-font-smoothing: antialiased;
+ /* Fix for webkit rendering */
+ -webkit-text-size-adjust: 100%;
+}
+/* #Buttons
+================================================== */
+/* Global */
+button,
+button:hover,
+button:active,
+input[type="submit"],
+input[type="submit"]:hover,
+input[type="submit"]:active,
+input[type="reset"],
+input[type="reset"]:hover,
+input[type="reset"]:active,
+input[type="button"],
+input[type="button"]:hover,
+input[type="button"]:active,
+.button-primary,
+.button-secondary,
+.button-info,
+.button-alert,
+.button-warning {
+ font-family: OpenSans-Semibold, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+ font-size: 16px !important;
+ font-weight: bold !important;
+ line-height: inherit;
+ text-decoration: none;
+ margin: 0px;
+ padding: 5px 15px;
+ display: inline-block;
+ cursor: pointer;
+ box-sizing: border-box;
+ user-select: none;
+ transition-duration: 0.2s;
+ outline: none;
+}
+a.button-primary,
+a.button-primary:visited,
+a.button-primary:hover,
+a.button-secondary,
+a.button-secondary:visited,
+a.button-secondary:hover,
+a.button-info,
+a.button-info:visited,
+a.button-info:hover,
+a.button-alert,
+a.button-alert:visited,
+a.button-alert:hover,
+a.button-warning,
+a.button-warning:visited,
+a.button-warning:hover {
+ text-decoration: none;
+}
+.button-small,
+button.button-small,
+input[type="submit"].button-small,
+input[type="reset"].button-small,
+input[type="button"].button-small {
+ font-family: OpenSans-Semibold, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
+ font-size: 12px !important;
+ font-weight: bold !important;
+ line-height: inherit;
+ text-decoration: none;
+ margin: 0px;
+ padding: 2px 10px;
+ display: inline-block;
+ cursor: pointer;
+ box-sizing: border-box;
+ user-select: none;
+ transition-duration: 0.2s;
+}
+/* Primary */
+button.button-primary,
+input[type="submit"].button-primary,
+input[type="reset"].button-primary,
+input[type="button"].button-primary,
+a.button-primary {
+ color: #ffffff !important;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+ border: 1px solid #07658f;
+ border-top: 1px solid #2987b1;
+ border-left: 1px solid #2987b1;
+ border-radius: 4px;
+ background: #0a87bf;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0px 0px rgba(0, 0, 0, 0.2);
+}
+button:hover,
+input[type="submit"]:hover,
+input[type="reset"]:hover,
+input[type="button"]:hover,
+a.button-primary:hover {
+ border-color: #065476;
+ background-color: #0976a7;
+}
+button:active,
+input[type="submit"]:active,
+input[type="reset"]:active,
+input[type="button"]:active,
+a.button-primary:active {
+ border-color: #065476;
+ background-color: #0976a7;
+ box-shadow: inset 0 0.17em 0.1em rgba(0, 0, 0, 0.3);
+}
+/* Secondary */
+button.button-secondary,
+input[type="submit"].button-secondary,
+input[type="reset"].button-secondary,
+input[type="button"].button-secondary,
+a.button-secondary {
+ color: #ffffff !important;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+ border: 1px solid #045736;
+ border-top: 1px solid #267958;
+ border-left: 1px solid #267958;
+ border-radius: 4px;
+ background: #078754;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0px 0px rgba(0, 0, 0, 0.2);
+}
+.button-secondary:hover,
+input[type="submit"].button-secondary:hover,
+input[type="reset"].button-secondary:hover,
+input[type="button"].button-secondary:hover,
+a.button-secondary:hover {
+ border-color: #045736;
+ background-color: #066f45;
+}
+button.button-secondary:active,
+input[type="submit"].button-secondary:active,
+input[type="reset"].button-secondary:active,
+input[type="button"].button-secondary:active,
+a.button-secondary:active {
+ border-color: #045736;
+ background-color: #066f45;
+ box-shadow: inset 0 0.17em 0.1em rgba(0, 0, 0, 0.3);
+}
+/* Info */
+button.button-info,
+input[type="submit"].button-info,
+input[type="reset"].button-info,
+input[type="button"].button-info,
+a.button-info {
+ color: #333333 !important;
+ text-shadow: 0px 0px 0px;
+ border: 1px solid #a9b2bd;
+ border-top: 1px solid #cbd4df;
+ border-left: 1px solid #cbd4df;
+ border-radius: 4px;
+ background: #e6e6e6;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0px 0px rgba(0, 0, 0, 0.2);
+}
+button.button-info:hover,
+input[type="submit"].button-info:hover,
+input[type="reset"].button-info:hover,
+input[type="button"].button-info:hover,
+a.button-info:hover {
+ border-color: #9aa5b2;
+ background-color: #d9d9d9;
+}
+button.button-info:active,
+input[type="submit"].button-info:active,
+input[type="reset"].button-info:active,
+input[type="button"].button-info:active,
+a.button-info:active {
+ border-color: #9aa5b2;
+ background-color: #d9d9d9;
+ box-shadow: inset 0 0.17em 0.1em rgba(0, 0, 0, 0.3);
+}
+/* Alert */
+button.button-alert,
+input[type="submit"].button-alert,
+input[type="reset"].button-alert,
+input[type="button"].button-alert,
+a.button-alert {
+ color: #ffffff !important;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+ border: 1px solid #c06e00;
+ border-top: 1px solid #e29022;
+ border-left: 1px solid #e29022;
+ border-radius: 4px;
+ background: #f38b00;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0px 0px rgba(0, 0, 0, 0.2);
+}
+button.button-alert:hover,
+input[type="submit"].button-alert:hover,
+input[type="reset"].button-alert:hover,
+input[type="button"].button-alert:hover,
+a.button-alert:hover {
+ border-color: #a65f00;
+ background-color: #ca7400;
+}
+button.button-alert:active,
+input[type="submit"].button-alert:active,
+input[type="reset"].button-alert:active,
+input[type="button"].button-alert:active,
+a.button-alert:active {
+ border-color: #b66800;
+ background-color: #da7c00;
+ box-shadow: inset 0 0.17em 0.1em rgba(0, 0, 0, 0.3);
+}
+/* Warning */
+button.button-warning,
+input[type="submit"].button-warning,
+input[type="reset"].button-warning,
+input[type="button"].button-warning,
+a.button-warning {
+ color: #ffffff !important;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
+ border: 1px solid #840404;
+ border-top: 1px solid #a62626;
+ border-left: 1px solid #a62626;
+ border-radius: 4px;
+ background: #b50606;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 0px 0px rgba(0, 0, 0, 0.2);
+}
+button.button-warning:hover,
+input[type="submit"].button-warning:hover,
+input[type="reset"].button-warning:hover,
+input[type="button"].button-warning:hover,
+a.button-warning:hover {
+ border-color: #840404;
+ background-color: #920505;
+}
+button.button-warning:active,
+input[type="submit"].button-warning:active,
+input[type="reset"].button-warning:active,
+input[type="button"].button-warning:active,
+a.button-warning:active {
+ border-color: #8e0505;
+ background-color: #9c0505;
+ box-shadow: inset 0 0.17em 0.1em rgba(0, 0, 0, 0.3);
+}
+/* Icons */
+.button span,
+.button-secondary span,
+.button-alert span,
+.button-warning span {
+ margin-right: 5px;
+}
+/* Full Width */
+.button.full-width,
+.button-primary.full-width,
+.button-secondary.full-width,
+.button-alert.full-width,
+.button-warning.full-width,
+.button-big-primary.full-width,
+.button-big-secondary.full-width,
+button.full-width,
+input[type="submit"].full-width,
+input[type="reset"].full-width,
+input[type="button"].full-width {
+ width: 100%;
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ text-align: center;
+}
+/* Fix for odd Mozilla border & padding issues */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+/* --- Clearing --- */
+.container:after {
+ content: "\0020";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+/* Clearfix helper */
+.clearfix {
+ zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+ content: "";
+ display: table;
+}
+.clearfix:after {
+ clear: both;
+}
+/* Vertical Margins & Padding */
+.remove-top {
+ margin-top: 0 !important;
+}
+.half-top {
+ margin-top: 10px !important;
+}
+.add-top {
+ margin-top: 20px !important;
+}
+.double-top {
+ margin-top: 40px !important;
+}
+.remove-bottom {
+ margin-bottom: 0 !important;
+}
+.half-bottom {
+ margin-bottom: 10px !important;
+}
+.add-bottom {
+ margin-bottom: 20px !important;
+}
+.double-bottom {
+ margin-top: 40px !important;
+}
+.remove-right {
+ margin-right: 0px !important;
+}
+.add-right {
+ margin-right: 20px !important;
+}
+.add-right-half {
+ margin-right: 10px !important;
+}
+.add-right-double {
+ margin-left: 40px !important;
+}
+.remove-left {
+ margin-left: 0px !important;
+}
+.add-left {
+ margin-left: 20px !important;
+}
+.add-left-half {
+ margin-left: 10px !important;
+}
+.add-left-double {
+ margin-left: 40px !important;
+}
+/* Centering */
+.left {
+ float: left;
+}
+.center {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+.right {
+ float: right;
+}
+.vertical {
+ vertical-align: middle !important;
+}
+.text-left {
+ text-align: left !important;
+}
+.text-center {
+ text-align: center !important;
+}
+.text-right {
+ text-align: right !important;
+}
+/* Display */
+.hide {
+ display: none;
+}
+.block {
+ display: block !important;
+}
+.inline-block {
+ display: inline-block !important;
+}
+.table {
+ display: table !important;
+}
+.table-cell {
+ display: table-cell !important;
+}
+/* #Forms
+================================================== */
+.standard form {
+ margin-bottom: 20px;
+}
+.standard fieldset {
+ margin-bottom: 20px;
+}
+.standard input[type="text"],
+.standard input[type="password"],
+.standard input[type="email"],
+.standard input[type="url"],
+.standard input[type="phone"],
+.standard input[type="address"],
+.standard textarea,
+.standard select {
+ margin-bottom: 20px;
+ padding: 10px 12px;
+ outline: none;
+ font-size: 16px;
+ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #666666;
+ width: 210px;
+ max-width: 100%;
+ display: block;
+ background: #ffffff;
+ border-radius: 4px;
+ border: 1px solid #999999;
+ box-sizing: border-box;
+}
+.standard input[type="text"]:focus,
+.standard input[type="password"]:focus,
+.standard input[type="email"]:focus,
+.standard textarea:focus {
+ border: 1px solid #666666;
+ color: #333333;
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+}
+.standard textarea {
+ min-height: 60px;
+}
+.standard label,
+.standard legend {
+ display: block;
+ font-weight: normal;
+ font-size: 16px;
+ font-style: italic;
+ margin: 0 0 5px 0;
+ color: #333333;
+}
+.standard select {
+ color: #0a87bf;
+ width: 220px;
+ font-size: 14.4px;
+}
+.standard input[type="checkbox"] {
+ display: inline;
+}
+.standard label span,
+.standard legend span {
+ font-weight: normal;
+ font-size: 16px;
+ color: #333333;
+}
+.standard a {
+ font-style: normal;
+}
+.standard label span.form_error {
+ margin: 0 0 0 3px;
+ color: #333333;
+}
+input[type="text"].tiny,
+input[type="password"].tiny,
+input[type="email"].tiny,
+input[type="url"].tiny,
+input[type="phone"].tiny,
+input[type="address"].tiny,
+textarea.tiny,
+select.tiny {
+ width: 75px;
+}
+input[type="text"].small,
+input[type="password"].small,
+input[type="email"].small,
+input[type="url"].small,
+input[type="phone"].small,
+input[type="address"].small,
+textarea.small,
+select.small {
+ width: 135px;
+}
+input[type="text"].medium,
+input[type="password"].medium,
+input[type="email"].medium,
+input[type="url"].medium,
+input[type="phone"].medium,
+input[type="address"].medium,
+textarea.medium,
+select.medium {
+ width: 350px;
+}
+input[type="text"].large,
+input[type="password"].large,
+input[type="email"].large,
+input[type="url"].large,
+input[type="phone"].large,
+input[type="address"].large,
+textarea.large,
+select.large {
+ width: 500px;
+}
+input[type="text"].full,
+input[type="password"].full,
+input[type="email"].full,
+input[type="url"].full,
+input[type="phone"].full,
+input[type="address"].full,
+textarea.full,
+select.full {
+ width: 100%;
+}
+label.checkbox {
+ margin-bottom: 20px;
+}
+/**
+ * @name Rebar Grid v0.0.1
+ * @description
+ * - web big 1140 grid
+ * - web 960 grid
+ * - tablet (portrait)
+ * - mobile (portrait)
+ * - mobile (landscape)
+ * - auto-clearing
+ */
+.container {
+ width: 1140px;
+ margin: 0px auto;
+}
+.container div.row {
+ width: 100%;
+ margin-bottom: 20px;
+ overflow: hidden;
+ zoom: 1;
+}
+.container div.row:before,
+.container div.row:after {
+ content: "";
+ display: table;
+}
+.container div.row:after {
+ clear: both;
+}
+.container div:first-child {
+ margin-left: 0;
+}
+.container div:last-child {
+ margin-right: 0;
+}
+.container .col-1,
+.container .col-2,
+.container .col-3,
+.container .col-4,
+.container .col-5,
+.container .col-6,
+.container .col-7,
+.container .col-8,
+.container .col-9,
+.container .col-10,
+.container .col-11,
+.container .col-12,
+.container .col-13,
+.container .col-14,
+.container .col-15,
+.container .col-16,
+.container .one-third,
+.container .two-thirds,
+.container .half,
+.container .one-quarter,
+.container .three-quarters {
+ float: left;
+ display: inline;
+ margin: 0px 1%;
+ min-height: 1px;
+ word-wrap: break-word;
+}
+.container .one-quarter {
+ width: 23.5%;
+}
+.container .three-quarters {
+ width: 74.5%;
+}
+.container .one-third {
+ width: 32%;
+}
+.container .two-thirds {
+ width: 66%;
+}
+.container .half {
+ width: 49%;
+}
+/* --- LESS mixin to generate multiple size grids --- */
+/* ---- Web, max grid ---- */
+ at media only screen and (min-width: 1140px) {
+ .container {
+ width: 1140px;
+ }
+ .container .col-1 {
+ width: 4.4%;
+ }
+ .container .col-2 {
+ width: 10.8%;
+ }
+ .container .col-3 {
+ width: 17.2%;
+ }
+ .container .col-4 {
+ width: 23.6%;
+ }
+ .container .col-5 {
+ width: 30%;
+ }
+ .container .col-6 {
+ width: 36.4%;
+ }
+ .container .col-7 {
+ width: 42.8%;
+ }
+ .container .col-8 {
+ width: 49.0%;
+ }
+ .container .col-9 {
+ width: 55.2%;
+ }
+ .container .col-10 {
+ width: 61.6%;
+ }
+ .container .col-11 {
+ width: 68%;
+ }
+ .container .col-12 {
+ width: 74.4%;
+ }
+ .container .col-13 {
+ width: 80.8%;
+ }
+ .container .col-14 {
+ width: 87.2%;
+ }
+ .container .col-15 {
+ width: 93.6%;
+ }
+ .container .col-16 {
+ width: 100%;
+ }
+ .container .col-offset-1 {
+ padding-left: 4.4%;
+ }
+ .container .col-offset-2 {
+ padding-left: 10.8%;
+ }
+ .container .col-offset-3 {
+ padding-left: 17.2%;
+ }
+ .container .col-offset-4 {
+ padding-left: 23.6%;
+ }
+ .container .col-offset-5 {
+ padding-left: 30%;
+ }
+ .container .col-offset-6 {
+ padding-left: 36.4%;
+ }
+ .container .col-offset-7 {
+ padding-left: 42.8%;
+ }
+ .container .col-offset-8 {
+ padding-left: 49%;
+ }
+ .container .col-offset-9 {
+ padding-left: 55.2%;
+ }
+ .container .col-offset-10 {
+ padding-left: 61.6%;
+ }
+ .container .col-offset-11 {
+ padding-left: 68%;
+ }
+ .container .col-offset-12 {
+ padding-left: 74.4%;
+ }
+ .container .col-offset-13 {
+ padding-left: 80.8%;
+ }
+ .container .col-offset-14 {
+ padding-left: 87.2%;
+ }
+ .container .col-offset-15 {
+ padding-left: 93.6%;
+ }
+}
+/* ---- Web, 960 grid ---- */
+ at media only screen and (min-width: 960px) and (max-width: 1139px) {
+ .container {
+ width: 960px;
+ }
+ .container .col-1 {
+ width: 4.4%;
+ }
+ .container .col-2 {
+ width: 10.8%;
+ }
+ .container .col-3 {
+ width: 17.2%;
+ }
+ .container .col-4 {
+ width: 23.6%;
+ }
+ .container .col-5 {
+ width: 30%;
+ }
+ .container .col-6 {
+ width: 36.4%;
+ }
+ .container .col-7 {
+ width: 42.8%;
+ }
+ .container .col-8 {
+ width: 49.0%;
+ }
+ .container .col-9 {
+ width: 55.2%;
+ }
+ .container .col-10 {
+ width: 61.6%;
+ }
+ .container .col-11 {
+ width: 68%;
+ }
+ .container .col-12 {
+ width: 74.4%;
+ }
+ .container .col-13 {
+ width: 80.8%;
+ }
+ .container .col-14 {
+ width: 87.2%;
+ }
+ .container .col-15 {
+ width: 93.6%;
+ }
+ .container .col-16 {
+ width: 100%;
+ }
+ .container .col-offset-1 {
+ padding-left: 4.4%;
+ }
+ .container .col-offset-2 {
+ padding-left: 10.8%;
+ }
+ .container .col-offset-3 {
+ padding-left: 17.2%;
+ }
+ .container .col-offset-4 {
+ padding-left: 23.6%;
+ }
+ .container .col-offset-5 {
+ padding-left: 30%;
+ }
+ .container .col-offset-6 {
+ padding-left: 36.4%;
+ }
+ .container .col-offset-7 {
+ padding-left: 42.8%;
+ }
+ .container .col-offset-8 {
+ padding-left: 49%;
+ }
+ .container .col-offset-9 {
+ padding-left: 55.2%;
+ }
+ .container .col-offset-10 {
+ padding-left: 61.6%;
+ }
+ .container .col-offset-11 {
+ padding-left: 68%;
+ }
+ .container .col-offset-12 {
+ padding-left: 74.4%;
+ }
+ .container .col-offset-13 {
+ padding-left: 80.8%;
+ }
+ .container .col-offset-14 {
+ padding-left: 87.2%;
+ }
+ .container .col-offset-15 {
+ padding-left: 93.6%;
+ }
+}
+/* ---- Tablet (portrait) design for a width of 768px ---- */
+ at media only screen and (min-width: 768px) and (max-width: 959px) {
+ .container {
+ width: 768px;
+ }
+ .container .col-1 {
+ width: 4.4%;
+ }
+ .container .col-2 {
+ width: 10.8%;
+ }
+ .container .col-3 {
+ width: 17.2%;
+ }
+ .container .col-4 {
+ width: 23.6%;
+ }
+ .container .col-5 {
+ width: 30%;
+ }
+ .container .col-6 {
+ width: 36.4%;
+ }
+ .container .col-7 {
+ width: 42.8%;
+ }
+ .container .col-8 {
+ width: 49.0%;
+ }
+ .container .col-9 {
+ width: 55.2%;
+ }
+ .container .col-10 {
+ width: 61.6%;
+ }
+ .container .col-11 {
+ width: 68%;
+ }
+ .container .col-12 {
+ width: 74.4%;
+ }
+ .container .col-13 {
+ width: 80.8%;
+ }
+ .container .col-14 {
+ width: 87.2%;
+ }
+ .container .col-15 {
+ width: 93.6%;
+ }
+ .container .col-16 {
+ width: 100%;
+ }
+ .container .col-offset-1 {
+ padding-left: 4.4%;
+ }
+ .container .col-offset-2 {
+ padding-left: 10.8%;
+ }
+ .container .col-offset-3 {
+ padding-left: 17.2%;
+ }
+ .container .col-offset-4 {
+ padding-left: 23.6%;
+ }
+ .container .col-offset-5 {
+ padding-left: 30%;
+ }
+ .container .col-offset-6 {
+ padding-left: 36.4%;
+ }
+ .container .col-offset-7 {
+ padding-left: 42.8%;
+ }
+ .container .col-offset-8 {
+ padding-left: 49%;
+ }
+ .container .col-offset-9 {
+ padding-left: 55.2%;
+ }
+ .container .col-offset-10 {
+ padding-left: 61.6%;
+ }
+ .container .col-offset-11 {
+ padding-left: 68%;
+ }
+ .container .col-offset-12 {
+ padding-left: 74.4%;
+ }
+ .container .col-offset-13 {
+ padding-left: 80.8%;
+ }
+ .container .col-offset-14 {
+ padding-left: 87.2%;
+ }
+ .container .col-offset-15 {
+ padding-left: 93.6%;
+ }
+}
+/* ---- Mobile (landscape) design for a width of 480px ---- */
+ at media only screen and (max-width: 767px) {
+ .container {
+ width: 420px;
+ }
+ .container div.row {
+ margin-bottom: 0px;
+ }
+ .container .col-1,
+ .container .col-2,
+ .container .col-3,
+ .container .col-4,
+ .container .col-5,
+ .container .col-6,
+ .container .col-7,
+ .container .col-8,
+ .container .col-9,
+ .container .col-10,
+ .container .col-11,
+ .container .col-12,
+ .container .col-13,
+ .container .col-14,
+ .container .col-15,
+ .container .col-16,
+ .container .one-quarter,
+ .container .three-quarters,
+ .container .one-third,
+ .container .two-thirds,
+ .container .half {
+ margin: 0px 0px 20px 0px;
+ width: 420px;
+ }
+ .container .col-offset-1,
+ .container .col-offset-2,
+ .container .col-offset-3,
+ .container .col-offset-4,
+ .container .col-offset-5,
+ .container .col-offset-6,
+ .container .col-offset-7,
+ .container .col-offset-8,
+ .container .col-offset-9,
+ .container .col-offset-10,
+ .container .col-offset-11,
+ .container .col-offset-12,
+ .container .col-offset-13,
+ .container .col-offset-14,
+ .container .col-offset-15 {
+ margin: 0px 0px 20px 0px;
+ }
+}
+/* #Images
+================================================== */
+img {
+ max-width: 100%;
+ height: auto;
+}
+img.scale-with-grid {
+ max-width: 100%;
+ height: auto;
+}
+/* #Links
+================================================== */
+a,
+a:visited {
+ font-size: 18px;
+ color: #b50606;
+ font-weight: bold;
+ text-decoration: none;
+ outline: 0;
+}
+a:hover,
+a:focus {
+ color: #ac0f0f;
+ text-decoration: underline;
+}
+p a,
+p a:visited {
+ line-height: inherit;
+}
+/* #Lists
+================================================== */
+ul,
+ol {
+ margin: 0 0 40px 40px;
+ padding: 0px;
+}
+ul {
+ list-style: square outside;
+}
+ol {
+ list-style: decimal outside;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+ margin: 0 0 40px 40px;
+}
+ul ul li,
+ul ol li,
+ol ol li,
+ol ul li {
+ margin-bottom: 15px;
+ line-height: 18px;
+}
+li {
+ margin-bottom: 15px;
+ line-height: 18px;
+}
+/* Lists - Square, Circle, Disc, None */
+ul.square,
+ul.circle,
+ul.disc,
+ul.none,
+ol.square,
+ol.circle,
+ol.disc,
+ol.none {
+ margin: 0 0 40px 40px;
+}
+ul.square,
+ol.square {
+ list-style: square outside;
+}
+ul.circle,
+ol.square {
+ list-style: circle outside;
+}
+ul.disc,
+ol.disc {
+ list-style: disc outside;
+}
+ul.none,
+ol.none {
+ list-style: none outside;
+}
+/* Lists - Large & Small */
+ul li p,
+ul.large li,
+ol.large li {
+ font-size: 27px;
+ line-height: 27px;
+}
+ul li p,
+ul.small li,
+ol.small li {
+ font-size: 14.4px;
+ line-height: 14.4px;
+}
+/* Lists - Horizontal */
+ul.horizontal,
+ol.horizontal {
+ list-style: none inside;
+ margin: 0px;
+}
+ul.horizontal li,
+ol.horizontal li {
+ display: inline-block;
+ margin: 5px 15px;
+}
+ul.horizontal li:first-child,
+ol.horizontal li:first-child {
+ margin-left: 0px;
+}
+ul.horizontal li:last-child,
+ol.horizontal li:last-child {
+ margin-right: 0px;
+}
+/* Messages - error, warning, debug, info, success */
+#messages div {
+ margin: 0px;
+ padding: 10px 10px 10px 20px;
+ list-style: none;
+ font-family: OpenSans-Semibold, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ color: #333333;
+ border-bottom: 0px solid #b7bfc8;
+ background-color: #ffffff;
+ zoom: 1;
+}
+#messages div:before,
+#messages div:after {
+ content: "";
+ display: table;
+}
+#messages div:after {
+ clear: both;
+}
+#messages span.message-text {
+ width: 90%;
+ padding-top: 3px;
+ display: block;
+ float: left;
+ text-align: left;
+ font-size: 18px;
+ line-height: 21px;
+}
+#messages abbr.message-close {
+ cursor: pointer;
+ float: right;
+ display: block;
+ background: #ffffff;
+ color: #333333;
+ padding: 2px 10px;
+ font-size: 12px;
+ font-weight: bold;
+ border-radius: 4px;
+}
+#messages abbr.message-close:hover {
+ background: #b7bfc8;
+}
+#messages .error {
+ background-color: #b50606;
+ color: #ffffff;
+}
+#messages .warning {
+ background-color: #f38b00;
+ color: #ffffff;
+}
+#messages .debug {
+ background-color: #f8e406;
+ color: #333333;
+}
+#messages .info {
+ background-color: #0a87bf;
+ color: #ffffff;
+}
+#messages .success {
+ background-color: #078754;
+ color: #ffffff;
+}
+/* Navigation */
+#navigation {
+ background: #222222;
+ z-index: 10;
+ color: #eeeeee;
+}
+#navigation a {
+ color: #eeeeee;
+ text-decoration: none;
+}
+#navigation a:hover {
+ color: #aaaaaa;
+}
+#navigation span.name_ome {
+ color: #818181;
+}
+#navigation_logo {
+ display: none;
+}
+/* Navigation Sub */
+.navigation-sub {
+ background: #d9d9d9;
+ border-radius: 10px;
+}
+/* Separators
+================================================== */
+hr {
+ border: solid #333333;
+ border-width: 1px 0 0;
+ clear: both;
+ margin: 45px 0;
+ height: 0;
+}
+hr.medium {
+ border: none;
+ height: 2px;
+ margin: 45px 0;
+ background: #333333;
+}
+hr.large {
+ border: none;
+ height: 4px;
+ margin: 45px 0;
+ background: #333333;
+}
+hr.giant {
+ border: none;
+ height: 8px;
+ margin: 45px 0;
+ background: #333333;
+}
+/**
+ * @name Rebar Boxes
+ * @description
+ * - web max 1140
+ * - web 960
+ * - tablet
+ * - mobile
+ */
+.boxes-outer {
+ position: relative;
+ float: left;
+ display: block;
+}
+.boxes-inner h1,
+.boxes-inner h2,
+.boxes-inner h3,
+.boxes-inner h4 {
+ font-size: 24px;
+ margin-bottom: 15px;
+}
+.boxes-inner p {
+ font-size: 14px;
+}
+.boxes-inner p a {
+ font-size: 14px;
+ color: #b7bfc8;
+}
+.boxes-inner a.bottom {
+ position: absolute;
+ bottom: 15px;
+}
+.boxes-inner a.bottom.right {
+ right: 15px;
+}
+/* --- LESS mixin to generate multiple sizes --- */
+/* Five Column, 1140 web max */
+ at media only screen and (min-width: 1140px) {
+ .container .boxes-outer {
+ width: 19.1%;
+ padding-bottom: 19.1%;
+ margin-right: 1.1%;
+ margin-bottom: 1.2%;
+ }
+ .container .boxes-outer:nth-child( 6),
+ .container .boxes-outer:nth-child( 11),
+ .container .boxes-outer:nth-child( 16),
+ .container .boxes-outer:nth-child( 21),
+ .container .boxes-outer:nth-child( 26),
+ .container .boxes-outer:nth-child( 31),
+ .container .boxes-outer:nth-child( 36),
+ .container .boxes-outer:nth-child( 41),
+ .container .boxes-outer:nth-child( 46),
+ .container .boxes-outer:nth-child( 51),
+ .container .boxes-outer:nth-child( 56),
+ .container .boxes-outer:nth-child( 61),
+ .container .boxes-outer:nth-child( 66),
+ .container .boxes-outer:nth-child( 71),
+ .container .boxes-outer:nth-child( 76),
+ .container .boxes-outer:nth-child( 81),
+ .container .boxes-outer:nth-child( 86),
+ .container .boxes-outer:nth-child( 91),
+ .container .boxes-outer:nth-child( 96),
+ .container .boxes-outer:nth-child( 101),
+ .container .boxes-outer:nth-child( 106),
+ .container .boxes-outer:nth-child( 111),
+ .container .boxes-outer:nth-child( 116),
+ .container .boxes-outer:nth-child( 121),
+ .container .boxes-outer:nth-child( 126),
+ .container .boxes-outer:nth-child( 131),
+ .container .boxes-outer:nth-child( 136),
+ .container .boxes-outer:nth-child( 141),
+ .container .boxes-outer:nth-child( 146),
+ .container .boxes-outer:nth-child( 151),
+ .container .boxes-outer:nth-child( 156),
+ .container .boxes-outer:nth-child( 161),
+ .container .boxes-outer:nth-child( 166),
+ .container .boxes-outer:nth-child( 171),
+ .container .boxes-outer:nth-child( 176),
+ .container .boxes-outer:nth-child( 181),
+ .container .boxes-outer:nth-child( 186),
+ .container .boxes-outer:nth-child( 191),
+ .container .boxes-outer:nth-child( 196),
+ .container .boxes-outer:nth-child( 201) {
+ margin-right: 0px;
+ }
+ .container .boxes-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 15px;
+ color: #555555;
+ overflow: hidden;
+ }
+}
+/* Four Column, 960 web */
+ at media only screen and (min-width: 960px) and (max-width: 1139px) {
+ .container .boxes-outer {
+ width: 23.1%;
+ padding-bottom: 23.1%;
+ margin-right: 2.5%;
+ margin-bottom: 2.5%;
+ }
+ .container .boxes-outer:nth-child( 5),
+ .container .boxes-outer:nth-child( 9),
+ .container .boxes-outer:nth-child( 13),
+ .container .boxes-outer:nth-child( 17),
+ .container .boxes-outer:nth-child( 21),
+ .container .boxes-outer:nth-child( 25),
+ .container .boxes-outer:nth-child( 29),
+ .container .boxes-outer:nth-child( 33),
+ .container .boxes-outer:nth-child( 37),
+ .container .boxes-outer:nth-child( 41),
+ .container .boxes-outer:nth-child( 45),
+ .container .boxes-outer:nth-child( 49),
+ .container .boxes-outer:nth-child( 53),
+ .container .boxes-outer:nth-child( 57),
+ .container .boxes-outer:nth-child( 61),
+ .container .boxes-outer:nth-child( 65),
+ .container .boxes-outer:nth-child( 69),
+ .container .boxes-outer:nth-child( 73),
+ .container .boxes-outer:nth-child( 77),
+ .container .boxes-outer:nth-child( 81),
+ .container .boxes-outer:nth-child( 85),
+ .container .boxes-outer:nth-child( 89),
+ .container .boxes-outer:nth-child( 93),
+ .container .boxes-outer:nth-child( 97),
+ .container .boxes-outer:nth-child( 101),
+ .container .boxes-outer:nth-child( 105),
+ .container .boxes-outer:nth-child( 109),
+ .container .boxes-outer:nth-child( 113),
+ .container .boxes-outer:nth-child( 117),
+ .container .boxes-outer:nth-child( 121),
+ .container .boxes-outer:nth-child( 125),
+ .container .boxes-outer:nth-child( 129),
+ .container .boxes-outer:nth-child( 133),
+ .container .boxes-outer:nth-child( 137),
+ .container .boxes-outer:nth-child( 141),
+ .container .boxes-outer:nth-child( 145),
+ .container .boxes-outer:nth-child( 149),
+ .container .boxes-outer:nth-child( 153),
+ .container .boxes-outer:nth-child( 157),
+ .container .boxes-outer:nth-child( 161) {
+ margin-right: 0px;
+ }
+ .container .boxes-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 15px;
+ color: #555555;
+ overflow: hidden;
+ }
+}
+/* Three Column, tablet landscape */
+ at media only screen and (min-width: 768px) and (max-width: 959px) {
+ .container .boxes-outer {
+ width: 31%;
+ padding-bottom: 31%;
+ margin-right: 3.5%;
+ margin-bottom: 3.5%;
+ }
+ .container .boxes-outer:nth-child( 4),
+ .container .boxes-outer:nth-child( 7),
+ .container .boxes-outer:nth-child( 10),
+ .container .boxes-outer:nth-child( 13),
+ .container .boxes-outer:nth-child( 16),
+ .container .boxes-outer:nth-child( 19),
+ .container .boxes-outer:nth-child( 22),
+ .container .boxes-outer:nth-child( 25),
+ .container .boxes-outer:nth-child( 28),
+ .container .boxes-outer:nth-child( 31),
+ .container .boxes-outer:nth-child( 34),
+ .container .boxes-outer:nth-child( 37),
+ .container .boxes-outer:nth-child( 40),
+ .container .boxes-outer:nth-child( 43),
+ .container .boxes-outer:nth-child( 46),
+ .container .boxes-outer:nth-child( 49),
+ .container .boxes-outer:nth-child( 52),
+ .container .boxes-outer:nth-child( 55),
+ .container .boxes-outer:nth-child( 58),
+ .container .boxes-outer:nth-child( 61),
+ .container .boxes-outer:nth-child( 64),
+ .container .boxes-outer:nth-child( 67),
+ .container .boxes-outer:nth-child( 70),
+ .container .boxes-outer:nth-child( 73),
+ .container .boxes-outer:nth-child( 76),
+ .container .boxes-outer:nth-child( 79),
+ .container .boxes-outer:nth-child( 82),
+ .container .boxes-outer:nth-child( 85),
+ .container .boxes-outer:nth-child( 88),
+ .container .boxes-outer:nth-child( 91),
+ .container .boxes-outer:nth-child( 94),
+ .container .boxes-outer:nth-child( 97),
+ .container .boxes-outer:nth-child( 100),
+ .container .boxes-outer:nth-child( 103),
+ .container .boxes-outer:nth-child( 106),
+ .container .boxes-outer:nth-child( 109),
+ .container .boxes-outer:nth-child( 112),
+ .container .boxes-outer:nth-child( 115),
+ .container .boxes-outer:nth-child( 118),
+ .container .boxes-outer:nth-child( 121) {
+ margin-right: 0px;
+ }
+ .container .boxes-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 15px;
+ color: #555555;
+ overflow: hidden;
+ }
+}
+/* Two Column, mobile portrait & landscape */
+ at media only screen and (max-width: 767px) {
+ .container .boxes-outer {
+ width: 47.7%;
+ padding-bottom: 47.7%;
+ margin-right: 4.5%;
+ margin-bottom: 4.5%;
+ }
+ .container .boxes-outer:nth-child( 3),
+ .container .boxes-outer:nth-child( 5),
+ .container .boxes-outer:nth-child( 7),
+ .container .boxes-outer:nth-child( 9),
+ .container .boxes-outer:nth-child( 11),
+ .container .boxes-outer:nth-child( 13),
+ .container .boxes-outer:nth-child( 15),
+ .container .boxes-outer:nth-child( 17),
+ .container .boxes-outer:nth-child( 19),
+ .container .boxes-outer:nth-child( 21),
+ .container .boxes-outer:nth-child( 23),
+ .container .boxes-outer:nth-child( 25),
+ .container .boxes-outer:nth-child( 27),
+ .container .boxes-outer:nth-child( 29),
+ .container .boxes-outer:nth-child( 31),
+ .container .boxes-outer:nth-child( 33),
+ .container .boxes-outer:nth-child( 35),
+ .container .boxes-outer:nth-child( 37),
+ .container .boxes-outer:nth-child( 39),
+ .container .boxes-outer:nth-child( 41),
+ .container .boxes-outer:nth-child( 43),
+ .container .boxes-outer:nth-child( 45),
+ .container .boxes-outer:nth-child( 47),
+ .container .boxes-outer:nth-child( 49),
+ .container .boxes-outer:nth-child( 51),
+ .container .boxes-outer:nth-child( 53),
+ .container .boxes-outer:nth-child( 55),
+ .container .boxes-outer:nth-child( 57),
+ .container .boxes-outer:nth-child( 59),
+ .container .boxes-outer:nth-child( 61),
+ .container .boxes-outer:nth-child( 63),
+ .container .boxes-outer:nth-child( 65),
+ .container .boxes-outer:nth-child( 67),
+ .container .boxes-outer:nth-child( 69),
+ .container .boxes-outer:nth-child( 71),
+ .container .boxes-outer:nth-child( 73),
+ .container .boxes-outer:nth-child( 75),
+ .container .boxes-outer:nth-child( 77),
+ .container .boxes-outer:nth-child( 79),
+ .container .boxes-outer:nth-child( 81) {
+ margin-right: 0px;
+ }
+ .container .boxes-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 15px;
+ color: #555555;
+ overflow: hidden;
+ }
+}
+/**
+ * @name Rebar Rectangles
+ * @description
+ * - web max 1140
+ * - web 960
+ * - tablet
+ * - mobile
+ */
+.rectangles-outer {
+ position: relative;
+ float: left;
+ display: block;
+}
+.rectangles-inner h1,
+.rectangles-inner h2,
+.rectangles-inner h3,
+.rectangles-inner h4 {
+ font-size: 18px;
+ margin-bottom: 10px;
+}
+.rectangles-inner p {
+ font-size: 12px;
+}
+.rectangles-inner p a {
+ font-size: 12px;
+ color: #b7bfc8;
+}
+.rectangles-inner a.bottom {
+ position: absolute;
+ bottom: 10px;
+}
+.rectangles-inner a.bottom.right {
+ right: 10px;
+}
+/* --- LESS mixin to generate multiple sizes --- */
+/* Five Column, 1140 web max */
+ at media only screen and (min-width: 1140px) {
+ .container .rectangles-outer {
+ width: 19.1%;
+ height: 75px;
+ margin-right: 1.1%;
+ margin-bottom: 1.2%;
+ }
+ .container .rectangles-outer:nth-child( 6),
+ .container .rectangles-outer:nth-child( 11),
+ .container .rectangles-outer:nth-child( 16),
+ .container .rectangles-outer:nth-child( 21),
+ .container .rectangles-outer:nth-child( 26),
+ .container .rectangles-outer:nth-child( 31),
+ .container .rectangles-outer:nth-child( 36),
+ .container .rectangles-outer:nth-child( 41),
+ .container .rectangles-outer:nth-child( 46),
+ .container .rectangles-outer:nth-child( 51),
+ .container .rectangles-outer:nth-child( 56),
+ .container .rectangles-outer:nth-child( 61),
+ .container .rectangles-outer:nth-child( 66),
+ .container .rectangles-outer:nth-child( 71),
+ .container .rectangles-outer:nth-child( 76),
+ .container .rectangles-outer:nth-child( 81),
+ .container .rectangles-outer:nth-child( 86),
+ .container .rectangles-outer:nth-child( 91),
+ .container .rectangles-outer:nth-child( 96),
+ .container .rectangles-outer:nth-child( 101),
+ .container .rectangles-outer:nth-child( 106),
+ .container .rectangles-outer:nth-child( 111),
+ .container .rectangles-outer:nth-child( 116),
+ .container .rectangles-outer:nth-child( 121),
+ .container .rectangles-outer:nth-child( 126),
+ .container .rectangles-outer:nth-child( 131),
+ .container .rectangles-outer:nth-child( 136),
+ .container .rectangles-outer:nth-child( 141),
+ .container .rectangles-outer:nth-child( 146),
+ .container .rectangles-outer:nth-child( 151),
+ .container .rectangles-outer:nth-child( 156),
+ .container .rectangles-outer:nth-child( 161),
+ .container .rectangles-outer:nth-child( 166),
+ .container .rectangles-outer:nth-child( 171),
+ .container .rectangles-outer:nth-child( 176),
+ .container .rectangles-outer:nth-child( 181),
+ .container .rectangles-outer:nth-child( 186),
+ .container .rectangles-outer:nth-child( 191),
+ .container .rectangles-outer:nth-child( 196),
+ .container .rectangles-outer:nth-child( 201) {
+ margin-right: 0px;
+ }
+ .container .rectangles-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 10px;
+ overflow: hidden;
+ }
+}
+/* Four Column, 960 web */
+ at media only screen and (min-width: 960px) and (max-width: 1139px) {
+ .container .rectangles-outer {
+ width: 23.1%;
+ height: 75px;
+ margin-right: 2.25%;
+ margin-bottom: 2%;
+ }
+ .container .rectangles-outer:nth-child( 5),
+ .container .rectangles-outer:nth-child( 9),
+ .container .rectangles-outer:nth-child( 13),
+ .container .rectangles-outer:nth-child( 17),
+ .container .rectangles-outer:nth-child( 21),
+ .container .rectangles-outer:nth-child( 25),
+ .container .rectangles-outer:nth-child( 29),
+ .container .rectangles-outer:nth-child( 33),
+ .container .rectangles-outer:nth-child( 37),
+ .container .rectangles-outer:nth-child( 41),
+ .container .rectangles-outer:nth-child( 45),
+ .container .rectangles-outer:nth-child( 49),
+ .container .rectangles-outer:nth-child( 53),
+ .container .rectangles-outer:nth-child( 57),
+ .container .rectangles-outer:nth-child( 61),
+ .container .rectangles-outer:nth-child( 65),
+ .container .rectangles-outer:nth-child( 69),
+ .container .rectangles-outer:nth-child( 73),
+ .container .rectangles-outer:nth-child( 77),
+ .container .rectangles-outer:nth-child( 81),
+ .container .rectangles-outer:nth-child( 85),
+ .container .rectangles-outer:nth-child( 89),
+ .container .rectangles-outer:nth-child( 93),
+ .container .rectangles-outer:nth-child( 97),
+ .container .rectangles-outer:nth-child( 101),
+ .container .rectangles-outer:nth-child( 105),
+ .container .rectangles-outer:nth-child( 109),
+ .container .rectangles-outer:nth-child( 113),
+ .container .rectangles-outer:nth-child( 117),
+ .container .rectangles-outer:nth-child( 121),
+ .container .rectangles-outer:nth-child( 125),
+ .container .rectangles-outer:nth-child( 129),
+ .container .rectangles-outer:nth-child( 133),
+ .container .rectangles-outer:nth-child( 137),
+ .container .rectangles-outer:nth-child( 141),
+ .container .rectangles-outer:nth-child( 145),
+ .container .rectangles-outer:nth-child( 149),
+ .container .rectangles-outer:nth-child( 153),
+ .container .rectangles-outer:nth-child( 157),
+ .container .rectangles-outer:nth-child( 161) {
+ margin-right: 0px;
+ }
+ .container .rectangles-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 10px;
+ overflow: hidden;
+ }
+}
+/* Three Column, tablet landscape */
+ at media only screen and (min-width: 768px) and (max-width: 959px) {
+ .container .rectangles-outer {
+ width: 31.25%;
+ height: 75px;
+ margin-right: 2.75%;
+ margin-bottom: 2.25%;
+ }
+ .container .rectangles-outer:nth-child( 4),
+ .container .rectangles-outer:nth-child( 7),
+ .container .rectangles-outer:nth-child( 10),
+ .container .rectangles-outer:nth-child( 13),
+ .container .rectangles-outer:nth-child( 16),
+ .container .rectangles-outer:nth-child( 19),
+ .container .rectangles-outer:nth-child( 22),
+ .container .rectangles-outer:nth-child( 25),
+ .container .rectangles-outer:nth-child( 28),
+ .container .rectangles-outer:nth-child( 31),
+ .container .rectangles-outer:nth-child( 34),
+ .container .rectangles-outer:nth-child( 37),
+ .container .rectangles-outer:nth-child( 40),
+ .container .rectangles-outer:nth-child( 43),
+ .container .rectangles-outer:nth-child( 46),
+ .container .rectangles-outer:nth-child( 49),
+ .container .rectangles-outer:nth-child( 52),
+ .container .rectangles-outer:nth-child( 55),
+ .container .rectangles-outer:nth-child( 58),
+ .container .rectangles-outer:nth-child( 61),
+ .container .rectangles-outer:nth-child( 64),
+ .container .rectangles-outer:nth-child( 67),
+ .container .rectangles-outer:nth-child( 70),
+ .container .rectangles-outer:nth-child( 73),
+ .container .rectangles-outer:nth-child( 76),
+ .container .rectangles-outer:nth-child( 79),
+ .container .rectangles-outer:nth-child( 82),
+ .container .rectangles-outer:nth-child( 85),
+ .container .rectangles-outer:nth-child( 88),
+ .container .rectangles-outer:nth-child( 91),
+ .container .rectangles-outer:nth-child( 94),
+ .container .rectangles-outer:nth-child( 97),
+ .container .rectangles-outer:nth-child( 100),
+ .container .rectangles-outer:nth-child( 103),
+ .container .rectangles-outer:nth-child( 106),
+ .container .rectangles-outer:nth-child( 109),
+ .container .rectangles-outer:nth-child( 112),
+ .container .rectangles-outer:nth-child( 115),
+ .container .rectangles-outer:nth-child( 118),
+ .container .rectangles-outer:nth-child( 121) {
+ margin-right: 0px;
+ }
+ .container .rectangles-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 10px;
+ overflow: hidden;
+ }
+}
+/* Two Column, mobile portrait & landscape */
+ at media only screen and (max-width: 767px) {
+ .container .rectangles-outer {
+ width: 48.5%;
+ height: 75px;
+ margin-right: 3%;
+ margin-bottom: 3%;
+ }
+ .container .rectangles-outer:nth-child( 3),
+ .container .rectangles-outer:nth-child( 5),
+ .container .rectangles-outer:nth-child( 7),
+ .container .rectangles-outer:nth-child( 9),
+ .container .rectangles-outer:nth-child( 11),
+ .container .rectangles-outer:nth-child( 13),
+ .container .rectangles-outer:nth-child( 15),
+ .container .rectangles-outer:nth-child( 17),
+ .container .rectangles-outer:nth-child( 19),
+ .container .rectangles-outer:nth-child( 21),
+ .container .rectangles-outer:nth-child( 23),
+ .container .rectangles-outer:nth-child( 25),
+ .container .rectangles-outer:nth-child( 27),
+ .container .rectangles-outer:nth-child( 29),
+ .container .rectangles-outer:nth-child( 31),
+ .container .rectangles-outer:nth-child( 33),
+ .container .rectangles-outer:nth-child( 35),
+ .container .rectangles-outer:nth-child( 37),
+ .container .rectangles-outer:nth-child( 39),
+ .container .rectangles-outer:nth-child( 41),
+ .container .rectangles-outer:nth-child( 43),
+ .container .rectangles-outer:nth-child( 45),
+ .container .rectangles-outer:nth-child( 47),
+ .container .rectangles-outer:nth-child( 49),
+ .container .rectangles-outer:nth-child( 51),
+ .container .rectangles-outer:nth-child( 53),
+ .container .rectangles-outer:nth-child( 55),
+ .container .rectangles-outer:nth-child( 57),
+ .container .rectangles-outer:nth-child( 59),
+ .container .rectangles-outer:nth-child( 61),
+ .container .rectangles-outer:nth-child( 63),
+ .container .rectangles-outer:nth-child( 65),
+ .container .rectangles-outer:nth-child( 67),
+ .container .rectangles-outer:nth-child( 69),
+ .container .rectangles-outer:nth-child( 71),
+ .container .rectangles-outer:nth-child( 73),
+ .container .rectangles-outer:nth-child( 75),
+ .container .rectangles-outer:nth-child( 77),
+ .container .rectangles-outer:nth-child( 79),
+ .container .rectangles-outer:nth-child( 81) {
+ margin-right: 0px;
+ }
+ .container .rectangles-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 10px;
+ overflow: hidden;
+ }
+}
+/* Two Column, mobile portrait */
+ at media only screen and (max-width: 480px) {
+ .container .rectangles-outer {
+ width: 100%;
+ height: 75px;
+ margin-right: 4%;
+ margin-bottom: 2%;
+ }
+ .container .rectangles-outer:nth-child( 2),
+ .container .rectangles-outer:nth-child( 3),
+ .container .rectangles-outer:nth-child( 4),
+ .container .rectangles-outer:nth-child( 5),
+ .container .rectangles-outer:nth-child( 6),
+ .container .rectangles-outer:nth-child( 7),
+ .container .rectangles-outer:nth-child( 8),
+ .container .rectangles-outer:nth-child( 9),
+ .container .rectangles-outer:nth-child( 10),
+ .container .rectangles-outer:nth-child( 11),
+ .container .rectangles-outer:nth-child( 12),
+ .container .rectangles-outer:nth-child( 13),
+ .container .rectangles-outer:nth-child( 14),
+ .container .rectangles-outer:nth-child( 15),
+ .container .rectangles-outer:nth-child( 16),
+ .container .rectangles-outer:nth-child( 17),
+ .container .rectangles-outer:nth-child( 18),
+ .container .rectangles-outer:nth-child( 19),
+ .container .rectangles-outer:nth-child( 20),
+ .container .rectangles-outer:nth-child( 21),
+ .container .rectangles-outer:nth-child( 22),
+ .container .rectangles-outer:nth-child( 23),
+ .container .rectangles-outer:nth-child( 24),
+ .container .rectangles-outer:nth-child( 25),
+ .container .rectangles-outer:nth-child( 26),
+ .container .rectangles-outer:nth-child( 27),
+ .container .rectangles-outer:nth-child( 28),
+ .container .rectangles-outer:nth-child( 29),
+ .container .rectangles-outer:nth-child( 30),
+ .container .rectangles-outer:nth-child( 31),
+ .container .rectangles-outer:nth-child( 32),
+ .container .rectangles-outer:nth-child( 33),
+ .container .rectangles-outer:nth-child( 34),
+ .container .rectangles-outer:nth-child( 35),
+ .container .rectangles-outer:nth-child( 36),
+ .container .rectangles-outer:nth-child( 37),
+ .container .rectangles-outer:nth-child( 38),
+ .container .rectangles-outer:nth-child( 39),
+ .container .rectangles-outer:nth-child( 40),
+ .container .rectangles-outer:nth-child( 41) {
+ margin-right: 0px;
+ }
+ .container .rectangles-inner {
+ position: absolute;
+ left: 1px;
+ top: 1px;
+ bottom: 1px;
+ right: 1px;
+ padding: 10px;
+ overflow: hidden;
+ }
+}
+/* Shapes */
+/* #Tables
+================================================== */
+table {
+ background-color: #ffffff;
+ border-right: 1px solid #cccccc;
+ border-left: 1px solid #cccccc;
+ border-bottom: 1px solid #cccccc;
+}
+table th,
+table td,
+table tfoot {
+ border-top: 1px solid #cccccc;
+}
+table td {
+ padding: 15px;
+ font-size: 16px;
+ line-height: 16px;
+}
+table th {
+ padding: 10px 15px;
+ background-color: #f9f9f9;
+ text-align: left;
+ font-style: italic;
+ font-size: 14px;
+}
+table tr.foot td {
+ padding: 10px 15px;
+ background-color: #f9f9f9;
+ font-style: italic;
+ font-size: 14px;
+}
+/* Table - Full */
+table.full {
+ width: 100%;
+}
+table.full td,
+table.full th {
+ padding: 15px;
+}
+/* Table - Rounded */
+table.rounded {
+ border-radius: 7px;
+}
+table.rounded td:first-child,
+table.rounded th:first-child {
+ border-left: none;
+}
+table.rounded th:first-child {
+ border-radius: 7px 0 0 0;
+}
+table.rounded th:last-child {
+ border-radius: 0 7px 0 0;
+}
+table.rounded th:only-child {
+ border-radius: 7px 7px 0 0;
+}
+table.rounded tr:last-child td:first-child {
+ border-radius: 0 0 0 7px;
+}
+table.rounded tr:last-child td:last-child {
+ border-radius: 0 0 7px 0;
+}
+table.rounded tr:last-child td:only-child {
+ border-radius: 0 0 7px 7px;
+}
+/* Table - Zebra Striping */
+table.zebra {
+ border-right: 1px solid #cccccc;
+ border-left: 1px solid #cccccc;
+}
+table.zebra td,
+table.zebra th {
+ padding: 15px;
+}
+table.zebra tr:nth-child(odd) {
+ background-color: #f9f9f9;
+}
+table.zebra tbody tr:nth-child(even) {
+ background-color: #fefefe;
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
+}
+table.zebra th {
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ background-color: #eee;
+ background-image: linear-gradient(top, #f5f5f5, #eeeeee);
+}
+table.zebra th:first-child {
+ border-radius: 6px 0 0 0;
+}
+table.zebra th:last-child {
+ border-radius: 0 6px 0 0;
+}
+table.zebra th:only-child {
+ border-radius: 6px 6px 0 0;
+}
+table.zebra tfoot td {
+ border-bottom: 0;
+ border-top: 1px solid #fff;
+ background-color: #f1f1f1;
+}
+table.zebra tfoot td:first-child {
+ border-radius: 0 0 0 6px;
+}
+table.zebra tfoot td:last-child {
+ border-radius: 0 0 6px 0;
+}
+table.zebra tfoot td:only-child {
+ border-radius: 0 0 6px 6px;
+}
+/* Table - Rouded & Zebra */
+table tr:hover,
+table.rounded tr:hover,
+table.zebra tr:hover {
+ background: #f5f6db;
+ transition: all 0.1s ease-in-out;
+}
+/* #Typography
+================================================== */
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ color: #333333;
+ font-family: OpenSans-Bold, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ letter-spacing: -2px;
+}
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+ font-weight: inherit;
+}
+h1 {
+ font-size: 60px;
+ line-height: 60px;
+ margin-bottom: 30px;
+}
+h2 {
+ font-size: 48px;
+ line-height: 48px;
+ margin-bottom: 30px;
+}
+h3 {
+ font-size: 36px;
+ line-height: 36px;
+ margin-bottom: 30px;
+}
+h4 {
+ font-size: 30px;
+ line-height: 30px;
+ margin-bottom: 30px;
+}
+h5 {
+ font-size: 24px;
+ line-height: 24px;
+ margin-bottom: 30px;
+}
+h6 {
+ font-size: 18px;
+ line-height: 18px;
+ margin-bottom: 30px;
+}
+.subheader {
+ color: #777;
+}
+/* Non Headings */
+p {
+ margin: 0 0 20px 0;
+}
+p img {
+ margin: 0;
+}
+p.lead {
+ font-size: 21px;
+ line-height: 27px;
+ color: #777;
+}
+i,
+em {
+ font-style: OpenSans-Italic, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+b,
+strong {
+ font-family: OpenSans-Bold, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: normal;
+ color: #333333;
+}
+small {
+ font-size: 80%;
+}
+/* Blockquotes */
+blockquote,
+blockquote p {
+ font-size: 18px;
+ line-height: 24px;
+ color: #666666;
+ font-style: italic;
+ margin: 0 0 10px 0;
+}
+blockquote {
+ margin: 0 0 20px;
+ padding: 9px 20px 0 19px;
+ border-left: 4px solid #c9c9c9;
+}
+blockquote cite {
+ display: block;
+ font-size: 12px;
+ color: #555;
+}
+blockquote cite:before {
+ content: "\2014 \0020";
+}
+blockquote cite a,
+blockquote cite a:visited,
+blockquote cite a:visited {
+ color: #555;
+}
+/* Pre & Code */
+code,
+pre,
+.pre {
+ margin-bottom: 20px;
+ background: #e6e6e6;
+ color: #333333;
+ padding: 2px 6px;
+ border: 1px solid #b7bfc8;
+ border-radius: 3px;
+ font-family: 'Courier';
+ font-size: 14px;
+ font-weight: bold;
+}
+code,
+pre {
+ display: inline-block;
+}
+/* Validation */
+.validation-message {
+ font-style: italic;
+}
+/* Success */
+span.validation-success,
+label.validation-success {
+ color: #078754;
+}
+input.validation-success,
+textarea.validation-success,
+select.validation-success {
+ border: 1px solid #078754 !important;
+}
+/* Warning */
+span.validation-warning,
+label.validation-warning {
+ color: #f38b00;
+}
+input.validation-warning,
+textarea.validation-warning,
+select.validation-warning {
+ border: 1px solid #f38b00 !important;
+}
+/* Error */
+span.validation-error,
+label.validation-error {
+ color: #b50606;
+}
+input.validation-error,
+textarea.validation-error,
+select.validation-error {
+ border: 1px solid #b50606 !important;
+}
diff --git a/debian/copyright b/debian/copyright
index 49ddc31..739681a 100644
--- a/debian/copyright
+++ b/debian/copyright
@@ -2,6 +2,7 @@ Format: http://www.debian.org/doc/packaging-manuals/copyright-format/1.0/
Upstream-Name: Rebar
Source: https://github.com/bnvk/Rebar
Files-Excluded: css/rebar.css
+ css/app.css
Files: *
diff --git a/debian/rules b/debian/rules
index 8d53a9e..24b277b 100755
--- a/debian/rules
+++ b/debian/rules
@@ -8,9 +8,11 @@ override_dh_auto_build:
mkdir -p bower_components/less-elements
ln -s /usr/share/javascript/less-elements/elements.less bower_components/less-elements/elements.less
lessc less/rebar.less > css/rebar.css
+ lessc less/rebar.less > css/app.css
override_dh_auto_clean:
dh_clean
rm -rf bower_components
rm -f css/rebar.css
+ rm -f css/app.css
--
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-javascript/rebar.js.git
More information about the Pkg-javascript-commits
mailing list