diff --git a/.gitignore b/.gitignore index f18f7e1..244c211 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,2 @@ weather icons project.sublime-project -weather icons project.sublime-workspace -public/* \ No newline at end of file +weather icons project.sublime-workspace \ No newline at end of file diff --git a/public/css/styles.css b/public/css/styles.css new file mode 100644 index 0000000..3249116 --- /dev/null +++ b/public/css/styles.css @@ -0,0 +1,5364 @@ +/*! + * Bootstrap v3.0.0 + * + * Copyright 2013 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world by @mdo and @fat. + */ +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + margin: 0; +} +a:focus { + outline: thin dotted; +} +a:active, +a:hover { + outline: 0; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +mark { + background: #ff0; + color: #000; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} +pre { + white-space: pre-wrap; +} +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +button, +input, +select, +textarea { + font-family: inherit; + font-size: 100%; + margin: 0; +} +button, +input { + line-height: normal; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 2cm .5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #333333; + background-color: #ffffff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #428bca; + text-decoration: none; +} +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +img { + max-width: 100%; + height: auto; + vertical-align: middle; +} +.img-rounded { + border-radius: 6px; +} +.img-circle { + border-radius: 500px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 1.4; +} +small { + font-size: 85%; +} +cite { + font-style: normal; +} +.text-muted { + color: #999999; +} +a.text-muted:hover, +a.text-muted:focus { + color: #808080; +} +.text-warning { + color: #c09853; +} +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} +.text-danger { + color: #b94a48; +} +a.text-danger:hover, +a.text-danger:focus { + color: #953b39; +} +.text-success { + color: #468847; +} +a.text-success:hover, +a.text-success:focus { + color: #356635; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 500; + line-height: 1.1; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} +h1, +h2, +h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h1, +.h1 { + font-size: 38px; +} +h2, +.h2 { + font-size: 32px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 14px; +} +h6, +.h6 { + font-size: 12px; +} +h1 small, +.h1 small { + font-size: 24px; +} +h2 small, +.h2 small { + font-size: 18px; +} +h3 small, +.h3 small, +h4 small, +.h4 small { + font-size: 14px; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.428571429; +} +dt { + font-weight: bold; +} +dd { + margin-left: 10px; +} +.dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.dl-horizontal dd { + margin-left: 180px; +} +.dl-horizontal dd:before, +.dl-horizontal dd:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.dl-horizontal dd:after { + clear: both; +} +.dl-horizontal dd:before, +.dl-horizontal dd:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.dl-horizontal dd:after { + clear: both; +} +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} +blockquote p { + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; +} +blockquote p:last-child { + margin-bottom: 0; +} +blockquote small { + display: block; + line-height: 1.428571429; + color: #999999; +} +blockquote small:before { + content: '\2014 \00A0'; +} +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} +blockquote.pull-right small:before { + content: ''; +} +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 1.428571429; +} +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12px; + color: #333333; + border-radius: 4px; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + white-space: nowrap; +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.428571429; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; +} +pre.prettyprint { + margin-bottom: 20px; +} +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + margin-right: auto; + margin-left: auto; +} +.container:before, +.container:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.container:after { + clear: both; +} +.container:before, +.container:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.container:after { + clear: both; +} +.row:before, +.row:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.row:after { + clear: both; +} +.row:before, +.row:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.row:after { + clear: both; +} +@media (min-width: 768px) { + .row { + margin-left: -15px; + margin-right: -15px; + } +} +.row .row { + margin-left: -15px; + margin-right: -15px; +} +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-12 { + float: left; +} +.col-1 { + width: 8.333333333333332%; +} +.col-2 { + width: 16.666666666666664%; +} +.col-3 { + width: 25%; +} +.col-4 { + width: 33.33333333333333%; +} +.col-5 { + width: 41.66666666666667%; +} +.col-6 { + width: 50%; +} +.col-7 { + width: 58.333333333333336%; +} +.col-8 { + width: 66.66666666666666%; +} +.col-9 { + width: 75%; +} +.col-10 { + width: 83.33333333333334%; +} +.col-11 { + width: 91.66666666666666%; +} +.col-12 { + width: 100%; +} +@media (min-width: 768px) { + .container { + max-width: 728px; + } + .col-sm-1, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9, + .col-sm-10, + .col-sm-11, + .col-sm-12 { + float: left; + } + .col-sm-1 { + width: 8.333333333333332%; + } + .col-sm-2 { + width: 16.666666666666664%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-4 { + width: 33.33333333333333%; + } + .col-sm-5 { + width: 41.66666666666667%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-7 { + width: 58.333333333333336%; + } + .col-sm-8 { + width: 66.66666666666666%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-10 { + width: 83.33333333333334%; + } + .col-sm-11 { + width: 91.66666666666666%; + } + .col-sm-12 { + width: 100%; + } + .col-push-1 { + left: 8.333333333333332%; + } + .col-push-2 { + left: 16.666666666666664%; + } + .col-push-3 { + left: 25%; + } + .col-push-4 { + left: 33.33333333333333%; + } + .col-push-5 { + left: 41.66666666666667%; + } + .col-push-6 { + left: 50%; + } + .col-push-7 { + left: 58.333333333333336%; + } + .col-push-8 { + left: 66.66666666666666%; + } + .col-push-9 { + left: 75%; + } + .col-push-10 { + left: 83.33333333333334%; + } + .col-push-11 { + left: 91.66666666666666%; + } + .col-pull-1 { + right: 8.333333333333332%; + } + .col-pull-2 { + right: 16.666666666666664%; + } + .col-pull-3 { + right: 25%; + } + .col-pull-4 { + right: 33.33333333333333%; + } + .col-pull-5 { + right: 41.66666666666667%; + } + .col-pull-6 { + right: 50%; + } + .col-pull-7 { + right: 58.333333333333336%; + } + .col-pull-8 { + right: 66.66666666666666%; + } + .col-pull-9 { + right: 75%; + } + .col-pull-10 { + right: 83.33333333333334%; + } + .col-pull-11 { + right: 91.66666666666666%; + } +} +@media (min-width: 992px) { + .container { + max-width: 940px; + } + .col-lg-1, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9, + .col-lg-10, + .col-lg-11, + .col-lg-12 { + float: left; + } + .col-lg-1 { + width: 8.333333333333332%; + } + .col-lg-2 { + width: 16.666666666666664%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.33333333333333%; + } + .col-lg-5 { + width: 41.66666666666667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.333333333333336%; + } + .col-lg-8 { + width: 66.66666666666666%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.33333333333334%; + } + .col-lg-11 { + width: 91.66666666666666%; + } + .col-lg-12 { + width: 100%; + } + .col-offset-1 { + margin-left: 8.333333333333332%; + } + .col-offset-2 { + margin-left: 16.666666666666664%; + } + .col-offset-3 { + margin-left: 25%; + } + .col-offset-4 { + margin-left: 33.33333333333333%; + } + .col-offset-5 { + margin-left: 41.66666666666667%; + } + .col-offset-6 { + margin-left: 50%; + } + .col-offset-7 { + margin-left: 58.333333333333336%; + } + .col-offset-8 { + margin-left: 66.66666666666666%; + } + .col-offset-9 { + margin-left: 75%; + } + .col-offset-10 { + margin-left: 83.33333333333334%; + } + .col-offset-11 { + margin-left: 91.66666666666666%; + } +} +@media (min-width: 1200px) { + .container { + max-width: 1170px; + } +} +table { + max-width: 100%; + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table thead > tr > th, +.table tbody > tr > th, +.table thead > tr > td, +.table tbody > tr > td { + padding: 8px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table thead > tr > th { + vertical-align: bottom; +} +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} +.table tbody + tbody { + border-top: 2px solid #dddddd; +} +.table .table { + background-color: #ffffff; +} +.table-condensed thead > tr > th, +.table-condensed tbody > tr > th, +.table-condensed thead > tr > td, +.table-condensed tbody > tr > td { + padding: 4px 5px; +} +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + border-left: 0; + border-radius: 4px; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td { + border-left: 1px solid #dddddd; +} +.table-bordered > caption + thead > tr:first-child th, +.table-bordered > caption + tbody > tr:first-child th, +.table-bordered > caption + tbody > tr:first-child td, +.table-bordered > colgroup + thead > tr:first-child th, +.table-bordered > colgroup + tbody > tr:first-child th, +.table-bordered > colgroup + tbody > tr:first-child td, +.table-bordered > thead:first-child > tr:first-child th, +.table-bordered > tbody:first-child > tr:first-child th, +.table-bordered > tbody:first-child > tr:first-child td { + border-top: 0; +} +.table-bordered > thead:first-child > tr:first-child > th:first-child, +.table-bordered > tbody:first-child > tr:first-child > td:first-child, +.table-bordered > tbody:first-child > tr:first-child > th:first-child { + border-top-left-radius: 4px; +} +.table-bordered > thead:first-child > tr:first-child > th:last-child, +.table-bordered > tbody:first-child > tr:first-child > td:last-child, +.table-bordered > tbody:first-child > tr:first-child > th:last-child { + border-top-right-radius: 4px; +} +.table-bordered > thead:last-child > tr:last-child > th:first-child, +.table-bordered > tbody:last-child > tr:last-child > td:first-child, +.table-bordered > tbody:last-child > tr:last-child > th:first-child, +.table-bordered > tfoot:last-child > tr:last-child > td:first-child, +.table-bordered > tfoot:last-child > tr:last-child > th:first-child { + border-bottom-left-radius: 4px; +} +.table-bordered > thead:last-child > tr:last-child > th:last-child, +.table-bordered > tbody:last-child > tr:last-child > td:last-child, +.table-bordered > tbody:last-child > tr:last-child > th:last-child, +.table-bordered > tfoot:last-child > tr:last-child > td:last-child, +.table-bordered > tfoot:last-child > tr:last-child > th:last-child { + border-bottom-right-radius: 4px; +} +.table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { + border-bottom-left-radius: 0; +} +.table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { + border-bottom-right-radius: 0; +} +.table-bordered > caption + thead > tr:first-child > th:first-child, +.table-bordered > caption + tbody > tr:first-child > td:first-child, +.table-bordered > colgroup + thead > tr:first-child > th:first-child, +.table-bordered > colgroup + tbody > tr:first-child > td:first-child { + border-top-left-radius: 4px; +} +.table-bordered > caption + thead > tr:first-child > th:last-child, +.table-bordered > caption + tbody > tr:first-child > td:last-child, +.table-bordered > colgroup + thead > tr:first-child > th:last-child, +.table-bordered > colgroup + tbody > tr:first-child > td:last-child { + border-top-right-radius: 4px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +table col[class^="col-"] { + float: none; + display: table-column; +} +table td[class^="col-"], +table th[class^="col-"] { + float: none; + display: table-cell; +} +.table > tbody > tr > td.success, +.table > tbody > tr > th.success, +.table > tbody > tr.success > td { + background-color: #dff0d8; + border-color: #d6e9c6; +} +.table > tbody > tr > td.danger, +.table > tbody > tr > th.danger, +.table > tbody > tr.danger > td { + background-color: #f2dede; + border-color: #eed3d7; +} +.table > tbody > tr > td.warning, +.table > tbody > tr > th.warning, +.table > tbody > tr.warning > td { + background-color: #fcf8e3; + border-color: #fbeed5; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td { + background-color: #d0e9c6; + border-color: #c9e2b3; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td { + background-color: #ebcccc; + border-color: #e6c1c7; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td { + background-color: #faf2cc; + border-color: #f8e5be; +} +form { + margin: 0; +} +fieldset { + padding: 0; + margin: 0; + border: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"] { + display: block; + min-height: 38px; + padding: 8px 12px; + font-size: 14px; + line-height: 1.428571429; + color: #555555; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +select:focus, +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); +} +select[disabled], +textarea[disabled], +input[type="text"][disabled], +input[type="password"][disabled], +input[type="datetime"][disabled], +input[type="datetime-local"][disabled], +input[type="date"][disabled], +input[type="month"][disabled], +input[type="time"][disabled], +input[type="week"][disabled], +input[type="number"][disabled], +input[type="email"][disabled], +input[type="url"][disabled], +input[type="search"][disabled], +input[type="tel"][disabled], +input[type="color"][disabled], +select[readonly], +textarea[readonly], +input[type="text"][readonly], +input[type="password"][readonly], +input[type="datetime"][readonly], +input[type="datetime-local"][readonly], +input[type="date"][readonly], +input[type="month"][readonly], +input[type="time"][readonly], +input[type="week"][readonly], +input[type="number"][readonly], +input[type="email"][readonly], +input[type="url"][readonly], +input[type="search"][readonly], +input[type="tel"][readonly], +input[type="color"][readonly], +fieldset[disabled] select, +fieldset[disabled] textarea, +fieldset[disabled] input[type="text"], +fieldset[disabled] input[type="password"], +fieldset[disabled] input[type="datetime"], +fieldset[disabled] input[type="datetime-local"], +fieldset[disabled] input[type="date"], +fieldset[disabled] input[type="month"], +fieldset[disabled] input[type="time"], +fieldset[disabled] input[type="week"], +fieldset[disabled] input[type="number"], +fieldset[disabled] input[type="email"], +fieldset[disabled] input[type="url"], +fieldset[disabled] input[type="search"], +fieldset[disabled] input[type="tel"], +fieldset[disabled] input[type="color"] { + cursor: not-allowed; + background-color: #eeeeee; +} +input, +select, +textarea { + width: 100%; +} +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +textarea { + height: auto; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + + line-height: normal; +} +select, +input[type="file"] { + height: 38px; + /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ + + line-height: 38px; +} +select[multiple], +select[size] { + height: auto; +} +select optgroup { + font-size: inherit; + font-style: inherit; + font-family: inherit; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #999999; +} +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; + vertical-align: middle; +} +.radio label, +.checkbox label { + display: inline; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +/* +// Move the options list down to align with labels +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; // has to be padding because margin collaspes +} +*/ +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +select.input-large, +textarea.input-large, +input[type="text"].input-large, +input[type="password"].input-large, +input[type="datetime"].input-large, +input[type="datetime-local"].input-large, +input[type="date"].input-large, +input[type="month"].input-large, +input[type="time"].input-large, +input[type="week"].input-large, +input[type="number"].input-large, +input[type="email"].input-large, +input[type="url"].input-large, +input[type="search"].input-large, +input[type="tel"].input-large, +input[type="color"].input-large { + min-height: 56px; + padding: 14px 16px; + font-size: 18px; + border-radius: 6px; +} +select.input-small, +textarea.input-small, +input[type="text"].input-small, +input[type="password"].input-small, +input[type="datetime"].input-small, +input[type="datetime-local"].input-small, +input[type="date"].input-small, +input[type="month"].input-small, +input[type="time"].input-small, +input[type="week"].input-small, +input[type="number"].input-small, +input[type="email"].input-small, +input[type="url"].input-small, +input[type="search"].input-small, +input[type="tel"].input-small, +input[type="color"].input-small { + min-height: 30px; + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.has-warning .control-label { + color: #c09853; +} +.has-warning .input-with-feedback { + padding-right: 32px; + border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .input-with-feedback:focus { + border-color: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} +.has-warning .input-group-addon { + color: #c09853; + border-color: #c09853; + background-color: #fcf8e3; +} +.has-error .control-label { + color: #b94a48; +} +.has-error .input-with-feedback { + padding-right: 32px; + border-color: #b94a48; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .input-with-feedback:focus { + border-color: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} +.has-error .input-group-addon { + color: #b94a48; + border-color: #b94a48; + background-color: #f2dede; +} +.has-success .control-label { + color: #468847; +} +.has-success .input-with-feedback { + padding-right: 32px; + border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .input-with-feedback:focus { + border-color: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} +.has-success .input-group-addon { + color: #468847; + border-color: #468847; + background-color: #dff0d8; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +.input-group { + display: table; +} +.input-group.col { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group input, +.input-group select { + width: 100%; + margin-bottom: 0; +} +.input-group-addon, +.input-group-btn, +.input-group input { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group input:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; +} +.input-group-addon { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 8px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1.428571429; + text-align: center; + text-shadow: 0 1px 0 #fff; + background-color: #eeeeee; + border: 1px solid #ccc; + border-radius: 4px; +} +.input-group-addon.input-small { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-large { + padding: 14px 16px; + font-size: 18px; + border-radius: 6px; +} +.input-group input:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group input:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; + float: left; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:active { + z-index: 2; +} +.form-inline input, +.form-inline select, +.form-inline textarea, +.form-inline .radio, +.form-inline .checkbox { + display: inline-block; +} +.form-inline .radio, +.form-inline .checkbox { + margin-top: 0; + margin-bottom: 0; +} +.form-horizontal .row + .row { + margin-top: 15px; +} +.form-horizontal .control-label { + padding-top: 6px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.btn { + display: inline-block; + padding: 8px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 500; + line-height: 1.428571429; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid transparent; + border-radius: 4px; + white-space: nowrap; +} +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus { + color: #fff; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: default; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-default { + color: #ffffff; + background-color: #474949; + border-color: #474949; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active { + background-color: #3a3c3c; + border-color: #2e2f2f; +} +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #474949; + border-color: #474949; +} +.btn-primary { + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active { + background-color: #357ebd; + border-color: #3071a9; +} +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #428bca; +} +.btn-warning { + color: #ffffff; + background-color: #f0ad4e; + border-color: #f0ad4e; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active { + background-color: #eea236; + border-color: #ec971f; +} +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #f0ad4e; +} +.btn-danger { + color: #ffffff; + background-color: #d9534f; + border-color: #d9534f; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active { + background-color: #d43f3a; + border-color: #c9302c; +} +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d9534f; +} +.btn-success { + color: #ffffff; + background-color: #5cb85c; + border-color: #5cb85c; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active { + background-color: #4cae4c; + border-color: #449d44; +} +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #5cb85c; +} +.btn-info { + color: #ffffff; + background-color: #5bc0de; + border-color: #5bc0de; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active { + background-color: #46b8da; + border-color: #31b0d5; +} +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #5bc0de; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link { + color: #428bca; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #333333; + text-decoration: none; +} +.btn-large { + padding: 14px 16px; + font-size: 18px; + border-radius: 6px; +} +.btn-small { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} +.collapse.in { + height: auto; +} +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('../fonts/glyphiconshalflings-regular.eot'); + src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} +.glyphicon:before { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; +} +.glyphicon-glass:before { + content: "\e001"; +} +.glyphicon-music:before { + content: "\e002"; +} +.glyphicon-search:before { + content: "\e003"; +} +.glyphicon-envelope:before { + content: "\2709"; +} +.glyphicon-heart:before { + content: "\e005"; +} +.glyphicon-star:before { + content: "\e006"; +} +.glyphicon-star-empty:before { + content: "\e007"; +} +.glyphicon-user:before { + content: "\e008"; +} +.glyphicon-film:before { + content: "\e009"; +} +.glyphicon-th-large:before { + content: "\e010"; +} +.glyphicon-th:before { + content: "\e011"; +} +.glyphicon-th-list:before { + content: "\e012"; +} +.glyphicon-ok:before { + content: "\e013"; +} +.glyphicon-remove:before { + content: "\e014"; +} +.glyphicon-zoom-in:before { + content: "\e015"; +} +.glyphicon-zoom-out:before { + content: "\e016"; +} +.glyphicon-off:before { + content: "\e017"; +} +.glyphicon-signal:before { + content: "\e018"; +} +.glyphicon-cog:before { + content: "\e019"; +} +.glyphicon-trash:before { + content: "\e020"; +} +.glyphicon-home:before { + content: "\e021"; +} +.glyphicon-file:before { + content: "\e022"; +} +.glyphicon-time:before { + content: "\e023"; +} +.glyphicon-road:before { + content: "\e024"; +} +.glyphicon-download-alt:before { + content: "\e025"; +} +.glyphicon-download:before { + content: "\e026"; +} +.glyphicon-upload:before { + content: "\e027"; +} +.glyphicon-inbox:before { + content: "\e028"; +} +.glyphicon-play-circle:before { + content: "\e029"; +} +.glyphicon-repeat:before { + content: "\e030"; +} +.glyphicon-refresh:before { + content: "\e031"; +} +.glyphicon-list-alt:before { + content: "\e032"; +} +.glyphicon-lock:before { + content: "\e033"; +} +.glyphicon-flag:before { + content: "\e034"; +} +.glyphicon-headphones:before { + content: "\e035"; +} +.glyphicon-volume-off:before { + content: "\e036"; +} +.glyphicon-volume-down:before { + content: "\e037"; +} +.glyphicon-volume-up:before { + content: "\e038"; +} +.glyphicon-qrcode:before { + content: "\e039"; +} +.glyphicon-barcode:before { + content: "\e040"; +} +.glyphicon-tag:before { + content: "\e041"; +} +.glyphicon-tags:before { + content: "\e042"; +} +.glyphicon-book:before { + content: "\e043"; +} +.glyphicon-bookmark:before { + content: "\e044"; +} +.glyphicon-print:before { + content: "\e045"; +} +.glyphicon-camera:before { + content: "\e046"; +} +.glyphicon-font:before { + content: "\e047"; +} +.glyphicon-bold:before { + content: "\e048"; +} +.glyphicon-italic:before { + content: "\e049"; +} +.glyphicon-text-height:before { + content: "\e050"; +} +.glyphicon-text-width:before { + content: "\e051"; +} +.glyphicon-align-left:before { + content: "\e052"; +} +.glyphicon-align-center:before { + content: "\e053"; +} +.glyphicon-align-right:before { + content: "\e054"; +} +.glyphicon-align-justify:before { + content: "\e055"; +} +.glyphicon-list:before { + content: "\e056"; +} +.glyphicon-indent-left:before { + content: "\e057"; +} +.glyphicon-indent-right:before { + content: "\e058"; +} +.glyphicon-facetime-video:before { + content: "\e059"; +} +.glyphicon-picture:before { + content: "\e060"; +} +.glyphicon-pencil:before { + content: "\270f"; +} +.glyphicon-map-marker:before { + content: "\e062"; +} +.glyphicon-adjust:before { + content: "\e063"; +} +.glyphicon-tint:before { + content: "\e064"; +} +.glyphicon-edit:before { + content: "\e065"; +} +.glyphicon-share:before { + content: "\e066"; +} +.glyphicon-check:before { + content: "\e067"; +} +.glyphicon-move:before { + content: "\e068"; +} +.glyphicon-step-backward:before { + content: "\e069"; +} +.glyphicon-fast-backward:before { + content: "\e070"; +} +.glyphicon-backward:before { + content: "\e071"; +} +.glyphicon-play:before { + content: "\e072"; +} +.glyphicon-pause:before { + content: "\e073"; +} +.glyphicon-stop:before { + content: "\e074"; +} +.glyphicon-forward:before { + content: "\e075"; +} +.glyphicon-fast-forward:before { + content: "\e076"; +} +.glyphicon-step-forward:before { + content: "\e077"; +} +.glyphicon-eject:before { + content: "\e078"; +} +.glyphicon-chevron-left:before { + content: "\e079"; +} +.glyphicon-chevron-right:before { + content: "\e080"; +} +.glyphicon-plus-sign:before { + content: "\e081"; +} +.glyphicon-minus-sign:before { + content: "\e082"; +} +.glyphicon-remove-sign:before { + content: "\e083"; +} +.glyphicon-ok-sign:before { + content: "\e084"; +} +.glyphicon-question-sign:before { + content: "\e085"; +} +.glyphicon-info-sign:before { + content: "\e086"; +} +.glyphicon-screenshot:before { + content: "\e087"; +} +.glyphicon-remove-circle:before { + content: "\e088"; +} +.glyphicon-ok-circle:before { + content: "\e089"; +} +.glyphicon-ban-circle:before { + content: "\e090"; +} +.glyphicon-arrow-left:before { + content: "\e091"; +} +.glyphicon-arrow-right:before { + content: "\e092"; +} +.glyphicon-arrow-up:before { + content: "\e093"; +} +.glyphicon-arrow-down:before { + content: "\e094"; +} +.glyphicon-share-alt:before { + content: "\e095"; +} +.glyphicon-resize-full:before { + content: "\e096"; +} +.glyphicon-resize-small:before { + content: "\e097"; +} +.glyphicon-plus:before { + content: "\002b"; +} +.glyphicon-minus:before { + content: "\2212"; +} +.glyphicon-asterisk:before { + content: "\002a"; +} +.glyphicon-exclamation-sign:before { + content: "\e101"; +} +.glyphicon-gift:before { + content: "\e102"; +} +.glyphicon-leaf:before { + content: "\e103"; +} +.glyphicon-fire:before { + content: "\e104"; +} +.glyphicon-eye-open:before { + content: "\e105"; +} +.glyphicon-eye-close:before { + content: "\e106"; +} +.glyphicon-warning-sign:before { + content: "\e107"; +} +.glyphicon-plane:before { + content: "\e108"; +} +.glyphicon-calendar:before { + content: "\e109"; +} +.glyphicon-random:before { + content: "\e110"; +} +.glyphicon-comment:before { + content: "\e111"; +} +.glyphicon-magnet:before { + content: "\e112"; +} +.glyphicon-chevron-up:before { + content: "\e113"; +} +.glyphicon-chevron-down:before { + content: "\e114"; +} +.glyphicon-retweet:before { + content: "\e115"; +} +.glyphicon-shopping-cart:before { + content: "\e116"; +} +.glyphicon-folder-close:before { + content: "\e117"; +} +.glyphicon-folder-open:before { + content: "\e118"; +} +.glyphicon-resize-vertical:before { + content: "\e119"; +} +.glyphicon-resize-horizontal:before { + content: "\e120"; +} +.glyphicon-hdd:before { + content: "\e121"; +} +.glyphicon-bullhorn:before { + content: "\e122"; +} +.glyphicon-bell:before { + content: "\e123"; +} +.glyphicon-certificate:before { + content: "\e124"; +} +.glyphicon-thumbs-up:before { + content: "\e125"; +} +.glyphicon-thumbs-down:before { + content: "\e126"; +} +.glyphicon-hand-right:before { + content: "\e127"; +} +.glyphicon-hand-left:before { + content: "\e128"; +} +.glyphicon-hand-up:before { + content: "\e129"; +} +.glyphicon-hand-down:before { + content: "\e130"; +} +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} +.glyphicon-globe:before { + content: "\e135"; +} +.glyphicon-wrench:before { + content: "\e136"; +} +.glyphicon-tasks:before { + content: "\e137"; +} +.glyphicon-filter:before { + content: "\e138"; +} +.glyphicon-briefcase:before { + content: "\e139"; +} +.glyphicon-fullscreen:before { + content: "\e140"; +} +.glyphicon-dashboard:before { + content: "\e141"; +} +.glyphicon-paperclip:before { + content: "\e142"; +} +.glyphicon-heart-empty:before { + content: "\e143"; +} +.glyphicon-link:before { + content: "\e144"; +} +.glyphicon-phone:before { + content: "\e145"; +} +.glyphicon-pushpin:before { + content: "\e146"; +} +.glyphicon-euro:before { + content: "\20ac"; +} +.glyphicon-usd:before { + content: "\e148"; +} +.glyphicon-gbp:before { + content: "\e149"; +} +.glyphicon-sort:before { + content: "\e150"; +} +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} +.glyphicon-sort-by-order:before { + content: "\e153"; +} +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} +.glyphicon-unchecked:before { + content: "\e157"; +} +.glyphicon-expand:before { + content: "\e158"; +} +.glyphicon-collapse:before { + content: "\e159"; +} +.glyphicon-collapse-top:before { + content: "\e160"; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid #000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 2px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #333333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + text-decoration: none; + color: #ffffff; + background-color: #357ebd; + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + background-color: #357ebd; + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +.dropdown-submenu { + position: relative; +} +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + border-top-left-radius: 0; +} +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-bottom-left-radius: 0; +} +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; +} +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} +.dropdown-submenu.pull-left { + float: none; +} +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-top-right-radius: 0; +} +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; +} +.typeahead { + z-index: 1051; +} +.list-group { + margin-bottom: 20px; + padding-left: 0; + background-color: #ffffff; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 30px 10px 15px; + margin-bottom: -1px; + border: 1px solid #dddddd; +} +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +a.list-group-item .list-group-item-heading { + color: #333; +} +a.list-group-item .list-group-item-text { + color: #555; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} +a.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} +a.list-group-item.active .list-group-item-heading { + color: inherit; +} +a.list-group-item.active .list-group-item-text { + color: #e1edf7; +} +.list-group-item > .badge, +.list-group-item > .glyphicon-chevron-right { + float: right; + margin-right: -15px; +} +.list-group-item > .glyphicon + .badge { + margin-right: 5px; +} +.panel { + padding: 15px; + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-heading { + margin: -15px -15px 15px; + padding: 10px 15px; + font-size: 17.5px; + font-weight: 500; + background-color: #f5f5f5; + border-bottom: 1px solid #dddddd; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} +.panel-footer { + margin: 15px -15px -15px; + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} +.panel-primary { + border-color: #428bca; +} +.panel-primary .panel-heading { + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success .panel-heading { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-warning { + border-color: #fbeed5; +} +.panel-warning .panel-heading { + color: #c09853; + background-color: #fcf8e3; + border-color: #fbeed5; +} +.panel-danger { + border-color: #eed3d7; +} +.panel-danger .panel-heading { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info .panel-heading { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} +.list-group-flush { + margin: 15px -15px -15px; +} +.list-group-flush .list-group-item { + border-width: 1px 0; +} +.list-group-flush .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.list-group-flush .list-group-item:last-child { + border-bottom: 0; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-large { + padding: 24px; + border-radius: 6px; +} +.well-small { + padding: 9px; + border-radius: 3px; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.nav { + margin-left: 0; + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav:before, +.nav:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.nav:after { + clear: both; +} +.nav:before, +.nav:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.nav:after { + clear: both; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + background-color: transparent; + cursor: default; +} +.nav > li + .nav-header { + margin-top: 9px; +} +.nav.open > a, +.nav.open > a:hover, +.nav.open > a:focus { + color: #fff; + background-color: #428bca; + border-color: #428bca; +} +.nav.open > a .caret, +.nav.open > a:hover .caret, +.nav.open > a:focus .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav > .pull-right { + float: right; +} +.nav .nav-divider { + height: 2px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.428571429; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; + display: table-cell; + width: 1%; +} +.nav-tabs.nav-justified > li > a { + text-align: center; +} +.nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + margin-right: 0; +} +.nav-tabs.nav-justified > .active > a { + border-bottom-color: #ffffff; +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 5px; +} +.nav-pills > li + li > a { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #fff; + background-color: #428bca; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; + display: table-cell; + width: 1%; +} +.nav-justified > li > a { + text-align: center; +} +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 1.428571429; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} +.tabbable:before, +.tabbable:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.tabbable:after { + clear: both; +} +.tabbable:before, +.tabbable:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.tabbable:after { + clear: both; +} +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} +.nav .caret { + border-top-color: #428bca; + border-bottom-color: #428bca; +} +.nav a:hover .caret { + border-top-color: #2a6496; + border-bottom-color: #2a6496; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar { + position: relative; + margin-bottom: 20px; + padding-left: 15px; + padding-right: 15px; + background-color: #eeeeee; + border-radius: 4px; +} +.navbar:before, +.navbar:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.navbar:after { + clear: both; +} +.navbar:before, +.navbar:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.navbar:after { + clear: both; +} +.navbar-nav { + margin-top: 10px; + margin-bottom: 15px; +} +.navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + color: #777777; + line-height: 20px; + border-radius: 4px; +} +.navbar-nav > li > a:hover, +.navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-nav > .active > a, +.navbar-nav > .active > a:hover, +.navbar-nav > .active > a:focus { + color: #555555; + background-color: #d5d5d5; +} +.navbar-nav > .disabled > a, +.navbar-nav > .disabled > a:hover, +.navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-nav.pull-right { + width: 100%; +} +.navbar-static-top { + border-radius: 0; +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + border-radius: 0; +} +.navbar-fixed-top { + top: 0; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; +} +.navbar-brand { + display: block; + max-width: 200px; + margin-left: auto; + margin-right: auto; + padding: 15px; + font-size: 18px; + font-weight: 500; + line-height: 20px; + color: #777777; + text-align: center; +} +.navbar-brand:hover, +.navbar-brand:focus { + color: #5e5e5e; + text-decoration: none; + background-color: transparent; +} +.navbar-toggle { + position: absolute; + top: 10px; + right: 10px; + padding: 8px 12px; + background-color: transparent; + border: 1px solid #ddd; + border-radius: 4px; +} +.navbar-toggle:hover, +.navbar-toggle:focus { + background-color: #ddd; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + background-color: #ccc; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +.navbar-form { + margin-top: 6px; + margin-bottom: 6px; +} +.navbar-form input, +.navbar-form select, +.navbar-form textarea, +.navbar-form .radio, +.navbar-form .checkbox { + display: inline-block; +} +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 0; + margin-bottom: 0; +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.navbar-nav > .dropdown > a:hover .caret, +.navbar-nav > .dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; +} +.navbar-nav > .open > a, +.navbar-nav > .open > a:hover, +.navbar-nav > .open > a:focus { + background-color: #d5d5d5; + color: #555555; +} +.navbar-nav > .dropdown > a .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} +.navbar-nav > .open > a .caret, +.navbar-nav > .open > a:hover .caret, +.navbar-nav > .open > a:focus .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} +.navbar-nav.pull-right > li > .dropdown-menu, +.navbar-nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; +} +.navbar-inverse { + background-color: #222222; +} +.navbar-inverse .navbar-brand { + color: #999999; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #999999; +} +.navbar-inverse .navbar-nav > li > a { + color: #999999; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #080808; + color: #ffffff; +} +.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +.navbar-inverse .navbar-nav > .dropdown > a .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} +.navbar-inverse .navbar-nav > .open > a .caret, +.navbar-inverse .navbar-nav > .open > a:hover .caret, +.navbar-inverse .navbar-nav > .open > a:focus .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} +@media screen and (min-width: 768px) { + .navbar-brand { + float: left; + margin-left: -15px; + margin-right: 5px; + } + .navbar-nav { + float: left; + margin-top: 0; + margin-bottom: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + border-radius: 0; + } + .navbar-nav.pull-right { + float: right; + width: auto; + } + .navbar-toggle { + position: relative; + top: auto; + left: auto; + display: none; + } + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} +.navbar-btn { + margin-top: 6px; +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; +} +.navbar-link { + color: #777777; +} +.navbar-link:hover { + color: #333333; +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} +.btn .caret { + border-top-color: #ffffff; +} +.dropup .btn .caret { + border-bottom-color: #ffffff; +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active { + z-index: 2; +} +.btn-group .btn + .btn { + margin-left: -1px; +} +.btn-toolbar:before, +.btn-toolbar:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.btn-toolbar:after { + clear: both; +} +.btn-toolbar:before, +.btn-toolbar:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.btn-toolbar:after { + clear: both; +} +.btn-toolbar .btn-group { + float: left; +} +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-mini + .dropdown-toggle { + padding-left: 5px; + padding-right: 5px; +} +.btn-group > .btn-large + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn .caret { + margin-left: 0; +} +.btn-large .caret { + border-width: 5px; +} +.dropup .btn-large .caret { + border-bottom-width: 5px; +} +.btn-group-vertical > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn + .btn { + margin-top: -1px; +} +.btn-group-vertical .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical .btn:first-child { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical .btn:last-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; +} +.btn-group-justified .btn { + float: none; + display: table-cell; + width: 1%; +} +.btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], +.btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { + display: none; +} +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; + text-shadow: 0 1px 0 #fff; +} +.breadcrumb > li:after { + display: inline-block; + content: "\00a0 /"; + padding: 0 5px; + color: #ccc; +} +.breadcrumb > li:last-child:after { + display: none; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + display: inline-block; + margin: 20px 0; + border-radius: 4px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + float: left; + padding: 4px 12px; + line-height: 1.428571429; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > .active > a, +.pagination > .active > span { + background-color: #f5f5f5; +} +.pagination > .active > a, +.pagination > .active > span { + color: #999999; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + cursor: default; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + border-left-width: 1px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} +.pagination-large > li > a, +.pagination-large > li > span { + padding: 14px 16px; + font-size: 18px; +} +.pagination-large > li:first-child > a, +.pagination-large > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} +.pagination-large > li:last-child > a, +.pagination-large > li:last-child > span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; +} +.pagination-small > li > a, +.pagination-small > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-small > li:first-child > a, +.pagination-small > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.pagination-small > li:last-child > a, +.pagination-small > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} +.pager { + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager:before, +.pager:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.pager:after { + clear: both; +} +.pager:before, +.pager:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.pager:after { + clear: both; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #f5f5f5; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + cursor: default; +} +.modal-open { + overflow: hidden; +} +.modal { + display: none; + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + -webkit-overflow-scrolling: touch; +} +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} +.modal.fade.in { + top: 0; +} +.modal-dialog { + position: relative; + top: 0; + left: 0; + right: 0; + width: auto; + padding: 10px; + z-index: 1050; +} +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + outline: none; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: #000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.fade.in { + opacity: 0.5; + filter: alpha(opacity=50); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.428571429px; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.428571429; +} +.modal-body { + position: relative; + padding: 20px; +} +.modal-footer { + margin-top: 15px; + padding: 19px 20px 20px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer:before, +.modal-footer:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.modal-footer:after { + clear: both; +} +.modal-footer:before, +.modal-footer:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.modal-footer:after { + clear: both; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +@media screen and (min-width: 768px) { + .modal-dialog { + left: 50%; + right: auto; + width: 560px; + margin-left: -280px; + padding-top: 30px; + padding-bottom: 30px; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + visibility: visible; + font-size: 11px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 1; + filter: alpha(opacity=100); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: rgba(0, 0, 0, 0.9); + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: rgba(0, 0, 0, 0.9); +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: rgba(0, 0, 0, 0.9); +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: rgba(0, 0, 0, 0.9); +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: rgba(0, 0, 0, 0.9); +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; + background-clip: padding-box; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover .arrow { + border-width: 11px; +} +.popover .arrow:after { + border-width: 10px; + content: ""; +} +.popover.top .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right .arrow:after { + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; +} +.popover.bottom .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left .arrow:after { + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; +} +.alert { + padding: 10px 35px 10px 15px; + margin-bottom: 20px; + color: #c09853; + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert hr { + border-top-color: #f8e5be; +} +.alert .alert-link { + font-weight: 500; + color: #a47e3c; +} +.alert .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #468847; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #356635; +} +.alert-danger { + background-color: #f2dede; + border-color: #eed3d7; + color: #b94a48; +} +.alert-danger hr { + border-top-color: #e6c1c7; +} +.alert-danger .alert-link { + color: #953b39; +} +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #3a87ad; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #2d6987; +} +.alert-block { + padding-top: 15px; + padding-bottom: 15px; +} +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} +.alert-block p + p { + margin-top: 5px; +} +.thumbnail, +.img-thumbnail { + padding: 4px; + line-height: 1.428571429; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.thumbnail { + display: block; +} +.img-thumbnail { + display: inline-block; +} +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #428bca; +} +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: #333333; +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} +.media-list { + margin-left: 0; + list-style: none; +} +.label { + display: inline; + padding: .25em .6em; + font-size: 75%; + font-weight: 500; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: #999999; + border-radius: .25em; +} +.label[href]:hover, +.label[href]:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + background-color: #808080; +} +.label-danger { + background-color: #d9534f; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #c9302c; +} +.label-success { + background-color: #5cb85c; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #449d44; +} +.label-warning { + background-color: #f0ad4e; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #ec971f; +} +.label-info { + background-color: #5bc0de; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #31b0d5; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #fff; + line-height: 1; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +a.badge:hover, +a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-mini .badge { + top: 0; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #fff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + color: #fff; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar { + background-color: #428bca; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-danger { + background-color: #d9534f; +} +.progress-striped .progress-bar-danger { + background-color: #d9534f; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-success { + background-color: #5cb85c; +} +.progress-striped .progress-bar-success { + background-color: #5cb85c; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + background-color: #f0ad4e; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #5bc0de; +} +.progress-striped .progress-bar-info { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.accordion { + margin-bottom: 20px; +} +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +.accordion-heading { + border-bottom: 0; +} +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} +.accordion-toggle { + cursor: pointer; +} +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-color: rgba(0, 0, 0, 0.0001); + background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-color: transparent; +} +.carousel-control.right { + left: auto; + right: 0; + background-color: rgba(0, 0, 0, 0.5); + background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-color: transparent; +} +.carousel-control:hover, +.carousel-control:focus { + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .glyphicon { + position: absolute; + top: 50%; + left: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; +} +.carousel-indicators { + position: absolute; + bottom: 20px; + left: 50%; + z-index: 15; + width: 100px; + margin: 0 0 0 -50px; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 8px; + height: 8px; + margin-left: 0; + margin-right: 0; + text-indent: -999px; + border: 1px solid #fff; + border-radius: 5px; + cursor: pointer; +} +.carousel-indicators .active { + background-color: #fff; +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + font-size: 21px; + font-weight: 200; + line-height: 2.1428571435; + color: inherit; + background-color: #eeeeee; +} +.jumbotron h1 { + line-height: 1; + color: inherit; +} +.jumbotron p { + line-height: 1.4; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding: 50px 60px; + border-radius: 6px; + } + .jumbotron h1 { + font-size: 63px; + } +} +.clearfix:before, +.clearfix:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.clearfix:after { + clear: both; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +@media screen and (max-width: 400px) { + @-ms-viewport { + width: 320px; + } +} +.hidden { + display: none; + visibility: hidden; +} +.visible-sm { + display: block !important; +} +tr.visible-sm { + display: table-row !important; +} +th.visible-sm, +td.visible-sm { + display: table-cell !important; +} +.visible-md { + display: none !important; +} +.visible-lg { + display: none !important; +} +.hidden-sm { + display: none !important; +} +.hidden-md { + display: block !important; +} +tr.hidden-md { + display: table-row !important; +} +th.hidden-md, +td.hidden-md { + display: table-cell !important; +} +.hidden-lg { + display: block !important; +} +tr.hidden-lg { + display: table-row !important; +} +th.hidden-lg, +td.hidden-lg { + display: table-cell !important; +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: none !important; + } + .visible-md { + display: block !important; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } + .visible-lg { + display: none !important; + } + .hidden-sm { + display: block !important; + } + tr.hidden-sm { + display: table-row !important; + } + th.hidden-sm, + td.hidden-sm { + display: table-cell !important; + } + .hidden-md { + display: none !important; + } + .hidden-lg { + display: block !important; + } + tr.hidden-lg { + display: table-row !important; + } + th.hidden-lg, + td.hidden-lg { + display: table-cell !important; + } +} +@media (min-width: 992px) { + .visible-sm { + display: none !important; + } + .visible-md { + display: none !important; + } + .visible-lg { + display: block !important; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } + .hidden-sm { + display: block !important; + } + tr.hidden-sm { + display: table-row !important; + } + th.hidden-sm, + td.hidden-sm { + display: table-cell !important; + } + .hidden-md { + display: block !important; + } + tr.hidden-md { + display: table-row !important; + } + th.hidden-md, + td.hidden-md { + display: table-cell !important; + } + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } + .hidden-print { + display: none !important; + } +} +@font-face { + font-family: 'weather'; + src: url('../font/weathericons-regular-webfont.eot'); + src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); + font-weight: normal; + font-style: normal; +} +[class^="wi-"], +[class*=" wi-"] { + font-family: weather; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + text-transform: none; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +[class^="wi-"]:before, +[class*=" wi-"]:before { + text-decoration: inherit; + display: inline-block; + speak: none; +} +.wi-day-cloudy-gusts:before { + content: "\f000"; +} +.wi-day-cloudy-windy:before { + content: "\f001"; +} +.wi-day-cloudy:before { + content: "\f002"; +} +.wi-day-fog:before { + content: "\f003"; +} +.wi-day-hail:before { + content: "\f004"; +} +.wi-day-lightning:before { + content: "\f005"; +} +.wi-day-rain-mix:before { + content: "\f006"; +} +.wi-day-rain-wind:before { + content: "\f007"; +} +.wi-day-rain:before { + content: "\f008"; +} +.wi-day-showers:before { + content: "\f009"; +} +.wi-day-snow:before { + content: "\f00a"; +} +.wi-day-sprinkle:before { + content: "\f00b"; +} +.wi-day-sunny-overcast:before { + content: "\f00c"; +} +.wi-day-sunny:before { + content: "\f00d"; +} +.wi-day-storm-showers:before { + content: "\f00e"; +} +.wi-day-thunderstorm:before { + content: "\f010"; +} +.wi-cloudy-gusts:before { + content: "\f011"; +} +.wi-cloudy-windy:before { + content: "\f012"; +} +.wi-cloudy:before { + content: "\f013"; +} +.wi-fog:before { + content: "\f014"; +} +.wi-hail:before { + content: "\f015"; +} +.wi-lightning:before { + content: "\f016"; +} +.wi-rain-mix:before { + content: "\f017"; +} +.wi-rain-wind:before { + content: "\f018"; +} +.wi-rain:before { + content: "\f019"; +} +.wi-showers:before { + content: "\f01a"; +} +.wi-snow:before { + content: "\f01b"; +} +.wi-sprinkle:before { + content: "\f01c"; +} +.wi-storm-showers:before { + content: "\f01d"; +} +.wi-thunderstorm:before { + content: "\f01e"; +} +.wi-windy:before { + content: "\f021"; +} +.wi-night-alt-cloudy-gusts:before { + content: "\f022"; +} +.wi-night-alt-cloudy-windy:before { + content: "\f023"; +} +.wi-night-alt-hail:before { + content: "\f024"; +} +.wi-night-alt-lightning:before { + content: "\f025"; +} +.wi-night-alt-rain-mix:before { + content: "\f026"; +} +.wi-night-alt-rain-wind:before { + content: "\f027"; +} +.wi-night-alt-rain:before { + content: "\f028"; +} +.wi-night-alt-showers:before { + content: "\f029"; +} +.wi-night-alt-snow:before { + content: "\f02a"; +} +.wi-night-alt-sprinkle:before { + content: "\f02b"; +} +.wi-night-alt-storm-showers:before { + content: "\f02c"; +} +.wi-night-alt-thunderstorm:before { + content: "\f02d"; +} +.wi-night-clear:before { + content: "\f02e"; +} +.wi-night-cloudy-gusts:before { + content: "\f02f"; +} +.wi-night-cloudy-windy:before { + content: "\f030"; +} +.wi-night-cloudy:before { + content: "\f031"; +} +.wi-night-hail:before { + content: "\f032"; +} +.wi-night-lightning:before { + content: "\f033"; +} +.wi-night-rain-mix:before { + content: "\f034"; +} +.wi-night-rain-wind:before { + content: "\f035"; +} +.wi-night-rain:before { + content: "\f036"; +} +.wi-night-showers:before { + content: "\f037"; +} +.wi-night-snow:before { + content: "\f038"; +} +.wi-night-sprinkle:before { + content: "\f039"; +} +.wi-night-storm-showers:before { + content: "\f03a"; +} +.wi-night-thunderstorm:before { + content: "\f03b"; +} +.wi-celcius:before { + content: "\f03c"; +} +.wi-cloud-down:before { + content: "\f03d"; +} +.wi-cloud-refresh:before { + content: "\f03e"; +} +.wi-cloud-up:before { + content: "\f040"; +} +.wi-cloud:before { + content: "\f041"; +} +.wi-degrees:before { + content: "\f042"; +} +.wi-down-left:before { + content: "\f043"; +} +.wi-down:before { + content: "\f044"; +} +.wi-fahrenheit:before { + content: "\f045"; +} +.wi-horizon-alt:before { + content: "\f046"; +} +.wi-horizon:before { + content: "\f047"; +} +.wi-left:before { + content: "\f048"; +} +.wi-lightning:before { + content: "\f016"; +} +.wi-night-fog:before { + content: "\f04a"; +} +.wi-refresh-alt:before { + content: "\f04b"; +} +.wi-refresh:before { + content: "\f04c"; +} +.wi-right:before { + content: "\f04d"; +} +.wi-sprinkles:before { + content: "\f04e"; +} +.wi-strong-wind:before { + content: "\f050"; +} +.wi-sunrise:before { + content: "\f051"; +} +.wi-sunset:before { + content: "\f052"; +} +.wi-thermometer-exterior:before { + content: "\f053"; +} +.wi-thermometer-internal:before { + content: "\f054"; +} +.wi-thermometer:before { + content: "\f055"; +} +.wi-tornado:before { + content: "\f056"; +} +.wi-up-right:before { + content: "\f057"; +} +.wi-up:before { + content: "\f058"; +} +.wi-wind-east:before { + content: "\f059"; +} +.wi-wind-north-east:before { + content: "\f05a"; +} +.wi-wind-north-west:before { + content: "\f05b"; +} +.wi-wind-north:before { + content: "\f05c"; +} +.wi-wind-south-east:before { + content: "\f05d"; +} +.wi-wind-south-west:before { + content: "\f05e"; +} +.wi-wind-south:before { + content: "\f060"; +} +.wi-wind-west:before { + content: "\f061"; +} +.icon-examples:before, +.icon-examples:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.icon-examples:after { + clear: both; +} +.icon-examples:before, +.icon-examples:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.icon-examples:after { + clear: both; +} +.icon-examples h2 { + font-family: "aktiv-grotesk-std"; + font-weight: 200; + color: #3b6ab5; +} +.icon-examples .example { + text-align: center; + margin: 10px 3px; +} +.icon-examples .example:before, +.icon-examples .example:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.icon-examples .example:after { + clear: both; +} +.icon-examples .example:before, +.icon-examples .example:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.icon-examples .example:after { + clear: both; +} +.icon-examples .example .icon { + text-align: center; + font-size: 50px; + float: left; + width: 100px; +} +.icon-examples .example .icon i { + background-color: #e6e6e6; +} +.icon-examples .example .class { + text-align: center; + font-size: 16px; + float: left; + margin-top: 0px; + font-weight: 400; +} +.weatherseparator { + padding-bottom: 10px; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); + margin-bottom: 50px; +} +.weatherseparator:before, +.weatherseparator:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weatherseparator:after { + clear: both; +} +.weatherseparator:before, +.weatherseparator:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weatherseparator:after { + clear: both; +} +.row-fluid:before, +.row-fluid:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.row-fluid:after { + clear: both; +} +.row-fluid:before, +.row-fluid:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.row-fluid:after { + clear: both; +} +.examples { + font-family: 'weather'; + font-size: 50px; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + text-transform: none; + -webkit-font-smoothing: antialiased; +} +.weather { + margin: 0px auto; + font-family: "aktiv-grotesk-std"; +} +.weather .relative { + position: relative; +} +.weather .currently { + float: left; + font-size: 30px; + font-weight: 100; + margin-top: 5px; + opacity: 0.8; + filter: alpha(opacity=80); +} +.weather .mainTemp { + float: left; +} +.weather .mainTemp:before, +.weather .mainTemp:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weather .mainTemp:after { + clear: both; +} +.weather .mainTemp:before, +.weather .mainTemp:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weather .mainTemp:after { + clear: both; +} +.weather .mainTemp .temp { + font-size: 70px; + line-height: 1em; + font-weight: 200; + float: left; + margin-right: 5px; +} +.weather .mainTemp .highLow { + float: left; + font-size: 22px; + line-height: 1em; + margin-top: 5px; + font-weight: 200; + text-align: center; + opacity: 0.5; + filter: alpha(opacity=50); +} +.weather .mainTemp .highLow:before, +.weather .mainTemp .highLow:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weather .mainTemp .highLow:after { + clear: both; +} +.weather .mainTemp .highLow:before, +.weather .mainTemp .highLow:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weather .mainTemp .highLow:after { + clear: both; +} +.weather .mainTemp .highLow .high { + margin-top: 10px; + margin-bottom: 5px; +} +.weather .mainIcon { + font-size: 110px; + opacity: 0.5; + filter: alpha(opacity=50); + line-height: .3em; + float: right; +} +.weather .icon { + position: absolute; + top: 0px; + left: 100px; + color: #ffffff; + opacity: 0.3; + filter: alpha(opacity=30); + z-index: 9; + font-size: 130px; + line-height: 1em; + margin-top: -20px; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); + text-align: right; +} +.weather .tomorrow { + font-size: 18px; + font-weight: 300; + line-height: 1em; + margin-top: 20px; +} +.weather .tomorrow:before, +.weather .tomorrow:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weather .tomorrow:after { + clear: both; +} +.weather .tomorrow:before, +.weather .tomorrow:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weather .tomorrow:after { + clear: both; +} +.weather .tomorrow .day { + float: left; +} +.weather .tomorrow .day .name { + opacity: 0.5; + filter: alpha(opacity=50); + display: inline-block; + margin-right: 10px; +} +.weather .tomorrow .day .condition { + display: inline-block; +} +.weather .tomorrow .temps { + float: right; +} +.weather .tomorrow .temps:before, +.weather .tomorrow .temps:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weather .tomorrow .temps:after { + clear: both; +} +.weather .tomorrow .temps:before, +.weather .tomorrow .temps:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.weather .tomorrow .temps:after { + clear: both; +} +.weather .tomorrow .temps .tomorrow-icon { + font-size: 40px; + margin-right: 5px; + opacity: 0.5; + filter: alpha(opacity=50); +} +.weather .tomorrow .temps .high { + display: inline-block; + margin-right: 10px; +} +.weather .tomorrow .temps .low { + display: inline-block; + margin-right: 0px; + opacity: 0.5; + filter: alpha(opacity=50); +} +.clearthis:before, +.clearthis:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.clearthis:after { + clear: both; +} +.clearthis:before, +.clearthis:after { + content: " "; + /* 1 */ + + display: table; + /* 2 */ + +} +.clearthis:after { + clear: both; +} +::selection, +-moz::selection { + background: #0a91ff; + color: #ffffff; +} +body { + font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; + font-size: 16px; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +header { + height: 300px; + background-color: #3b6ab5; +} +header .icon { + color: #ffffff; + font-size: 400px; + float: left; + line-height: .65em; +} +header h1 { + float: left; + font-family: "aktiv-grotesk-std"; + font-weight: 200; + font-size: 60px; + margin-top: 200px; + color: #ffffff; +} +footer { + height: 200px; + background-color: #333333; + margin-top: 100px; +} +.buttons { + font-size: 100px; +} +.banner { + background-color: #e6e6e6; + background-image: url("img/large-bg2.jpg"); + background-repeat: no-repeat; + background-position: top center; + background-attachment: fixed; + height: 250px; +} +.banner h1 { + color: #ffffff; + font-weight: 400; +} +.banner a { + display: block; + text-decoration: none; +} +.banner .tweet .icon-circle { + color: #33bbff; +} +.banner .tweet .icon-twitter { + color: #ffffff; +} +.banner .tweet:hover .icon-circle { + color: #0088cc; +} +.banner .icon-stack { + display: inline-block; +} +.banner .tweeter { + display: inline-block; + font-weight: 700; + color: #ffffff; +} +.banner .github { + font-size: 25px; + float: left; +} +.banner .github .icon-circle { + color: #999999; +} +.banner .github .icon-github-alt { + color: #ffffff; +} +.module .icon { + text-align: center; + padding: 50px 20px; + color: #e6e6e6; +} +.module .title { + text-align: center; + font-size: 20px; + font-weight: 500; +} diff --git a/public/font/old/artill_clean_icons-webfont.eot b/public/font/old/artill_clean_icons-webfont.eot new file mode 100755 index 0000000..f704da8 Binary files /dev/null and b/public/font/old/artill_clean_icons-webfont.eot differ diff --git a/public/font/old/artill_clean_icons-webfont.svg b/public/font/old/artill_clean_icons-webfont.svg new file mode 100755 index 0000000..599f574 --- /dev/null +++ b/public/font/old/artill_clean_icons-webfont.svg @@ -0,0 +1,122 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/font/old/artill_clean_icons-webfont.ttf b/public/font/old/artill_clean_icons-webfont.ttf new file mode 100755 index 0000000..bdc70d2 Binary files /dev/null and b/public/font/old/artill_clean_icons-webfont.ttf differ diff --git a/public/font/old/artill_clean_icons-webfont.woff b/public/font/old/artill_clean_icons-webfont.woff new file mode 100755 index 0000000..7162848 Binary files /dev/null and b/public/font/old/artill_clean_icons-webfont.woff differ diff --git a/public/font/weathericons-regular-webfont.eot b/public/font/weathericons-regular-webfont.eot new file mode 100755 index 0000000..9420cb2 Binary files /dev/null and b/public/font/weathericons-regular-webfont.eot differ diff --git a/public/font/weathericons-regular-webfont.svg b/public/font/weathericons-regular-webfont.svg new file mode 100755 index 0000000..dbde85e --- /dev/null +++ b/public/font/weathericons-regular-webfont.svg @@ -0,0 +1,121 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/font/weathericons-regular-webfont.ttf b/public/font/weathericons-regular-webfont.ttf new file mode 100755 index 0000000..6a51c42 Binary files /dev/null and b/public/font/weathericons-regular-webfont.ttf differ diff --git a/public/font/weathericons-regular-webfont.woff b/public/font/weathericons-regular-webfont.woff new file mode 100755 index 0000000..af4ea54 Binary files /dev/null and b/public/font/weathericons-regular-webfont.woff differ diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..3774785 --- /dev/null +++ b/public/index.html @@ -0,0 +1,464 @@ + + + + Demo Homepage + + + + + + + +
+
+
+
+
+

Weather Icons

+
+
+
+
+
+
+
+
+
+
+

Day

+
+
+
+
+
+
+
wi-day-cloudy-gusts
+
+
+
+
wi-day-cloudy-windy
+
+
+
+
wi-day-cloudy
+
+
+
+
wi-day-fog
+
+
+
+
wi-day-hail
+
+
+
+
wi-day-lightning
+
+
+
+
+
+
wi-day-rain-mix
+
+
+
+
wi-day-rain-wind
+
+
+
+
wi-day-rain
+
+
+
+
wi-day-showers
+
+
+
+
wi-day-snow
+
+
+
+
wi-day-sprinkle
+
+
+
+
+
+
wi-day-sunny-overcast
+
+
+
+
wi-day-sunny
+
+
+
+
wi-day-storm-showers
+
+
+
+
wi-day-thunderstorm
+
+
+
+
+
+
+
+

Neutral

+
+
+
+
+
+
+
wi-cloudy-gusts
+
+
+
+
wi-cloudy-windy
+
+
+
+
wi-cloudy
+
+
+
+
wi-fog
+
+
+
+
wi-hail
+
+
+
+
+
+
wi-lightning
+
+
+
+
wi-rain-mix
+
+
+
+
wi-rain-wind
+
+
+
+
wi-rain
+
+
+
+
wi-showers
+
+
+
+
+
+
wi-snow
+
+
+
+
wi-sprinkle
+
+
+
+
wi-storm-showers
+
+
+
+
wi-thunderstorm
+
+
+
+
+
+
+
+

Night

+
+
+
+
+
+
+
wi-night-alt-cloudy-gusts
+
+
+
+
wi-night-alt-cloudy-windy
+
+
+
+
wi-night-alt-hail
+
+
+
+
wi-night-alt-lightning
+
+
+
+
wi-night-alt-rain-mix
+
+
+
+
wi-night-alt-rain-wind
+
+
+
+
wi-night-alt-rain
+
+
+
+
wi-night-alt-showers
+
+
+
+
wi-night-alt-snow
+
+
+
+
+
+
wi-night-alt-sprinkle
+
+
+
+
wi-night-alt-storm-showers
+
+
+
+
wi-night-alt-thunderstorm
+
+
+
+
wi-night-clear
+
+
+
+
wi-night-cloudy-gusts
+
+
+
+
wi-night-cloudy-windy
+
+
+
+
wi-night-cloudy
+
+
+
+
wi-night-hail
+
+
+
+
wi-night-lightning
+
+
+
+
+
+
wi-night-rain-mix
+
+
+
+
wi-night-rain-wind
+
+
+
+
wi-night-rain
+
+
+
+
wi-night-showers
+
+
+
+
wi-night-snow
+
+
+
+
wi-night-sprinkle
+
+
+
+
wi-night-storm-showers
+
+
+
+
wi-night-thunderstorm
+
+
+
+
+
+
+
+

Misc

+
+
+
+
+
+
+
wi-celcius
+
+
+
+
wi-cloud-down
+
+
+
+
wi-cloud-refresh
+
+
+
+
wi-cloud-up
+
+
+
+
wi-cloud
+
+
+
+
wi-degrees
+
+
+
+
wi-down-left
+
+
+
+
wi-down
+
+
+
+
wi-fahrenheit
+
+
+
+
wi-horizon-alt
+
+
+
+
wi-horizon
+
+
+
+
wi-left
+
+
+
+
+
+
wi-lightning
+
+
+
+
wi-night-fog
+
+
+
+
wi-refresh-alt
+
+
+
+
wi-refresh
+
+
+
+
wi-right
+
+
+
+
wi-sprinkles
+
+
+
+
wi-sunrise
+
+
+
+
wi-sunrise
+
+
+
+
wi-sunset
+
+
+
+
wi-thermometer-exterior
+
+
+
+
wi-thermometer-internal
+
+
+
+
wi-thermometer
+
+
+
+
+
+
wi-tornado
+
+
+
+
wi-up-right
+
+
+
+
wi-up
+
+
+
+
wi-wind-east
+
+
+
+
wi-wind-north-east
+
+
+
+
wi-wind-north-west
+
+
+
+
wi-wind-north
+
+
+
+
wi-wind-south-east
+
+
+
+
wi-wind-south-west
+
+
+
+
wi-wind-south
+
+
+
+
wi-wind-west
+
+
+
+
wi-windy
+
+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/public/js/bootstrap.min.js b/public/js/bootstrap.min.js new file mode 100755 index 0000000..4abe532 --- /dev/null +++ b/public/js/bootstrap.min.js @@ -0,0 +1,6 @@ +/** +* Bootstrap.js v2.2.2 by @fat & @mdo +* Copyright 2012 Twitter, Inc. +* http://www.apache.org/licenses/LICENSE-2.0.txt +*/ +!function($){"use strict";$(function(){$.support.transition=function(){var transitionEnd=function(){var name,el=document.createElement("bootstrap"),transEndEventNames={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(name in transEndEventNames)if(void 0!==el.style[name])return transEndEventNames[name]}();return transitionEnd&&{end:transitionEnd}}()})}(window.jQuery),!function($){"use strict";var dismiss='[data-dismiss="alert"]',Alert=function(el){$(el).on("click",dismiss,this.close)};Alert.prototype.close=function(e){function removeElement(){$parent.trigger("closed").remove()}var $parent,$this=$(this),selector=$this.attr("data-target");selector||(selector=$this.attr("href"),selector=selector&&selector.replace(/.*(?=#[^\s]*$)/,"")),$parent=$(selector),e&&e.preventDefault(),$parent.length||($parent=$this.hasClass("alert")?$this:$this.parent()),$parent.trigger(e=$.Event("close")),e.isDefaultPrevented()||($parent.removeClass("in"),$.support.transition&&$parent.hasClass("fade")?$parent.on($.support.transition.end,removeElement):removeElement())};var old=$.fn.alert;$.fn.alert=function(option){return this.each(function(){var $this=$(this),data=$this.data("alert");data||$this.data("alert",data=new Alert(this)),"string"==typeof option&&data[option].call($this)})},$.fn.alert.Constructor=Alert,$.fn.alert.noConflict=function(){return $.fn.alert=old,this},$(document).on("click.alert.data-api",dismiss,Alert.prototype.close)}(window.jQuery),!function($){"use strict";var Button=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.button.defaults,options)};Button.prototype.setState=function(state){var d="disabled",$el=this.$element,data=$el.data(),val=$el.is("input")?"val":"html";state+="Text",data.resetText||$el.data("resetText",$el[val]()),$el[val](data[state]||this.options[state]),setTimeout(function(){"loadingText"==state?$el.addClass(d).attr(d,d):$el.removeClass(d).removeAttr(d)},0)},Button.prototype.toggle=function(){var $parent=this.$element.closest('[data-toggle="buttons-radio"]');$parent&&$parent.find(".active").removeClass("active"),this.$element.toggleClass("active")};var old=$.fn.button;$.fn.button=function(option){return this.each(function(){var $this=$(this),data=$this.data("button"),options="object"==typeof option&&option;data||$this.data("button",data=new Button(this,options)),"toggle"==option?data.toggle():option&&data.setState(option)})},$.fn.button.defaults={loadingText:"loading..."},$.fn.button.Constructor=Button,$.fn.button.noConflict=function(){return $.fn.button=old,this},$(document).on("click.button.data-api","[data-toggle^=button]",function(e){var $btn=$(e.target);$btn.hasClass("btn")||($btn=$btn.closest(".btn")),$btn.button("toggle")})}(window.jQuery),!function($){"use strict";var Carousel=function(element,options){this.$element=$(element),this.options=options,"hover"==this.options.pause&&this.$element.on("mouseenter",$.proxy(this.pause,this)).on("mouseleave",$.proxy(this.cycle,this))};Carousel.prototype={cycle:function(e){return e||(this.paused=!1),this.options.interval&&!this.paused&&(this.interval=setInterval($.proxy(this.next,this),this.options.interval)),this},to:function(pos){var $active=this.$element.find(".item.active"),children=$active.parent().children(),activePos=children.index($active),that=this;if(!(pos>children.length-1||0>pos))return this.sliding?this.$element.one("slid",function(){that.to(pos)}):activePos==pos?this.pause().cycle():this.slide(pos>activePos?"next":"prev",$(children[pos]))},pause:function(e){return e||(this.paused=!0),this.$element.find(".next, .prev").length&&$.support.transition.end&&(this.$element.trigger($.support.transition.end),this.cycle()),clearInterval(this.interval),this.interval=null,this},next:function(){return this.sliding?void 0:this.slide("next")},prev:function(){return this.sliding?void 0:this.slide("prev")},slide:function(type,next){var e,$active=this.$element.find(".item.active"),$next=next||$active[type](),isCycling=this.interval,direction="next"==type?"left":"right",fallback="next"==type?"first":"last",that=this;if(this.sliding=!0,isCycling&&this.pause(),$next=$next.length?$next:this.$element.find(".item")[fallback](),e=$.Event("slide",{relatedTarget:$next[0]}),!$next.hasClass("active")){if($.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(e),e.isDefaultPrevented())return;$next.addClass(type),$next[0].offsetWidth,$active.addClass(direction),$next.addClass(direction),this.$element.one($.support.transition.end,function(){$next.removeClass([type,direction].join(" ")).addClass("active"),$active.removeClass(["active",direction].join(" ")),that.sliding=!1,setTimeout(function(){that.$element.trigger("slid")},0)})}else{if(this.$element.trigger(e),e.isDefaultPrevented())return;$active.removeClass("active"),$next.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return isCycling&&this.cycle(),this}}};var old=$.fn.carousel;$.fn.carousel=function(option){return this.each(function(){var $this=$(this),data=$this.data("carousel"),options=$.extend({},$.fn.carousel.defaults,"object"==typeof option&&option),action="string"==typeof option?option:options.slide;data||$this.data("carousel",data=new Carousel(this,options)),"number"==typeof option?data.to(option):action?data[action]():options.interval&&data.cycle()})},$.fn.carousel.defaults={interval:5e3,pause:"hover"},$.fn.carousel.Constructor=Carousel,$.fn.carousel.noConflict=function(){return $.fn.carousel=old,this},$(document).on("click.carousel.data-api","[data-slide]",function(e){var href,$this=$(this),$target=$($this.attr("data-target")||(href=$this.attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,"")),options=$.extend({},$target.data(),$this.data());$target.carousel(options),e.preventDefault()})}(window.jQuery),!function($){"use strict";var Collapse=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.collapse.defaults,options),this.options.parent&&(this.$parent=$(this.options.parent)),this.options.toggle&&this.toggle()};Collapse.prototype={constructor:Collapse,dimension:function(){var hasWidth=this.$element.hasClass("width");return hasWidth?"width":"height"},show:function(){var dimension,scroll,actives,hasData;if(!this.transitioning){if(dimension=this.dimension(),scroll=$.camelCase(["scroll",dimension].join("-")),actives=this.$parent&&this.$parent.find("> .accordion-group > .in"),actives&&actives.length){if(hasData=actives.data("collapse"),hasData&&hasData.transitioning)return;actives.collapse("hide"),hasData||actives.data("collapse",null)}this.$element[dimension](0),this.transition("addClass",$.Event("show"),"shown"),$.support.transition&&this.$element[dimension](this.$element[0][scroll])}},hide:function(){var dimension;this.transitioning||(dimension=this.dimension(),this.reset(this.$element[dimension]()),this.transition("removeClass",$.Event("hide"),"hidden"),this.$element[dimension](0))},reset:function(size){var dimension=this.dimension();return this.$element.removeClass("collapse")[dimension](size||"auto")[0].offsetWidth,this.$element[null!==size?"addClass":"removeClass"]("collapse"),this},transition:function(method,startEvent,completeEvent){var that=this,complete=function(){"show"==startEvent.type&&that.reset(),that.transitioning=0,that.$element.trigger(completeEvent)};this.$element.trigger(startEvent),startEvent.isDefaultPrevented()||(this.transitioning=1,this.$element[method]("in"),$.support.transition&&this.$element.hasClass("collapse")?this.$element.one($.support.transition.end,complete):complete())},toggle:function(){this[this.$element.hasClass("in")?"hide":"show"]()}};var old=$.fn.collapse;$.fn.collapse=function(option){return this.each(function(){var $this=$(this),data=$this.data("collapse"),options="object"==typeof option&&option;data||$this.data("collapse",data=new Collapse(this,options)),"string"==typeof option&&data[option]()})},$.fn.collapse.defaults={toggle:!0},$.fn.collapse.Constructor=Collapse,$.fn.collapse.noConflict=function(){return $.fn.collapse=old,this},$(document).on("click.collapse.data-api","[data-toggle=collapse]",function(e){var href,$this=$(this),target=$this.attr("data-target")||e.preventDefault()||(href=$this.attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,""),option=$(target).data("collapse")?"toggle":$this.data();$this[$(target).hasClass("in")?"addClass":"removeClass"]("collapsed"),$(target).collapse(option)})}(window.jQuery),!function($){"use strict";function clearMenus(){$(toggle).each(function(){getParent($(this)).removeClass("open")})}function getParent($this){var $parent,selector=$this.attr("data-target");return selector||(selector=$this.attr("href"),selector=selector&&/#/.test(selector)&&selector.replace(/.*(?=#[^\s]*$)/,"")),$parent=$(selector),$parent.length||($parent=$this.parent()),$parent}var toggle="[data-toggle=dropdown]",Dropdown=function(element){var $el=$(element).on("click.dropdown.data-api",this.toggle);$("html").on("click.dropdown.data-api",function(){$el.parent().removeClass("open")})};Dropdown.prototype={constructor:Dropdown,toggle:function(){var $parent,isActive,$this=$(this);if(!$this.is(".disabled, :disabled"))return $parent=getParent($this),isActive=$parent.hasClass("open"),clearMenus(),isActive||$parent.toggleClass("open"),$this.focus(),!1},keydown:function(e){var $this,$items,$parent,isActive,index;if(/(38|40|27)/.test(e.keyCode)&&($this=$(this),e.preventDefault(),e.stopPropagation(),!$this.is(".disabled, :disabled"))){if($parent=getParent($this),isActive=$parent.hasClass("open"),!isActive||isActive&&27==e.keyCode)return $this.click();$items=$("[role=menu] li:not(.divider):visible a",$parent),$items.length&&(index=$items.index($items.filter(":focus")),38==e.keyCode&&index>0&&index--,40==e.keyCode&&$items.length-1>index&&index++,~index||(index=0),$items.eq(index).focus())}}};var old=$.fn.dropdown;$.fn.dropdown=function(option){return this.each(function(){var $this=$(this),data=$this.data("dropdown");data||$this.data("dropdown",data=new Dropdown(this)),"string"==typeof option&&data[option].call($this)})},$.fn.dropdown.Constructor=Dropdown,$.fn.dropdown.noConflict=function(){return $.fn.dropdown=old,this},$(document).on("click.dropdown.data-api touchstart.dropdown.data-api",clearMenus).on("click.dropdown touchstart.dropdown.data-api",".dropdown form",function(e){e.stopPropagation()}).on("touchstart.dropdown.data-api",".dropdown-menu",function(e){e.stopPropagation()}).on("click.dropdown.data-api touchstart.dropdown.data-api",toggle,Dropdown.prototype.toggle).on("keydown.dropdown.data-api touchstart.dropdown.data-api",toggle+", [role=menu]",Dropdown.prototype.keydown)}(window.jQuery),!function($){"use strict";var Modal=function(element,options){this.options=options,this.$element=$(element).delegate('[data-dismiss="modal"]',"click.dismiss.modal",$.proxy(this.hide,this)),this.options.remote&&this.$element.find(".modal-body").load(this.options.remote)};Modal.prototype={constructor:Modal,toggle:function(){return this[this.isShown?"hide":"show"]()},show:function(){var that=this,e=$.Event("show");this.$element.trigger(e),this.isShown||e.isDefaultPrevented()||(this.isShown=!0,this.escape(),this.backdrop(function(){var transition=$.support.transition&&that.$element.hasClass("fade");that.$element.parent().length||that.$element.appendTo(document.body),that.$element.show(),transition&&that.$element[0].offsetWidth,that.$element.addClass("in").attr("aria-hidden",!1),that.enforceFocus(),transition?that.$element.one($.support.transition.end,function(){that.$element.focus().trigger("shown")}):that.$element.focus().trigger("shown")}))},hide:function(e){e&&e.preventDefault(),e=$.Event("hide"),this.$element.trigger(e),this.isShown&&!e.isDefaultPrevented()&&(this.isShown=!1,this.escape(),$(document).off("focusin.modal"),this.$element.removeClass("in").attr("aria-hidden",!0),$.support.transition&&this.$element.hasClass("fade")?this.hideWithTransition():this.hideModal())},enforceFocus:function(){var that=this;$(document).on("focusin.modal",function(e){that.$element[0]===e.target||that.$element.has(e.target).length||that.$element.focus()})},escape:function(){var that=this;this.isShown&&this.options.keyboard?this.$element.on("keyup.dismiss.modal",function(e){27==e.which&&that.hide()}):this.isShown||this.$element.off("keyup.dismiss.modal")},hideWithTransition:function(){var that=this,timeout=setTimeout(function(){that.$element.off($.support.transition.end),that.hideModal()},500);this.$element.one($.support.transition.end,function(){clearTimeout(timeout),that.hideModal()})},hideModal:function(){this.$element.hide().trigger("hidden"),this.backdrop()},removeBackdrop:function(){this.$backdrop.remove(),this.$backdrop=null},backdrop:function(callback){var animate=this.$element.hasClass("fade")?"fade":"";if(this.isShown&&this.options.backdrop){var doAnimate=$.support.transition&&animate;this.$backdrop=$('
').appendTo(document.body),this.$backdrop.click("static"==this.options.backdrop?$.proxy(this.$element[0].focus,this.$element[0]):$.proxy(this.hide,this)),doAnimate&&this.$backdrop[0].offsetWidth,this.$backdrop.addClass("in"),doAnimate?this.$backdrop.one($.support.transition.end,callback):callback()}else!this.isShown&&this.$backdrop?(this.$backdrop.removeClass("in"),$.support.transition&&this.$element.hasClass("fade")?this.$backdrop.one($.support.transition.end,$.proxy(this.removeBackdrop,this)):this.removeBackdrop()):callback&&callback()}};var old=$.fn.modal;$.fn.modal=function(option){return this.each(function(){var $this=$(this),data=$this.data("modal"),options=$.extend({},$.fn.modal.defaults,$this.data(),"object"==typeof option&&option);data||$this.data("modal",data=new Modal(this,options)),"string"==typeof option?data[option]():options.show&&data.show()})},$.fn.modal.defaults={backdrop:!0,keyboard:!0,show:!0},$.fn.modal.Constructor=Modal,$.fn.modal.noConflict=function(){return $.fn.modal=old,this},$(document).on("click.modal.data-api",'[data-toggle="modal"]',function(e){var $this=$(this),href=$this.attr("href"),$target=$($this.attr("data-target")||href&&href.replace(/.*(?=#[^\s]+$)/,"")),option=$target.data("modal")?"toggle":$.extend({remote:!/#/.test(href)&&href},$target.data(),$this.data());e.preventDefault(),$target.modal(option).one("hide",function(){$this.focus()})})}(window.jQuery),!function($){"use strict";var Tooltip=function(element,options){this.init("tooltip",element,options)};Tooltip.prototype={constructor:Tooltip,init:function(type,element,options){var eventIn,eventOut;this.type=type,this.$element=$(element),this.options=this.getOptions(options),this.enabled=!0,"click"==this.options.trigger?this.$element.on("click."+this.type,this.options.selector,$.proxy(this.toggle,this)):"manual"!=this.options.trigger&&(eventIn="hover"==this.options.trigger?"mouseenter":"focus",eventOut="hover"==this.options.trigger?"mouseleave":"blur",this.$element.on(eventIn+"."+this.type,this.options.selector,$.proxy(this.enter,this)),this.$element.on(eventOut+"."+this.type,this.options.selector,$.proxy(this.leave,this))),this.options.selector?this._options=$.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},getOptions:function(options){return options=$.extend({},$.fn[this.type].defaults,options,this.$element.data()),options.delay&&"number"==typeof options.delay&&(options.delay={show:options.delay,hide:options.delay}),options},enter:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);return self.options.delay&&self.options.delay.show?(clearTimeout(this.timeout),self.hoverState="in",this.timeout=setTimeout(function(){"in"==self.hoverState&&self.show()},self.options.delay.show),void 0):self.show()},leave:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);return this.timeout&&clearTimeout(this.timeout),self.options.delay&&self.options.delay.hide?(self.hoverState="out",this.timeout=setTimeout(function(){"out"==self.hoverState&&self.hide()},self.options.delay.hide),void 0):self.hide()},show:function(){var $tip,inside,pos,actualWidth,actualHeight,placement,tp;if(this.hasContent()&&this.enabled){switch($tip=this.tip(),this.setContent(),this.options.animation&&$tip.addClass("fade"),placement="function"==typeof this.options.placement?this.options.placement.call(this,$tip[0],this.$element[0]):this.options.placement,inside=/in/.test(placement),$tip.detach().css({top:0,left:0,display:"block"}).insertAfter(this.$element),pos=this.getPosition(inside),actualWidth=$tip[0].offsetWidth,actualHeight=$tip[0].offsetHeight,inside?placement.split(" ")[1]:placement){case"bottom":tp={top:pos.top+pos.height,left:pos.left+pos.width/2-actualWidth/2};break;case"top":tp={top:pos.top-actualHeight,left:pos.left+pos.width/2-actualWidth/2};break;case"left":tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left-actualWidth};break;case"right":tp={top:pos.top+pos.height/2-actualHeight/2,left:pos.left+pos.width}}$tip.offset(tp).addClass(placement).addClass("in")}},setContent:function(){var $tip=this.tip(),title=this.getTitle();$tip.find(".tooltip-inner")[this.options.html?"html":"text"](title),$tip.removeClass("fade in top bottom left right")},hide:function(){function removeWithAnimation(){var timeout=setTimeout(function(){$tip.off($.support.transition.end).detach()},500);$tip.one($.support.transition.end,function(){clearTimeout(timeout),$tip.detach()})}var $tip=this.tip();return $tip.removeClass("in"),$.support.transition&&this.$tip.hasClass("fade")?removeWithAnimation():$tip.detach(),this},fixTitle:function(){var $e=this.$element;($e.attr("title")||"string"!=typeof $e.attr("data-original-title"))&&$e.attr("data-original-title",$e.attr("title")||"").removeAttr("title")},hasContent:function(){return this.getTitle()},getPosition:function(inside){return $.extend({},inside?{top:0,left:0}:this.$element.offset(),{width:this.$element[0].offsetWidth,height:this.$element[0].offsetHeight})},getTitle:function(){var title,$e=this.$element,o=this.options;return title=$e.attr("data-original-title")||("function"==typeof o.title?o.title.call($e[0]):o.title)},tip:function(){return this.$tip=this.$tip||$(this.options.template)},validate:function(){this.$element[0].parentNode||(this.hide(),this.$element=null,this.options=null)},enable:function(){this.enabled=!0},disable:function(){this.enabled=!1},toggleEnabled:function(){this.enabled=!this.enabled},toggle:function(e){var self=$(e.currentTarget)[this.type](this._options).data(this.type);self[self.tip().hasClass("in")?"hide":"show"]()},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}};var old=$.fn.tooltip;$.fn.tooltip=function(option){return this.each(function(){var $this=$(this),data=$this.data("tooltip"),options="object"==typeof option&&option;data||$this.data("tooltip",data=new Tooltip(this,options)),"string"==typeof option&&data[option]()})},$.fn.tooltip.Constructor=Tooltip,$.fn.tooltip.defaults={animation:!0,placement:"top",selector:!1,template:'
',trigger:"hover",title:"",delay:0,html:!1},$.fn.tooltip.noConflict=function(){return $.fn.tooltip=old,this}}(window.jQuery),!function($){"use strict";var Popover=function(element,options){this.init("popover",element,options)};Popover.prototype=$.extend({},$.fn.tooltip.Constructor.prototype,{constructor:Popover,setContent:function(){var $tip=this.tip(),title=this.getTitle(),content=this.getContent();$tip.find(".popover-title")[this.options.html?"html":"text"](title),$tip.find(".popover-content")[this.options.html?"html":"text"](content),$tip.removeClass("fade top bottom left right in")},hasContent:function(){return this.getTitle()||this.getContent()},getContent:function(){var content,$e=this.$element,o=this.options;return content=$e.attr("data-content")||("function"==typeof o.content?o.content.call($e[0]):o.content)},tip:function(){return this.$tip||(this.$tip=$(this.options.template)),this.$tip},destroy:function(){this.hide().$element.off("."+this.type).removeData(this.type)}});var old=$.fn.popover;$.fn.popover=function(option){return this.each(function(){var $this=$(this),data=$this.data("popover"),options="object"==typeof option&&option;data||$this.data("popover",data=new Popover(this,options)),"string"==typeof option&&data[option]()})},$.fn.popover.Constructor=Popover,$.fn.popover.defaults=$.extend({},$.fn.tooltip.defaults,{placement:"right",trigger:"click",content:"",template:'

'}),$.fn.popover.noConflict=function(){return $.fn.popover=old,this}}(window.jQuery),!function($){"use strict";function ScrollSpy(element,options){var href,process=$.proxy(this.process,this),$element=$(element).is("body")?$(window):$(element);this.options=$.extend({},$.fn.scrollspy.defaults,options),this.$scrollElement=$element.on("scroll.scroll-spy.data-api",process),this.selector=(this.options.target||(href=$(element).attr("href"))&&href.replace(/.*(?=#[^\s]+$)/,"")||"")+" .nav li > a",this.$body=$("body"),this.refresh(),this.process()}ScrollSpy.prototype={constructor:ScrollSpy,refresh:function(){var $targets,self=this;this.offsets=$([]),this.targets=$([]),$targets=this.$body.find(this.selector).map(function(){var $el=$(this),href=$el.data("target")||$el.attr("href"),$href=/^#\w/.test(href)&&$(href);return $href&&$href.length&&[[$href.position().top+self.$scrollElement.scrollTop(),href]]||null}).sort(function(a,b){return a[0]-b[0]}).each(function(){self.offsets.push(this[0]),self.targets.push(this[1])})},process:function(){var i,scrollTop=this.$scrollElement.scrollTop()+this.options.offset,scrollHeight=this.$scrollElement[0].scrollHeight||this.$body[0].scrollHeight,maxScroll=scrollHeight-this.$scrollElement.height(),offsets=this.offsets,targets=this.targets,activeTarget=this.activeTarget;if(scrollTop>=maxScroll)return activeTarget!=(i=targets.last()[0])&&this.activate(i);for(i=offsets.length;i--;)activeTarget!=targets[i]&&scrollTop>=offsets[i]&&(!offsets[i+1]||offsets[i+1]>=scrollTop)&&this.activate(targets[i])},activate:function(target){var active,selector;this.activeTarget=target,$(this.selector).parent(".active").removeClass("active"),selector=this.selector+'[data-target="'+target+'"],'+this.selector+'[href="'+target+'"]',active=$(selector).parent("li").addClass("active"),active.parent(".dropdown-menu").length&&(active=active.closest("li.dropdown").addClass("active")),active.trigger("activate")}};var old=$.fn.scrollspy;$.fn.scrollspy=function(option){return this.each(function(){var $this=$(this),data=$this.data("scrollspy"),options="object"==typeof option&&option;data||$this.data("scrollspy",data=new ScrollSpy(this,options)),"string"==typeof option&&data[option]()})},$.fn.scrollspy.Constructor=ScrollSpy,$.fn.scrollspy.defaults={offset:10},$.fn.scrollspy.noConflict=function(){return $.fn.scrollspy=old,this},$(window).on("load",function(){$('[data-spy="scroll"]').each(function(){var $spy=$(this);$spy.scrollspy($spy.data())})})}(window.jQuery),!function($){"use strict";var Tab=function(element){this.element=$(element)};Tab.prototype={constructor:Tab,show:function(){var previous,$target,e,$this=this.element,$ul=$this.closest("ul:not(.dropdown-menu)"),selector=$this.attr("data-target");selector||(selector=$this.attr("href"),selector=selector&&selector.replace(/.*(?=#[^\s]*$)/,"")),$this.parent("li").hasClass("active")||(previous=$ul.find(".active:last a")[0],e=$.Event("show",{relatedTarget:previous}),$this.trigger(e),e.isDefaultPrevented()||($target=$(selector),this.activate($this.parent("li"),$ul),this.activate($target,$target.parent(),function(){$this.trigger({type:"shown",relatedTarget:previous})})))},activate:function(element,container,callback){function next(){$active.removeClass("active").find("> .dropdown-menu > .active").removeClass("active"),element.addClass("active"),transition?(element[0].offsetWidth,element.addClass("in")):element.removeClass("fade"),element.parent(".dropdown-menu")&&element.closest("li.dropdown").addClass("active"),callback&&callback()}var $active=container.find("> .active"),transition=callback&&$.support.transition&&$active.hasClass("fade");transition?$active.one($.support.transition.end,next):next(),$active.removeClass("in")}};var old=$.fn.tab;$.fn.tab=function(option){return this.each(function(){var $this=$(this),data=$this.data("tab");data||$this.data("tab",data=new Tab(this)),"string"==typeof option&&data[option]()})},$.fn.tab.Constructor=Tab,$.fn.tab.noConflict=function(){return $.fn.tab=old,this},$(document).on("click.tab.data-api",'[data-toggle="tab"], [data-toggle="pill"]',function(e){e.preventDefault(),$(this).tab("show")})}(window.jQuery),!function($){"use strict";var Typeahead=function(element,options){this.$element=$(element),this.options=$.extend({},$.fn.typeahead.defaults,options),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.highlighter=this.options.highlighter||this.highlighter,this.updater=this.options.updater||this.updater,this.source=this.options.source,this.$menu=$(this.options.menu),this.shown=!1,this.listen()};Typeahead.prototype={constructor:Typeahead,select:function(){var val=this.$menu.find(".active").attr("data-value");return this.$element.val(this.updater(val)).change(),this.hide()},updater:function(item){return item},show:function(){var pos=$.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});return this.$menu.insertAfter(this.$element).css({top:pos.top+pos.height,left:pos.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(){var items;return this.query=this.$element.val(),!this.query||this.query.length"+match+""})},render:function(items){var that=this;return items=$(items).map(function(i,item){return i=$(that.options.item).attr("data-value",item),i.find("a").html(that.highlighter(item)),i[0]}),items.first().addClass("active"),this.$menu.html(items),this},next:function(){var active=this.$menu.find(".active").removeClass("active"),next=active.next();next.length||(next=$(this.$menu.find("li")[0])),next.addClass("active")},prev:function(){var active=this.$menu.find(".active").removeClass("active"),prev=active.prev();prev.length||(prev=this.$menu.find("li").last()),prev.addClass("active")},listen:function(){this.$element.on("blur",$.proxy(this.blur,this)).on("keypress",$.proxy(this.keypress,this)).on("keyup",$.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",$.proxy(this.keydown,this)),this.$menu.on("click",$.proxy(this.click,this)).on("mouseenter","li",$.proxy(this.mouseenter,this))},eventSupported:function(eventName){var isSupported=eventName in this.$element;return isSupported||(this.$element.setAttribute(eventName,"return;"),isSupported="function"==typeof this.$element[eventName]),isSupported},move:function(e){if(this.shown){switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:e.preventDefault(),this.prev();break;case 40:e.preventDefault(),this.next()}e.stopPropagation()}},keydown:function(e){this.suppressKeyPressRepeat=~$.inArray(e.keyCode,[40,38,9,13,27]),this.move(e)},keypress:function(e){this.suppressKeyPressRepeat||this.move(e)},keyup:function(e){switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break;default:this.lookup()}e.stopPropagation(),e.preventDefault()},blur:function(){var that=this;setTimeout(function(){that.hide()},150)},click:function(e){e.stopPropagation(),e.preventDefault(),this.select()},mouseenter:function(e){this.$menu.find(".active").removeClass("active"),$(e.currentTarget).addClass("active")}};var old=$.fn.typeahead;$.fn.typeahead=function(option){return this.each(function(){var $this=$(this),data=$this.data("typeahead"),options="object"==typeof option&&option;data||$this.data("typeahead",data=new Typeahead(this,options)),"string"==typeof option&&data[option]()})},$.fn.typeahead.defaults={source:[],items:8,menu:'',item:'
    • ',minLength:1},$.fn.typeahead.Constructor=Typeahead,$.fn.typeahead.noConflict=function(){return $.fn.typeahead=old,this},$(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(e){var $this=$(this);$this.data("typeahead")||(e.preventDefault(),$this.typeahead($this.data()))})}(window.jQuery),!function($){"use strict";var Affix=function(element,options){this.options=$.extend({},$.fn.affix.defaults,options),this.$window=$(window).on("scroll.affix.data-api",$.proxy(this.checkPosition,this)).on("click.affix.data-api",$.proxy(function(){setTimeout($.proxy(this.checkPosition,this),1)},this)),this.$element=$(element),this.checkPosition()};Affix.prototype.checkPosition=function(){if(this.$element.is(":visible")){var affix,scrollHeight=$(document).height(),scrollTop=this.$window.scrollTop(),position=this.$element.offset(),offset=this.options.offset,offsetBottom=offset.bottom,offsetTop=offset.top,reset="affix affix-top affix-bottom";"object"!=typeof offset&&(offsetBottom=offsetTop=offset),"function"==typeof offsetTop&&(offsetTop=offset.top()),"function"==typeof offsetBottom&&(offsetBottom=offset.bottom()),affix=null!=this.unpin&&scrollTop+this.unpin<=position.top?!1:null!=offsetBottom&&position.top+this.$element.height()>=scrollHeight-offsetBottom?"bottom":null!=offsetTop&&offsetTop>=scrollTop?"top":!1,this.affixed!==affix&&(this.affixed=affix,this.unpin="bottom"==affix?position.top-scrollTop:null,this.$element.removeClass(reset).addClass("affix"+(affix?"-"+affix:"")))}};var old=$.fn.affix;$.fn.affix=function(option){return this.each(function(){var $this=$(this),data=$this.data("affix"),options="object"==typeof option&&option;data||$this.data("affix",data=new Affix(this,options)),"string"==typeof option&&data[option]()})},$.fn.affix.Constructor=Affix,$.fn.affix.defaults={offset:0},$.fn.affix.noConflict=function(){return $.fn.affix=old,this},$(window).on("load",function(){$('[data-spy="affix"]').each(function(){var $spy=$(this),data=$spy.data();data.offset=data.offset||{},data.offsetBottom&&(data.offset.bottom=data.offsetBottom),data.offsetTop&&(data.offset.top=data.offsetTop),$spy.affix(data)})})}(window.jQuery); \ No newline at end of file diff --git a/public/js/scripts.js b/public/js/scripts.js new file mode 100644 index 0000000..a4f824a --- /dev/null +++ b/public/js/scripts.js @@ -0,0 +1,19 @@ +// Generated by CoffeeScript 1.6.1 +(function() { + + $.simpleWeather({ + zipcode: "84095", + woeid: "2496395", + location: "", + unit: "f", + success: function(weather) { + var html; + html = "
    Partly Cloudy
    " + weather.temp + "°
    " + weather.high + "
    " + weather.low + "
    SaturdaySunny
    " + weather.tomorrow.high + "" + weather.tomorrow.low + "
    "; + return $("#weather").html(html); + }, + error: function(error) { + return $("#weather").html("

    " + error + "

    "); + } + }); + +}).call(this); diff --git a/src/index.jade b/src/index.jade index 10c2642..a1f934e 100644 --- a/src/index.jade +++ b/src/index.jade @@ -3,72 +3,428 @@ html(lang="en") head title Demo Homepage //- meta(name='viewport', content='width=device-width, initial-scale=1.0') - meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no') - - - - script(src='//code.jquery.com/jquery-latest.min.js') + meta(name='viewport', content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no') script(src='//code.jquery.com/jquery-latest.min.js') script(src='//use.typekit.net/xmb4mjl.js') script - try{Typekit.load();}catch(e){} - - script(src='js/bootstrap.min.js') + try{Typekit.load();}catch(e){} script(src='js/bootstrap.min.js') script(src='js/scripts.js') link(rel='stylesheet', href='css/styles.css') - link(rel='stylesheet', href='css/weather.css') - body + //- link(rel='stylesheet', href='css/weather.css') + body + header + .container + .row-fluid + .col-sm-12 + .icon + i.wi-day-cloudy + h1 Weather Icons - - - section.content.container .row .col-sm-12 - p.examples a b c d e f g h i j k l m n o p q r s t u v w x y z 1 2 3 4 5 6 7 8 9 0 - p.examples A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0 - p.examples * / , ! \ { } " " - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space - p space + .icon-examples + .row-fluid + .col-sm-12 + h2 Day + .row-fluid + .col-sm-4 + .example + .icon + i.wi-day-cloudy-gusts + .class wi-day-cloudy-gusts + .example + .icon + i.wi-day-cloudy-windy + .class wi-day-cloudy-windy + .example + .icon + i.wi-day-cloudy + .class wi-day-cloudy + .example + .icon + i.wi-day-fog + .class wi-day-fog + .example + .icon + i.wi-day-hail + .class wi-day-hail + .example + .icon + i.wi-day-lightning + .class wi-day-lightning + .col-sm-4 + .example + .icon + i.wi-day-rain-mix + .class wi-day-rain-mix + .example + .icon + i.wi-day-rain-wind + .class wi-day-rain-wind + .example + .icon + i.wi-day-rain + .class wi-day-rain + .example + .icon + i.wi-day-showers + .class wi-day-showers + .example + .icon + i.wi-day-snow + .class wi-day-snow + .example + .icon + i.wi-day-sprinkle + .class wi-day-sprinkle + .col-sm-4 + .example + .icon + i.wi-day-sunny-overcast + .class wi-day-sunny-overcast + .example + .icon + i.wi-day-sunny + .class wi-day-sunny + .example + .icon + i.wi-day-storm-showers + .class wi-day-storm-showers + .example + .icon + i.wi-day-thunderstorm + .class wi-day-thunderstorm + .icon-examples + .row-fluid + .col-sm-12 + h2 Neutral + .row-fluid + .col-sm-4 + .example + .icon + i.wi-cloudy-gusts + .class wi-cloudy-gusts + .example + .icon + i.wi-cloudy-windy + .class wi-cloudy-windy + .example + .icon + i.wi-cloudy + .class wi-cloudy + .example + .icon + i.wi-fog + .class wi-fog + .example + .icon + i.wi-hail + .class wi-hail + .col-sm-4 + .example + .icon + i.wi-lightning + .class wi-lightning + .example + .icon + i.wi-rain-mix + .class wi-rain-mix + .example + .icon + i.wi-rain-wind + .class wi-rain-wind + .example + .icon + i.wi-rain + .class wi-rain + .example + .icon + i.wi-showers + .class wi-showers + .col-sm-4 + .example + .icon + i.wi-snow + .class wi-snow + .example + .icon + i.wi-sprinkle + .class wi-sprinkle + .example + .icon + i.wi-storm-showers + .class wi-storm-showers + .example + .icon + i.wi-thunderstorm + .class wi-thunderstorm + .icon-examples + .row-fluid + .col-sm-12 + h2 Night + .row-fluid + .col-sm-4 + .example + .icon + i.wi-night-alt-cloudy-gusts + .class wi-night-alt-cloudy-gusts + .example + .icon + i.wi-night-alt-cloudy-windy + .class wi-night-alt-cloudy-windy + .example + .icon + i.wi-night-alt-hail + .class wi-night-alt-hail + .example + .icon + i.wi-night-alt-lightning + .class wi-night-alt-lightning + .example + .icon + i.wi-night-alt-rain-mix + .class wi-night-alt-rain-mix + .example + .icon + i.wi-night-alt-rain-wind + .class wi-night-alt-rain-wind + .example + .icon + i.wi-night-alt-rain + .class wi-night-alt-rain + .example + .icon + i.wi-night-alt-showers + .class wi-night-alt-showers + .example + .icon + i.wi-night-alt-snow + .class wi-night-alt-snow + .col-sm-4 + .example + .icon + i.wi-night-alt-sprinkle + .class wi-night-alt-sprinkle + .example + .icon + i.wi-night-alt-storm-showers + .class wi-night-alt-storm-showers + .example + .icon + i.wi-night-alt-thunderstorm + .class wi-night-alt-thunderstorm + .example + .icon + i.wi-night-clear + .class wi-night-clear + .example + .icon + i.wi-night-cloudy-gusts + .class wi-night-cloudy-gusts + .example + .icon + i.wi-night-cloudy-windy + .class wi-night-cloudy-windy + .example + .icon + i.wi-night-cloudy + .class wi-night-cloudy + .example + .icon + i.wi-night-hail + .class wi-night-hail + .example + .icon + i.wi-night-lightning + .class wi-night-lightning + .col-sm-4 + .example + .icon + i.wi-night-rain-mix + .class wi-night-rain-mix + .example + .icon + i.wi-night-rain-wind + .class wi-night-rain-wind + .example + .icon + i.wi-night-rain + .class wi-night-rain + .example + .icon + i.wi-night-showers + .class wi-night-showers + .example + .icon + i.wi-night-snow + .class wi-night-snow + .example + .icon + i.wi-night-sprinkle + .class wi-night-sprinkle + .example + .icon + i.wi-night-storm-showers + .class wi-night-storm-showers + .example + .icon + i.wi-night-thunderstorm + .class wi-night-thunderstorm + .icon-examples + .row-fluid + .col-sm-12 + h2 Misc + .row-fluid + .col-sm-4 + .example + .icon + i.wi-celcius + .class wi-celcius + .example + .icon + i.wi-cloud-down + .class wi-cloud-down + .example + .icon + i.wi-cloud-refresh + .class wi-cloud-refresh + .example + .icon + i.wi-cloud-up + .class wi-cloud-up + .example + .icon + i.wi-cloud + .class wi-cloud + .example + .icon + i.wi-degrees + .class wi-degrees + .example + .icon + i.wi-down-left + .class wi-down-left + .example + .icon + i.wi-down + .class wi-down + .example + .icon + i.wi-fahrenheit + .class wi-fahrenheit + .example + .icon + i.wi-horizon-alt + .class wi-horizon-alt + .example + .icon + i.wi-horizon + .class wi-horizon + .example + .icon + i.wi-left + .class wi-left + .col-sm-4 + .example + .icon + i.wi-lightning + .class wi-lightning + .example + .icon + i.wi-night-fog + .class wi-night-fog + .example + .icon + i.wi-refresh-alt + .class wi-refresh-alt + .example + .icon + i.wi-refresh + .class wi-refresh + .example + .icon + i.wi-right + .class wi-right + .example + .icon + i.wi-sprinkles + .class wi-sprinkles + .example + .icon + i.wi-strong-wind + .class wi-sunrise + .example + .icon + i.wi-sunrise + .class wi-sunrise + .example + .icon + i.wi-sunset + .class wi-sunset + .example + .icon + i.wi-thermometer-exterior + .class wi-thermometer-exterior + .example + .icon + i.wi-thermometer-internal + .class wi-thermometer-internal + .example + .icon + i.wi-thermometer + .class wi-thermometer + .col-sm-4 + .example + .icon + i.wi-tornado + .class wi-tornado + .example + .icon + i.wi-up-right + .class wi-up-right + .example + .icon + i.wi-up + .class wi-up + .example + .icon + i.wi-wind-east + .class wi-wind-east + .example + .icon + i.wi-wind-north-east + .class wi-wind-north-east + .example + .icon + i.wi-wind-north-west + .class wi-wind-north-west + .example + .icon + i.wi-wind-north + .class wi-wind-north + .example + .icon + i.wi-wind-south-east + .class wi-wind-south-east + .example + .icon + i.wi-wind-south-west + .class wi-wind-south-west + .example + .icon + i.wi-wind-south + .class wi-wind-south + .example + .icon + i.wi-wind-west + .class wi-wind-west + .example + .icon + i.wi-windy + .class wi-windy - \ No newline at end of file + footer + .container + .row-fluid + .col-sm-12 Erikflowers diff --git a/src/less/main.less b/src/less/main.less index 2f5edfe..5a31acc 100644 --- a/src/less/main.less +++ b/src/less/main.less @@ -1,8 +1,6 @@ body { - background-color: hsl(207, 39%, 22%); font-family: @copy; font-weight: @light; - color: hsl(0, 0%, 100%); font-size: 16px; } @@ -10,10 +8,31 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: @copy; } + header { - height: 100px; + height: 300px; + background-color: hsl(217, 51%, 47%); + .icon { + color: hsl(0, 0%, 100%); + font-size: 400px; + float: left; + line-height: .65em; + } + h1 { + float: left; + font-family: @hairline; + font-weight: @ultraLight; + font-size: 60px; + margin-top: 200px; + color: hsl(0, 0%, 100%); + } } +footer { + height: 200px; + background-color: hsl(0, 0%, 20%); + margin-top: 100px; +} .buttons { font-size: 100px; @@ -80,7 +99,6 @@ header { text-align: center; padding: 50px 20px; color: hsl(0, 0%, 90%); - font-size: 100px; } .title { text-align: center; diff --git a/src/less/styles.less b/src/less/styles.less index a3d3390..70a14fa 100644 --- a/src/less/styles.less +++ b/src/less/styles.less @@ -1,8 +1,10 @@ @import "bootstrap/bootstrap.less"; + @import "weather-icons/weather.less"; @import "variables.less"; @import "mixins.less"; @import "main.less"; + diff --git a/src/less/weather-icons/icon-classes.less b/src/less/weather-icons/icon-classes.less index 98e4715..cc2c7a6 100644 --- a/src/less/weather-icons/icon-classes.less +++ b/src/less/weather-icons/icon-classes.less @@ -1,16 +1,16 @@ @font-face { font-family: 'weather'; - src: url('../font/artill_clean_icons-webfont.eot'); - src: url('../font/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), - url('../font/artill_clean_icons-webfont.woff') format('woff'), - url('../font/artill_clean_icons-webfont.ttf') format('truetype'), - url('../font/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); + src: url('@{WeatherIconPath}/weathericons-regular-webfont.eot'); + src: url('@{WeatherIconPath}/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('@{WeatherIconPath}/weathericons-regular-webfont.woff') format('woff'), + url('@{WeatherIconPath}/weathericons-regular-webfont.ttf') format('truetype'), + url('@{WeatherIconPath}/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); font-weight: normal; font-style: normal; } -[class^="weather-icon-"], -[class*=" weather-icon-"] { +[class^="wi-"], +[class*=" wi-"] { font-family: weather; font-weight: normal; font-style: normal; @@ -19,120 +19,109 @@ -webkit-font-smoothing: antialiased; *margin-right: .3em; } -[class^="weather-icon-"]:before, -[class*=" weather-icon-"]:before { +[class^="wi-"]:before, +[class*=" wi-"]:before { text-decoration: inherit; display: inline-block; speak: none; } -// Daytime -.weather-day-cloudy-strong-winds:before { content: @day-cloudy-strong-winds ; } // day cloudy strong winds -.weather-day-cloudy-windy:before { content: @day-cloudy-windy ; } // day cloudy windy -.weather-day-cloudy:before { content: @day-cloudy ; } // day cloudy -.weather-day-hail:before { content: @day-hail ; } // day hail -.weather-day-lightning:before { content: @day-lightning ; } // day lightning -.weather-day-rain-mix:before { content: @day-rain-mix ; } // day rain mix -.weather-day-rain-wind:before { content: @day-rain-wind ; } // day rain wind -.weather-day-rain:before { content: @day-rain ; } // day rain -.weather-day-showers:before { content: @day-showers ; } // day showers -.weather-day-snow:before { content: @day-snow ; } // day snow -.weather-day-sprinkle:before { content: @day-sprinkle ; } // day sprinkle -.weather-day-sunny-overcast:before { content: @day-sunny-overcast ; } // day sunny overcast -.weather-day-sunny:before { content: @day-sunny ; } // day sunny -.weather-day-thunderstorm-showers:before { content: @day-thunderstorm-showers ; } // day thunderstorm showers -.weather-day-thunderstorm:before { content: @day-thunderstorm ; } // day thunderstorm - -// Neutral-time -.weather-neutral-cloudy-strong-winds:before { content: @neutral-cloudy-strong-winds ; } // neutral cloudy strong winds -.weather-neutral-cloudy-windy:before { content: @neutral-cloudy-windy ; } // neutral cloudy windy -.weather-neutral-cloudy:before { content: @neutral-cloudy ; } // neutral cloudy -.weather-neutral-fog:before { content: @neutral-fog ; } // neutral fog -.weather-neutral-hail:before { content: @neutral-hail ; } // neutral hail -.weather-neutral-lightning:before { content: @neutral-lightning ; } // neutral lightning -.weather-neutral-rain-mix:before { content: @neutral-rain-mix ; } // neutral rain mix -.weather-neutral-rain-wind:before { content: @neutral-rain-wind ; } // neutral rain wind -.weather-neutral-rain:before { content: @neutral-rain ; } // neutral rain -.weather-neutral-showers:before { content: @neutral-showers ; } // neutral showers -.weather-neutral-snow:before { content: @neutral-snow ; } // neutral snow -.weather-neutral-sprinkle:before { content: @neutral-sprinkle ; } // neutral sprinkle -.weather-neutral-thunderstorm-showers:before { content: @neutral-thunderstorm-showers ; } // neutral thunderstorm showers -.weather-neutral-thunderstorm:before { content: @neutral-thunderstorm ; } // neutral thunderstorm - -// Nighttime -.weather-night-alt-cloudy-strong-winds:before { content: @night-alt-cloudy-strong-winds ; } // night alt cloudy strong winds -.weather-night-alt-cloudy-windy:before { content: @night-alt-cloudy-windy ; } // night alt cloudy windy -.weather-night-alt-fog:before { content: @night-alt-fog ; } // night alt fog -.weather-night-alt-hail:before { content: @night-alt-hail ; } // night alt hail -.weather-night-alt-lightning:before { content: @night-alt-lightning ; } // night alt lightning -.weather-night-alt-rain-mix:before { content: @night-alt-rain-mix ; } // night alt rain mix -.weather-night-alt-rain-wind:before { content: @night-alt-rain-wind ; } // night alt rain wind -.weather-night-alt-rain:before { content: @night-alt-rain ; } // night alt rain -.weather-night-alt-showers:before { content: @night-alt-showers ; } // night alt showers -.weather-night-alt-snow:before { content: @night-alt-snow ; } // night alt snow -.weather-night-alt-sprinkle:before { content: @night-alt-sprinkle ; } // night alt sprinkle -.weather-night-alt-thunderstorm-showers:before { content: @night-alt-thunderstorm-showers ; } // night alt thunderstorm showers -.weather-night-alt-thunderstorm:before { content: @night-alt-thunderstorm ; } // night alt thunderstorm -.weather-night-clear:before { content: @night-clear ; } // night clear -.weather-night-cloudy-strong-winds:before { content: @night-cloudy-strong-winds ; } // night cloudy strong winds -.weather-night-cloudy-windy:before { content: @night-cloudy-windy ; } // night cloudy windy -.weather-night-cloudy:before { content: @night-cloudy ; } // night cloudy -.weather-night-hail:before { content: @night-hail ; } // night hail -.weather-night-lightning:before { content: @night-lightning ; } // night lightning -.weather-night-rain-mix:before { content: @night-rain-mix ; } // night rain mix -.weather-night-rain-wind:before { content: @night-rain-wind ; } // night rain wind -.weather-night-rain:before { content: @night-rain ; } // night rain -.weather-night-showers:before { content: @night-showers ; } // night showers -.weather-night-snow:before { content: @night-snow ; } // night snow -.weather-night-sprinkle:before { content: @night-sprinkle ; } // night sprinkle -.weather-night-thunderstorm-showers:before { content: @night-thunderstorm-showers ; } // night thunderstorm showers -.weather-night-thunderstorm:before { content: @night-thunderstorm ; } // night thunderstorm - +// Day +.wi-day-cloudy-gusts:before { content: @day-cloudy-gusts ; } // day cloudy strong winds +.wi-day-cloudy-windy:before { content: @day-cloudy-windy ; } // day cloudy windy +.wi-day-cloudy:before { content: @day-cloudy ; } // day cloudy +.wi-day-fog:before { content: @day-fog ; } // day fog +.wi-day-hail:before { content: @day-hail ; } // day hail +.wi-day-lightning:before { content: @day-lightning ; } // day lightning +.wi-day-rain-mix:before { content: @day-rain-mix ; } // day rain mix +.wi-day-rain-wind:before { content: @day-rain-wind ; } // day rain wind +.wi-day-rain:before { content: @day-rain ; } // day rain +.wi-day-showers:before { content: @day-showers ; } // day showers +.wi-day-snow:before { content: @day-snow ; } // day snow +.wi-day-sprinkle:before { content: @day-sprinkle ; } // day sprinkle +.wi-day-sunny-overcast:before { content: @day-sunny-overcast ; } // day sunny overcast +.wi-day-sunny:before { content: @day-sunny ; } // day sunny +.wi-day-storm-showers:before { content: @day-storm-showers ; } // day thunderstorm showers +.wi-day-thunderstorm:before { content: @day-thunderstorm ; } // day thunderstorm +// Neutral- +.wi-cloudy-gusts:before { content: @cloudy-gusts ; } // neutral cloudy strong winds +.wi-cloudy-windy:before { content: @cloudy-windy ; } // neutral cloudy windy +.wi-cloudy:before { content: @cloudy ; } // neutral cloudy +.wi-fog:before { content: @fog ; } // neutral fog +.wi-hail:before { content: @hail ; } // neutral hail +.wi-lightning:before { content: @lightning ; } // neutral lightning +.wi-rain-mix:before { content: @rain-mix ; } // neutral rain mix +.wi-rain-wind:before { content: @rain-wind ; } // neutral rain wind +.wi-rain:before { content: @rain ; } // neutral rain +.wi-showers:before { content: @showers ; } // neutral showers +.wi-snow:before { content: @snow ; } // neutral snow +.wi-sprinkle:before { content: @sprinkle ; } // neutral sprinkle +.wi-storm-showers:before { content: @storm-showers ; } // neutral thunderstorm showers +.wi-thunderstorm:before { content: @thunderstorm ; } // neutral thunderst +.wi-windy:before { content: @windy ; } // windy +// Night +.wi-night-alt-cloudy-gusts:before { content: @night-alt-cloudy-gusts ; } // night alt cloudy strong winds +.wi-night-alt-cloudy-windy:before { content: @night-alt-cloudy-windy ; } // night alt cloudy windy +.wi-night-alt-hail:before { content: @night-alt-hail ; } // night alt hail +.wi-night-alt-lightning:before { content: @night-alt-lightning ; } // night alt lightning +.wi-night-alt-rain-mix:before { content: @night-alt-rain-mix ; } // night alt rain mix +.wi-night-alt-rain-wind:before { content: @night-alt-rain-wind ; } // night alt rain wind +.wi-night-alt-rain:before { content: @night-alt-rain ; } // night alt rain +.wi-night-alt-showers:before { content: @night-alt-showers ; } // night alt showers +.wi-night-alt-snow:before { content: @night-alt-snow ; } // night alt snow +.wi-night-alt-sprinkle:before { content: @night-alt-sprinkle ; } // night alt sprinkle +.wi-night-alt-storm-showers:before { content: @night-alt-storm-showers ; } // night alt thunderstorm showers +.wi-night-alt-thunderstorm:before { content: @night-alt-thunderstorm ; } // night alt thunderstorm +.wi-night-clear:before { content: @night-clear ; } // night clear +.wi-night-cloudy-gusts:before { content: @night-cloudy-gusts ; } // night cloudy strong winds +.wi-night-cloudy-windy:before { content: @night-cloudy-windy ; } // night cloudy windy +.wi-night-cloudy:before { content: @night-cloudy ; } // night cloudy +.wi-night-hail:before { content: @night-hail ; } // night hail +.wi-night-lightning:before { content: @night-lightning ; } // night lightning +.wi-night-rain-mix:before { content: @night-rain-mix ; } // night rain mix +.wi-night-rain-wind:before { content: @night-rain-wind ; } // night rain wind +.wi-night-rain:before { content: @night-rain ; } // night rain +.wi-night-showers:before { content: @night-showers ; } // night showers +.wi-night-snow:before { content: @night-snow ; } // night snow +.wi-night-sprinkle:before { content: @night-sprinkle ; } // night sprinkle +.wi-night-storm-showers:before { content: @night-storm-showers ; } // night thunderstorm showers +.wi-night-thunderstorm:before { content: @night-thunderstorm ; } // night thunderst // Misc -.weather-celcius:before { content: @weather-celcius ; } // celsius -.weather-cloud-down:before { content: @weather-cloud-down ; } // cloud down -.weather-cloud-refresh:before { content: @weather-cloud-refresh ; } // cloud refresh -.weather-cloud-up:before { content: @weather-cloud-up ; } // cloud up -.weather-cloud:before { content: @weather-cloud ; } // cloud -.weather-degrees:before { content: @weather-degrees ; } // degrees -.weather-down-left:before { content: @weather-down-left ; } // down left -.weather-down:before { content: @weather-down ; } // down -.weather-fahrenheit:before { content: @weather-fahrenheit ; } // fahrenheit -.weather-horizon-alt:before { content: @weather-horizon-alt ; } // horizon alt -.weather-horizon:before { content: @weather-horizon ; } // horizon -.weather-left:before { content: @weather-left ; } // left -.weather-lightning:before { content: @weather-lightning ; } // lightning -.weather-night-fog:before { content: @weather-night-fog ; } // night fog -.weather-refresh-alt:before { content: @weather-refresh-alt ; } // refresh alt -.weather-refresh:before { content: @weather-refresh ; } // refresh -.weather-right:before { content: @weather-right ; } // right -.weather-sprinkles:before { content: @weather-sprinkles ; } // sprinkles -.weather-strong-wind:before { content: @weather-strong-wind ; } // strong wind -.weather-sunrise:before { content: @weather-sunrise ; } // sunrise -.weather-sunset:before { content: @weather-sunset ; } // sunset -.weather-thermometer-exterior:before { content: @weather-thermometer-exterior ; } // thermometer exterior -.weather-thermometer-internal:before { content: @weather-thermometer-internal ; } // thermometer internal -.weather-thermometer:before { content: @weather-thermometer ; } // thermometer -.weather-tornado:before { content: @weather-tornado ; } // tornado -.weather-up-right:before { content: @weather-up-right ; } // up right -.weather-up:before { content: @weather-up ; } // up -.weather-wind-east:before { content: @weather-wind-east ; } // wind east -.weather-wind-north-east:before { content: @weather-wind-north-east ; } // wind north east -.weather-wind-north-west:before { content: @weather-wind-north-west ; } // wind north west -.weather-wind-north:before { content: @weather-wind-north ; } // wind north -.weather-wind-south-east:before { content: @weather-wind-south-east ; } // wind south east -.weather-wind-south-west:before { content: @weather-wind-south-west ; } // wind south west -.weather-wind-south:before { content: @weather-wind-south ; } // wind south -.weather-wind-west:before { content: @weather-wind-west ; } // wind west -.weather-windy:before { content: @weather-windy ; } // windy - - - - - - - - +.wi-celcius:before { content: @celcius ; } // celsius +.wi-cloud-down:before { content: @cloud-down ; } // cloud down +.wi-cloud-refresh:before { content: @cloud-refresh ; } // cloud refresh +.wi-cloud-up:before { content: @cloud-up ; } // cloud up +.wi-cloud:before { content: @cloud ; } // cloud +.wi-degrees:before { content: @degrees ; } // degrees +.wi-down-left:before { content: @down-left ; } // down left +.wi-down:before { content: @down ; } // down +.wi-fahrenheit:before { content: @fahrenheit ; } // fahrenheit +.wi-horizon-alt:before { content: @horizon-alt ; } // horizon alt +.wi-horizon:before { content: @horizon ; } // horizon +.wi-left:before { content: @left ; } // left +.wi-lightning:before { content: @lightning ; } // lightning +.wi-night-fog:before { content: @night-fog ; } // night fog +.wi-refresh-alt:before { content: @refresh-alt ; } // refresh alt +.wi-refresh:before { content: @refresh ; } // refresh +.wi-right:before { content: @right ; } // right +.wi-sprinkles:before { content: @sprinkles ; } // sprinkles +.wi-strong-wind:before { content: @strong-wind ; } // strong wind +.wi-sunrise:before { content: @sunrise ; } // sunrise +.wi-sunset:before { content: @sunset ; } // sunset +.wi-thermometer-exterior:before { content: @thermometer-exterior ; } // thermometer exterior +.wi-thermometer-internal:before { content: @thermometer-internal ; } // thermometer internal +.wi-thermometer:before { content: @thermometer ; } // thermometer +.wi-tornado:before { content: @tornado ; } // tornado +.wi-up-right:before { content: @up-right ; } // up right +.wi-up:before { content: @up ; } // up +.wi-wind-east:before { content: @wind-east ; } // wind east +.wi-wind-north-east:before { content: @wind-north-east ; } // wind north east +.wi-wind-north-west:before { content: @wind-north-west ; } // wind north west +.wi-wind-north:before { content: @wind-north ; } // wind north +.wi-wind-south-east:before { content: @wind-south-east ; } // wind south east +.wi-wind-south-west:before { content: @wind-south-west ; } // wind south west +.wi-wind-south:before { content: @wind-south ; } // wind south +.wi-wind-west:before { content: @wind-west ; } // wind west diff --git a/src/less/weather-icons/variables.less b/src/less/weather-icons/variables.less index a4d11cc..3c60910 100644 --- a/src/less/weather-icons/variables.less +++ b/src/less/weather-icons/variables.less @@ -1,106 +1,96 @@ // Variables +@WeatherIconPath: "../font"; +@WeatherIconVersion: "1.0.0"; - -@FontAwesomePath: "../font"; - -@WeatherIconVersion: "3.2.1"; - -// Day -@day-cloudy-strong-winds: "\0044"; // day cloudy strong winds -@day-cloudy-windy: "\0042"; // day cloudy windy -@day-cloudy: "\0041"; // day cloudy -@day-hail: "\0054"; // day hail -@day-lightning: "\0058"; // day lightning -@day-rain-mix: "\0056"; // day rain mix -@day-rain-wind: "\004E"; // day rain wind -@day-rain: "\004A"; // day rain -@day-showers: "\004C"; // day showers -@day-snow: "\0048"; // day snow -@day-sprinkle: "\0046"; // day sprinkle -@day-sunny-overcast: "\0032"; // day sunny overcast -@day-sunny: "\0031"; // day sunny -@day-thunderstorm-showers: "\0052"; // day thunderstorm showers -@day-thunderstorm: "\0050"; // day thunderstorm - -// Neutral -@neutral-cloudy-strong-winds: "\0045"; // neutral cloudy strong winds -@neutral-cloudy-windy: "\0043"; // neutral cloudy windy -@neutral-cloudy: "\0033"; // neutral cloudy -@neutral-fog: "\005A"; // neutral fog -@neutral-hail: "\0055"; // neutral hail -@neutral-lightning: "\0059"; // neutral lightning -@neutral-rain-mix: "\0057"; // neutral rain mix -@neutral-rain-wind: "\004F"; // neutral rain wind -@neutral-rain: "\004B"; // neutral rain -@neutral-showers: "\004D"; // neutral showers -@neutral-snow: "\0049"; // neutral snow -@neutral-sprinkle: "\0047"; // neutral sprinkle -@neutral-thunderstorm-showers: "\0053"; // neutral thunderstorm showers -@neutral-thunderstorm: "\0051"; // neutral thunderstorm - -// Night -@night-alt-cloudy-strong-winds: "\0065"; // night alt cloudy strong winds -@night-alt-cloudy-windy: "\0063"; // night alt cloudy windy -@night-alt-fog: "\007A"; // night alt fog -@night-alt-hail: "\0075"; // night alt hail -@night-alt-lightning: "\0079"; // night alt lightning -@night-alt-rain-mix: "\0077"; // night alt rain mix -@night-alt-rain-wind: "\006F"; // night alt rain wind -@night-alt-rain: "\006B"; // night alt rain -@night-alt-showers: "\006D"; // night alt showers -@night-alt-snow: "\0069"; // night alt snow -@night-alt-sprinkle: "\0067"; // night alt sprinkle -@night-alt-thunderstorm-showers: "\0073"; // night alt thunderstorm showers -@night-alt-thunderstorm: "\0071"; // night alt thunderstorm -@night-clear: "\0036"; // night clear -@night-cloudy-strong-winds: "\0064"; // night cloudy strong winds -@night-cloudy-windy: "\0062"; // night cloudy windy -@night-cloudy: "\0061"; // night cloudy -@night-hail: "\0074"; // night hail -@night-lightning: "\0078"; // night lightning -@night-rain-mix: "\0076"; // night rain mix -@night-rain-wind: "\006E"; // night rain wind -@night-rain: "\006A"; // night rain -@night-showers: "\006C"; // night showers -@night-snow: "\0068"; // night snow -@night-sprinkle: "\0066"; // night sprinkle -@night-thunderstorm-showers: "\0072"; // night thunderstorm showers -@night-thunderstorm: "\0070"; // night thunderstorm - -// Misc -@weather-celcius: "\203A"; // celsius -@weather-cloud-down: "\2022"; // cloud down -@weather-cloud-refresh: "\002A"; // cloud refresh -@weather-cloud-up: "\005C"; // cloud up -@weather-cloud: "\002F"; // cloud -@weather-degrees: "\00A1"; // degrees -@weather-down-left: "\2013"; // down left -@weather-down: "\005D"; // down -@weather-fahrenheit: "\2039"; // fahrenheit -@weather-horizon-alt: "\0039"; // horizon alt -@weather-horizon: "\0030"; // horizon -@weather-left: "\0028"; // left -@weather-lightning: "\0034"; // lightning -@weather-night-fog: "\0021"; // night fog -@weather-refresh-alt: "\007D"; // refresh alt -@weather-refresh: "\007B"; // refresh -@weather-right: "\0029"; // right -@weather-sprinkles: "\0035"; // sprinkles -@weather-strong-wind: "\002C"; // strong wind -@weather-sunrise: "\0037"; // sunrise -@weather-sunset: "\0038"; // sunset -@weather-thermometer-exterior: "\201C"; // thermometer exterior -@weather-thermometer-internal: "\201D"; // thermometer internal -@weather-thermometer: "\2018"; // thermometer -@weather-tornado: "\003A"; // tornado -@weather-up-right: "\2014"; // up right -@weather-up: "\005B"; // up -@weather-wind-east: "\0087"; // wind east -@weather-wind-north-east: "\002E"; // wind north east -@weather-wind-north-west: "\003B"; // wind north west -@weather-wind-north: "\0023"; // wind north -@weather-wind-south-east: "\003F"; // wind south east -@weather-wind-south-west: "\0022"; // wind south west -@weather-wind-south: "\00Bf"; // wind south -@weather-wind-west: "\0027"; // wind west -@weather-windy: "\2026"; // windy \ No newline at end of file +@day-cloudy-gusts: "\f000"; // day cloudy gusts +@day-cloudy-windy: "\f001"; // day cloudy windy +@day-cloudy: "\f002"; // day cloudy +@day-fog: "\f003"; // day fog +@day-hail: "\f004"; // day hail +@day-lightning: "\f005"; // day lightning +@day-rain-mix: "\f006"; // day rain mix +@day-rain-wind: "\f007"; // day rain wind +@day-rain: "\f008"; // day rain +@day-showers: "\f009"; // day showers +@day-snow: "\f00a"; // day snow +@day-sprinkle: "\f00b"; // day sprinkle +@day-sunny-overcast: "\f00c"; // day sunny overcast +@day-sunny: "\f00d"; // day sunny +@day-storm-showers: "\f00e"; // day storm showers +@day-thunderstorm: "\f010"; // day thunderstorm +@cloudy-gusts: "\f011"; // neutral cloudy gusts +@cloudy-windy: "\f012"; // neutral cloudy windy +@cloudy: "\f013"; // neutral cloudy +@fog: "\f014"; // neutral fog +@hail: "\f015"; // neutral hail +@lightning: "\f016"; // neutral lightning +@rain-mix: "\f017"; // neutral rain mix +@rain-wind: "\f018"; // neutral rain wind +@rain: "\f019"; // neutral rain +@showers: "\f01a"; // neutral showers +@snow: "\f01b"; // neutral snow +@sprinkle: "\f01c"; // neutral sprinkle +@storm-showers: "\f01d"; // neutral storm showers +@thunderstorm: "\f01e"; // neutral thunderstorm +@windy: "\f021"; // windy +@night-alt-cloudy-gusts: "\f022"; // night alt cloudy gusts +@night-alt-cloudy-windy: "\f023"; // night alt cloudy windy +@night-alt-hail: "\f024"; // night alt hail +@night-alt-lightning: "\f025"; // night alt lightning +@night-alt-rain-mix: "\f026"; // night alt rain mix +@night-alt-rain-wind: "\f027"; // night alt rain wind +@night-alt-rain: "\f028"; // night alt rain +@night-alt-showers: "\f029"; // night alt showers +@night-alt-snow: "\f02a"; // night alt snow +@night-alt-sprinkle: "\f02b"; // night alt sprinkle +@night-alt-storm-showers: "\f02c"; // night alt storm showers +@night-alt-thunderstorm: "\f02d"; // night alt thunderstorm +@night-clear: "\f02e"; // night clear +@night-cloudy-gusts: "\f02f"; // night cloudy gusts +@night-cloudy-windy: "\f030"; // night cloudy windy +@night-cloudy: "\f031"; // night cloudy +@night-hail: "\f032"; // night hail +@night-lightning: "\f033"; // night lightning +@night-rain-mix: "\f034"; // night rain mix +@night-rain-wind: "\f035"; // night rain wind +@night-rain: "\f036"; // night rain +@night-showers: "\f037"; // night showers +@night-snow: "\f038"; // night snow +@night-sprinkle: "\f039"; // night sprinkle +@night-storm-showers: "\f03a"; // night storm showers +@night-thunderstorm: "\f03b"; // night thunderstorm +@celcius: "\f03c"; // celsius +@cloud-down: "\f03d"; // cloud down +@cloud-refresh: "\f03e"; // cloud refresh +@cloud-up: "\f040"; // cloud up +@cloud: "\f041"; // cloud +@degrees: "\f042"; // degrees +@down-left: "\f043"; // down left +@down: "\f044"; // down +@fahrenheit: "\f045"; // fahrenheit +@horizon-alt: "\f046"; // horizon alt +@horizon: "\f047"; // horizon +@left: "\f048"; // left +@_reserved_: "\f049"; // _reserved_ +@night-fog: "\f04a"; // night fog +@refresh-alt: "\f04b"; // refresh alt +@refresh: "\f04c"; // refresh +@right: "\f04d"; // right +@sprinkles: "\f04e"; // sprinkles +@strong-wind: "\f050"; // strong wind +@sunrise: "\f051"; // sunrise +@sunset: "\f052"; // sunset +@thermometer-exterior: "\f053"; // thermometer exterior +@thermometer-internal: "\f054"; // thermometer internal +@thermometer: "\f055"; // thermometer +@tornado: "\f056"; // tornado +@up-right: "\f057"; // up right +@up: "\f058"; // up +@wind-east: "\f059"; // wind east +@wind-north-east: "\f05a"; // wind north east +@wind-north-west: "\f05b"; // wind north west +@wind-north: "\f05c"; // wind north +@wind-south-east: "\f05d"; // wind south east +@wind-south-west: "\f05e"; // wind south west +@wind-south: "\f060"; // wind south +@wind-west: "\f061"; // wind west \ No newline at end of file diff --git a/src/less/weather-icons/weather.less b/src/less/weather-icons/weather.less index 969365f..b00d72f 100644 --- a/src/less/weather-icons/weather.less +++ b/src/less/weather-icons/weather.less @@ -3,6 +3,37 @@ +.icon-examples { + .clearfix; + h2 { + font-family: @hairline; + font-weight: @ultraLight; + color: hsl(217, 51%, 47%); + } + .example { + .clearfix; + text-align: center; + margin: 10px 3px; + .icon { + text-align: center; + font-size: 50px; + float: left; + width:100px; + i { + background-color: hsl(0, 0%, 90%); + } + } + .class { + text-align: center; + font-size: 16px; + float: left; + margin-top: 0px; + font-weight: @normal; + } + } +} + + .weatherseparator { padding-bottom: 10px; border-bottom: 1px solid hsla(0, 0%, 100%, .2);