Remove all frameworks except Bootstrap (#251)
- Remove all frameworks except Bootstrap - Remove roots-options.php and replace with a more simple roots-config.php - Include all Bootstrap Javascript plugins by default in js/plugins.js - Use Bootstrap Responsive and Topbar navigation by default - Use Bootstrap markup on forms, page titles, image galleries, alerts and errors, post and comment navigation - Remove Roots styles from style.css and introduce app.css for site-specific CSS. Remove almost all previous default Roots styles. - Add latest updates from H5BP project
This commit is contained in:
Ben Word
@@ -1,130 +0,0 @@
|
||||
/* CSS Resets */
|
||||
|
||||
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
|
||||
|
||||
|
||||
/* ==================================================================================================================== */
|
||||
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */
|
||||
/* ==================================================================================================================== */
|
||||
|
||||
.container {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.row {
|
||||
width: 100%;
|
||||
max-width: 1140px;
|
||||
min-width: 755px;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
|
||||
margin-right: 3.8%;
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
}
|
||||
|
||||
.row .onecol {
|
||||
width: 4.85%;
|
||||
}
|
||||
|
||||
.row .twocol {
|
||||
width: 13.45%;
|
||||
}
|
||||
|
||||
.row .threecol {
|
||||
width: 22.05%;
|
||||
}
|
||||
|
||||
.row .fourcol {
|
||||
width: 30.75%;
|
||||
}
|
||||
|
||||
.row .fivecol {
|
||||
width: 39.45%;
|
||||
}
|
||||
|
||||
.row .sixcol {
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.row .sevencol {
|
||||
width: 56.75%;
|
||||
}
|
||||
|
||||
.row .eightcol {
|
||||
width: 65.4%;
|
||||
}
|
||||
|
||||
.row .ninecol {
|
||||
width: 74.05%;
|
||||
}
|
||||
|
||||
.row .tencol {
|
||||
width: 82.7%;
|
||||
}
|
||||
|
||||
.row .elevencol {
|
||||
width: 91.35%;
|
||||
}
|
||||
|
||||
.row .twelvecol {
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.last {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
img, object, embed {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
/* Smaller screens */
|
||||
|
||||
@media only screen and (max-width: 1023px) {
|
||||
|
||||
body {
|
||||
font-size: 0.8em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Mobile */
|
||||
|
||||
@media handheld, only screen and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
font-size: 16px;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
.row, body, .container {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
|
||||
width: auto;
|
||||
float: none;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,43 +0,0 @@
|
||||
.onecol {
|
||||
width: 4.7%;
|
||||
}
|
||||
|
||||
.twocol {
|
||||
width: 13.2%;
|
||||
}
|
||||
|
||||
.threecol {
|
||||
width: 22.05%;
|
||||
}
|
||||
|
||||
.fourcol {
|
||||
width: 30.6%;
|
||||
}
|
||||
|
||||
.fivecol {
|
||||
width: 39%;
|
||||
}
|
||||
|
||||
.sixcol {
|
||||
width: 48%;
|
||||
}
|
||||
|
||||
.sevencol {
|
||||
width: 56.75%;
|
||||
}
|
||||
|
||||
.eightcol {
|
||||
width: 61.6%;
|
||||
}
|
||||
|
||||
.ninecol {
|
||||
width: 74.05%;
|
||||
}
|
||||
|
||||
.tencol {
|
||||
width: 82%;
|
||||
}
|
||||
|
||||
.elevencol {
|
||||
width: 91.35%;
|
||||
}
|
||||
643
css/960/960.css
643
css/960/960.css
@@ -1,643 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12,
|
||||
.container_16 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12,
|
||||
.grid_13,
|
||||
.grid_14,
|
||||
.grid_15,
|
||||
.grid_16 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.container_12 .grid_3,
|
||||
.container_16 .grid_4 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6,
|
||||
.container_16 .grid_8 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9,
|
||||
.container_16 .grid_12 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12,
|
||||
.container_16 .grid_16 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
/* `Grid >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .grid_1 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container_16 .grid_2 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container_16 .grid_3 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container_16 .grid_5 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container_16 .grid_6 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container_16 .grid_7 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container_16 .grid_9 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container_16 .grid_10 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container_16 .grid_11 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container_16 .grid_13 {
|
||||
width: 760px;
|
||||
}
|
||||
|
||||
.container_16 .grid_14 {
|
||||
width: 820px;
|
||||
}
|
||||
|
||||
.container_16 .grid_15 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_3,
|
||||
.container_16 .prefix_4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6,
|
||||
.container_16 .prefix_8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9,
|
||||
.container_16 .prefix_12 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .prefix_1 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_2 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_3 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_13 {
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_14 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_15 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_3,
|
||||
.container_16 .suffix_4 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6,
|
||||
.container_16 .suffix_8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9,
|
||||
.container_16 .suffix_12 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .suffix_1 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_2 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_3 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_13 {
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_14 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_15 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
/* `Push Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_3,
|
||||
.container_16 .push_4 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_6,
|
||||
.container_16 .push_8 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_9,
|
||||
.container_16 .push_12 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .push_1 {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.container_16 .push_2 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container_16 .push_3 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container_16 .push_5 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container_16 .push_6 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container_16 .push_7 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container_16 .push_9 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container_16 .push_10 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_16 .push_11 {
|
||||
left: 660px;
|
||||
}
|
||||
|
||||
.container_16 .push_13 {
|
||||
left: 780px;
|
||||
}
|
||||
|
||||
.container_16 .push_14 {
|
||||
left: 840px;
|
||||
}
|
||||
|
||||
.container_16 .push_15 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_3,
|
||||
.container_16 .pull_4 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6,
|
||||
.container_16 .pull_8 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9,
|
||||
.container_16 .pull_12 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .pull_1 {
|
||||
left: -60px;
|
||||
}
|
||||
|
||||
.container_16 .pull_2 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container_16 .pull_3 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container_16 .pull_5 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container_16 .pull_6 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container_16 .pull_7 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container_16 .pull_9 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container_16 .pull_10 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_16 .pull_11 {
|
||||
left: -660px;
|
||||
}
|
||||
|
||||
.container_16 .pull_13 {
|
||||
left: -780px;
|
||||
}
|
||||
|
||||
.container_16 .pull_14 {
|
||||
left: -840px;
|
||||
}
|
||||
|
||||
.container_16 .pull_15 {
|
||||
left: -900px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,614 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Container >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
.container_24 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12,
|
||||
.grid_13,
|
||||
.grid_14,
|
||||
.grid_15,
|
||||
.grid_16,
|
||||
.grid_17,
|
||||
.grid_18,
|
||||
.grid_19,
|
||||
.grid_20,
|
||||
.grid_21,
|
||||
.grid_22,
|
||||
.grid_23,
|
||||
.grid_24 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15,
|
||||
.push_16, .pull_16,
|
||||
.push_17, .pull_17,
|
||||
.push_18, .pull_18,
|
||||
.push_19, .pull_19,
|
||||
.push_20, .pull_20,
|
||||
.push_21, .pull_21,
|
||||
.push_22, .pull_22,
|
||||
.push_23, .pull_23 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .grid_1 {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.container_24 .grid_2 {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.container_24 .grid_3 {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.container_24 .grid_4 {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.container_24 .grid_5 {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.container_24 .grid_6 {
|
||||
width: 230px;
|
||||
}
|
||||
|
||||
.container_24 .grid_7 {
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.container_24 .grid_8 {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.container_24 .grid_9 {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.container_24 .grid_10 {
|
||||
width: 390px;
|
||||
}
|
||||
|
||||
.container_24 .grid_11 {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.container_24 .grid_12 {
|
||||
width: 470px;
|
||||
}
|
||||
|
||||
.container_24 .grid_13 {
|
||||
width: 510px;
|
||||
}
|
||||
|
||||
.container_24 .grid_14 {
|
||||
width: 550px;
|
||||
}
|
||||
|
||||
.container_24 .grid_15 {
|
||||
width: 590px;
|
||||
}
|
||||
|
||||
.container_24 .grid_16 {
|
||||
width: 630px;
|
||||
}
|
||||
|
||||
.container_24 .grid_17 {
|
||||
width: 670px;
|
||||
}
|
||||
|
||||
.container_24 .grid_18 {
|
||||
width: 710px;
|
||||
}
|
||||
|
||||
.container_24 .grid_19 {
|
||||
width: 750px;
|
||||
}
|
||||
|
||||
.container_24 .grid_20 {
|
||||
width: 790px;
|
||||
}
|
||||
|
||||
.container_24 .grid_21 {
|
||||
width: 830px;
|
||||
}
|
||||
|
||||
.container_24 .grid_22 {
|
||||
width: 870px;
|
||||
}
|
||||
|
||||
.container_24 .grid_23 {
|
||||
width: 910px;
|
||||
}
|
||||
|
||||
.container_24 .grid_24 {
|
||||
width: 950px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .prefix_1 {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_2 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_3 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_4 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_5 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_6 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_7 {
|
||||
padding-left: 280px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_8 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_9 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_10 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_11 {
|
||||
padding-left: 440px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_12 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_13 {
|
||||
padding-left: 520px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_14 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_15 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_16 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_17 {
|
||||
padding-left: 680px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_18 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_19 {
|
||||
padding-left: 760px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_20 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_21 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_22 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_23 {
|
||||
padding-left: 920px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .suffix_1 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_2 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_3 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_4 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_5 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_6 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_7 {
|
||||
padding-right: 280px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_8 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_9 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_10 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_11 {
|
||||
padding-right: 440px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_12 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_13 {
|
||||
padding-right: 520px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_14 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_15 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_16 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_17 {
|
||||
padding-right: 680px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_18 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_19 {
|
||||
padding-right: 760px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_20 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_21 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_22 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_23 {
|
||||
padding-right: 920px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .push_1 {
|
||||
left: 40px;
|
||||
}
|
||||
|
||||
.container_24 .push_2 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container_24 .push_3 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container_24 .push_4 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_24 .push_5 {
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.container_24 .push_6 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_24 .push_7 {
|
||||
left: 280px;
|
||||
}
|
||||
|
||||
.container_24 .push_8 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_24 .push_9 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container_24 .push_10 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_24 .push_11 {
|
||||
left: 440px;
|
||||
}
|
||||
|
||||
.container_24 .push_12 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_24 .push_13 {
|
||||
left: 520px;
|
||||
}
|
||||
|
||||
.container_24 .push_14 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container_24 .push_15 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_24 .push_16 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_24 .push_17 {
|
||||
left: 680px;
|
||||
}
|
||||
|
||||
.container_24 .push_18 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container_24 .push_19 {
|
||||
left: 760px;
|
||||
}
|
||||
|
||||
.container_24 .push_20 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_24 .push_21 {
|
||||
left: 840px;
|
||||
}
|
||||
|
||||
.container_24 .push_22 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
.container_24 .push_23 {
|
||||
left: 920px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .pull_1 {
|
||||
left: -40px;
|
||||
}
|
||||
|
||||
.container_24 .pull_2 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container_24 .pull_3 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container_24 .pull_4 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_24 .pull_5 {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.container_24 .pull_6 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_24 .pull_7 {
|
||||
left: -280px;
|
||||
}
|
||||
|
||||
.container_24 .pull_8 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_24 .pull_9 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container_24 .pull_10 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_24 .pull_11 {
|
||||
left: -440px;
|
||||
}
|
||||
|
||||
.container_24 .pull_12 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_24 .pull_13 {
|
||||
left: -520px;
|
||||
}
|
||||
|
||||
.container_24 .pull_14 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container_24 .pull_15 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_24 .pull_16 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_24 .pull_17 {
|
||||
left: -680px;
|
||||
}
|
||||
|
||||
.container_24 .pull_18 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container_24 .pull_19 {
|
||||
left: -760px;
|
||||
}
|
||||
|
||||
.container_24 .pull_20 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_24 .pull_21 {
|
||||
left: -840px;
|
||||
}
|
||||
|
||||
.container_24 .pull_22 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
.container_24 .pull_23 {
|
||||
left: -920px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,171 +0,0 @@
|
||||
/* `XHTML, HTML4, HTML5 Reset
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
dialog,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
font,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
hgroup,
|
||||
hr,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
mark,
|
||||
menu,
|
||||
meter,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
progress,
|
||||
q,
|
||||
rp,
|
||||
rt,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video,
|
||||
xmp {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
/*
|
||||
Override the default (display: inline) for
|
||||
browsers that do not recognize HTML5 tags.
|
||||
|
||||
IE8 (and lower) requires a shiv:
|
||||
http://ejohn.org/blog/html5-shiv
|
||||
*/
|
||||
display: block;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
/*
|
||||
Makes browsers agree.
|
||||
IE + Opera = font-weight: bold.
|
||||
Gecko + WebKit = font-weight: bolder.
|
||||
*/
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
vertical-align: middle;
|
||||
/*
|
||||
For IE.
|
||||
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
|
||||
*/
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
li {
|
||||
/*
|
||||
For IE6 + IE7.
|
||||
*/
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th,
|
||||
td,
|
||||
caption {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
svg {
|
||||
/*
|
||||
For IE9.
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -1,631 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12,
|
||||
.container_16 {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12,
|
||||
.grid_13,
|
||||
.grid_14,
|
||||
.grid_15,
|
||||
.grid_16 {
|
||||
display: inline;
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.container_12 .grid_3,
|
||||
.container_16 .grid_4 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6,
|
||||
.container_16 .grid_8 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9,
|
||||
.container_16 .grid_12 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12,
|
||||
.container_16 .grid_16 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
/* `Grid >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .grid_1 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container_16 .grid_2 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container_16 .grid_3 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container_16 .grid_5 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container_16 .grid_6 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container_16 .grid_7 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container_16 .grid_9 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container_16 .grid_10 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container_16 .grid_11 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container_16 .grid_13 {
|
||||
width: 760px;
|
||||
}
|
||||
|
||||
.container_16 .grid_14 {
|
||||
width: 820px;
|
||||
}
|
||||
|
||||
.container_16 .grid_15 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_3,
|
||||
.container_16 .prefix_4 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6,
|
||||
.container_16 .prefix_8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9,
|
||||
.container_16 .prefix_12 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .prefix_1 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_2 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_3 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_13 {
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_14 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_16 .prefix_15 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_3,
|
||||
.container_16 .suffix_4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6,
|
||||
.container_16 .suffix_8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9,
|
||||
.container_16 .suffix_12 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .suffix_1 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_2 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_3 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_13 {
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_14 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_16 .suffix_15 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
/* `Push Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_3,
|
||||
.container_16 .push_4 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_6,
|
||||
.container_16 .push_8 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_9,
|
||||
.container_16 .push_12 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
right: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .push_1 {
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.container_16 .push_2 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container_16 .push_3 {
|
||||
right: 180px;
|
||||
}
|
||||
|
||||
.container_16 .push_5 {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
.container_16 .push_6 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container_16 .push_7 {
|
||||
right: 420px;
|
||||
}
|
||||
|
||||
.container_16 .push_9 {
|
||||
right: 540px;
|
||||
}
|
||||
|
||||
.container_16 .push_10 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container_16 .push_11 {
|
||||
right: 660px;
|
||||
}
|
||||
|
||||
.container_16 .push_13 {
|
||||
right: 780px;
|
||||
}
|
||||
|
||||
.container_16 .push_14 {
|
||||
right: 840px;
|
||||
}
|
||||
|
||||
.container_16 .push_15 {
|
||||
right: 900px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_3,
|
||||
.container_16 .pull_4 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6,
|
||||
.container_16 .pull_8 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9,
|
||||
.container_16 .pull_12 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
right: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
right: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
right: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
right: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
right: -880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 16 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_16 .pull_1 {
|
||||
right: -60px;
|
||||
}
|
||||
|
||||
.container_16 .pull_2 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container_16 .pull_3 {
|
||||
right: -180px;
|
||||
}
|
||||
|
||||
.container_16 .pull_5 {
|
||||
right: -300px;
|
||||
}
|
||||
|
||||
.container_16 .pull_6 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container_16 .pull_7 {
|
||||
right: -420px;
|
||||
}
|
||||
|
||||
.container_16 .pull_9 {
|
||||
right: -540px;
|
||||
}
|
||||
|
||||
.container_16 .pull_10 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container_16 .pull_11 {
|
||||
right: -660px;
|
||||
}
|
||||
|
||||
.container_16 .pull_13 {
|
||||
right: -780px;
|
||||
}
|
||||
|
||||
.container_16 .pull_14 {
|
||||
right: -840px;
|
||||
}
|
||||
|
||||
.container_16 .pull_15 {
|
||||
right: -900px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,602 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Container >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
.container_24 {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12,
|
||||
.grid_13,
|
||||
.grid_14,
|
||||
.grid_15,
|
||||
.grid_16,
|
||||
.grid_17,
|
||||
.grid_18,
|
||||
.grid_19,
|
||||
.grid_20,
|
||||
.grid_21,
|
||||
.grid_22,
|
||||
.grid_23,
|
||||
.grid_24 {
|
||||
display: inline;
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11,
|
||||
.push_12, .pull_12,
|
||||
.push_13, .pull_13,
|
||||
.push_14, .pull_14,
|
||||
.push_15, .pull_15,
|
||||
.push_16, .pull_16,
|
||||
.push_17, .pull_17,
|
||||
.push_18, .pull_18,
|
||||
.push_19, .pull_19,
|
||||
.push_20, .pull_20,
|
||||
.push_21, .pull_21,
|
||||
.push_22, .pull_22,
|
||||
.push_23, .pull_23 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .grid_1 {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.container_24 .grid_2 {
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.container_24 .grid_3 {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.container_24 .grid_4 {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.container_24 .grid_5 {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.container_24 .grid_6 {
|
||||
width: 230px;
|
||||
}
|
||||
|
||||
.container_24 .grid_7 {
|
||||
width: 270px;
|
||||
}
|
||||
|
||||
.container_24 .grid_8 {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
.container_24 .grid_9 {
|
||||
width: 350px;
|
||||
}
|
||||
|
||||
.container_24 .grid_10 {
|
||||
width: 390px;
|
||||
}
|
||||
|
||||
.container_24 .grid_11 {
|
||||
width: 430px;
|
||||
}
|
||||
|
||||
.container_24 .grid_12 {
|
||||
width: 470px;
|
||||
}
|
||||
|
||||
.container_24 .grid_13 {
|
||||
width: 510px;
|
||||
}
|
||||
|
||||
.container_24 .grid_14 {
|
||||
width: 550px;
|
||||
}
|
||||
|
||||
.container_24 .grid_15 {
|
||||
width: 590px;
|
||||
}
|
||||
|
||||
.container_24 .grid_16 {
|
||||
width: 630px;
|
||||
}
|
||||
|
||||
.container_24 .grid_17 {
|
||||
width: 670px;
|
||||
}
|
||||
|
||||
.container_24 .grid_18 {
|
||||
width: 710px;
|
||||
}
|
||||
|
||||
.container_24 .grid_19 {
|
||||
width: 750px;
|
||||
}
|
||||
|
||||
.container_24 .grid_20 {
|
||||
width: 790px;
|
||||
}
|
||||
|
||||
.container_24 .grid_21 {
|
||||
width: 830px;
|
||||
}
|
||||
|
||||
.container_24 .grid_22 {
|
||||
width: 870px;
|
||||
}
|
||||
|
||||
.container_24 .grid_23 {
|
||||
width: 910px;
|
||||
}
|
||||
|
||||
.container_24 .grid_24 {
|
||||
width: 950px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .prefix_1 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_2 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_3 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_4 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_5 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_6 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_7 {
|
||||
padding-right: 280px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_8 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_9 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_10 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_11 {
|
||||
padding-right: 440px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_12 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_13 {
|
||||
padding-right: 520px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_14 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_15 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_16 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_17 {
|
||||
padding-right: 680px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_18 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_19 {
|
||||
padding-right: 760px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_20 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_21 {
|
||||
padding-right: 840px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_22 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
.container_24 .prefix_23 {
|
||||
padding-right: 920px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .suffix_1 {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_2 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_3 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_4 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_5 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_6 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_7 {
|
||||
padding-left: 280px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_8 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_9 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_10 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_11 {
|
||||
padding-left: 440px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_12 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_13 {
|
||||
padding-left: 520px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_14 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_15 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_16 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_17 {
|
||||
padding-left: 680px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_18 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_19 {
|
||||
padding-left: 760px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_20 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_21 {
|
||||
padding-left: 840px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_22 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
.container_24 .suffix_23 {
|
||||
padding-left: 920px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .push_1 {
|
||||
right: 40px;
|
||||
}
|
||||
|
||||
.container_24 .push_2 {
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
.container_24 .push_3 {
|
||||
right: 120px;
|
||||
}
|
||||
|
||||
.container_24 .push_4 {
|
||||
right: 160px;
|
||||
}
|
||||
|
||||
.container_24 .push_5 {
|
||||
right: 200px;
|
||||
}
|
||||
|
||||
.container_24 .push_6 {
|
||||
right: 240px;
|
||||
}
|
||||
|
||||
.container_24 .push_7 {
|
||||
right: 280px;
|
||||
}
|
||||
|
||||
.container_24 .push_8 {
|
||||
right: 320px;
|
||||
}
|
||||
|
||||
.container_24 .push_9 {
|
||||
right: 360px;
|
||||
}
|
||||
|
||||
.container_24 .push_10 {
|
||||
right: 400px;
|
||||
}
|
||||
|
||||
.container_24 .push_11 {
|
||||
right: 440px;
|
||||
}
|
||||
|
||||
.container_24 .push_12 {
|
||||
right: 480px;
|
||||
}
|
||||
|
||||
.container_24 .push_13 {
|
||||
right: 520px;
|
||||
}
|
||||
|
||||
.container_24 .push_14 {
|
||||
right: 560px;
|
||||
}
|
||||
|
||||
.container_24 .push_15 {
|
||||
right: 600px;
|
||||
}
|
||||
|
||||
.container_24 .push_16 {
|
||||
right: 640px;
|
||||
}
|
||||
|
||||
.container_24 .push_17 {
|
||||
right: 680px;
|
||||
}
|
||||
|
||||
.container_24 .push_18 {
|
||||
right: 720px;
|
||||
}
|
||||
|
||||
.container_24 .push_19 {
|
||||
right: 760px;
|
||||
}
|
||||
|
||||
.container_24 .push_20 {
|
||||
right: 800px;
|
||||
}
|
||||
|
||||
.container_24 .push_21 {
|
||||
right: 840px;
|
||||
}
|
||||
|
||||
.container_24 .push_22 {
|
||||
right: 880px;
|
||||
}
|
||||
|
||||
.container_24 .push_23 {
|
||||
right: 920px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 24 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_24 .pull_1 {
|
||||
right: -40px;
|
||||
}
|
||||
|
||||
.container_24 .pull_2 {
|
||||
right: -80px;
|
||||
}
|
||||
|
||||
.container_24 .pull_3 {
|
||||
right: -120px;
|
||||
}
|
||||
|
||||
.container_24 .pull_4 {
|
||||
right: -160px;
|
||||
}
|
||||
|
||||
.container_24 .pull_5 {
|
||||
right: -200px;
|
||||
}
|
||||
|
||||
.container_24 .pull_6 {
|
||||
right: -240px;
|
||||
}
|
||||
|
||||
.container_24 .pull_7 {
|
||||
right: -280px;
|
||||
}
|
||||
|
||||
.container_24 .pull_8 {
|
||||
right: -320px;
|
||||
}
|
||||
|
||||
.container_24 .pull_9 {
|
||||
right: -360px;
|
||||
}
|
||||
|
||||
.container_24 .pull_10 {
|
||||
right: -400px;
|
||||
}
|
||||
|
||||
.container_24 .pull_11 {
|
||||
right: -440px;
|
||||
}
|
||||
|
||||
.container_24 .pull_12 {
|
||||
right: -480px;
|
||||
}
|
||||
|
||||
.container_24 .pull_13 {
|
||||
right: -520px;
|
||||
}
|
||||
|
||||
.container_24 .pull_14 {
|
||||
right: -560px;
|
||||
}
|
||||
|
||||
.container_24 .pull_15 {
|
||||
right: -600px;
|
||||
}
|
||||
|
||||
.container_24 .pull_16 {
|
||||
right: -640px;
|
||||
}
|
||||
|
||||
.container_24 .pull_17 {
|
||||
right: -680px;
|
||||
}
|
||||
|
||||
.container_24 .pull_18 {
|
||||
right: -720px;
|
||||
}
|
||||
|
||||
.container_24 .pull_19 {
|
||||
right: -760px;
|
||||
}
|
||||
|
||||
.container_24 .pull_20 {
|
||||
right: -800px;
|
||||
}
|
||||
|
||||
.container_24 .pull_21 {
|
||||
right: -840px;
|
||||
}
|
||||
|
||||
.container_24 .pull_22 {
|
||||
right: -880px;
|
||||
}
|
||||
|
||||
.container_24 .pull_23 {
|
||||
right: -920px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,84 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Text CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
body {
|
||||
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: 1px dotted;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0 #ccc solid;
|
||||
border-top-width: 1px;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* `Headings
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* `Spacing
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
p,
|
||||
dl,
|
||||
hr,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ol,
|
||||
ul,
|
||||
pre,
|
||||
table,
|
||||
address,
|
||||
fieldset {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -1,81 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Text CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
body {
|
||||
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0 #ccc solid;
|
||||
border-top-width: 1px;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* `Headings
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* `Spacing
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
p,
|
||||
dl,
|
||||
hr,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ol,
|
||||
ul,
|
||||
pre,
|
||||
table,
|
||||
address,
|
||||
fieldset,
|
||||
figure {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@@ -1,351 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 1200px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 480px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 680px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 880px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 980px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 1080px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 1180px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 200px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 500px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 700px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 900px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 1000px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 1100px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 200px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 500px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 700px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 900px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 1000px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 1100px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 100px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 200px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 500px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 700px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 900px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 1000px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 1100px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -100px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -200px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -500px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -700px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -900px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -1000px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -1100px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,351 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 1560px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 1560px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 110px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 370px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 630px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 760px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 890px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 1020px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 1150px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 1280px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 1410px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 1540px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 130px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 260px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 390px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 520px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 650px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 780px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 910px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 1040px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 1170px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 1300px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 1430px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 130px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 260px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 390px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 520px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 650px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 780px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 910px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 1040px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 1170px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 1300px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 1430px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 130px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 260px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 390px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 520px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 650px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 780px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 910px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 1040px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 1170px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 1300px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 1430px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -130px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -260px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -390px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -520px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -650px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -780px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -910px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -1040px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -1170px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -1300px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -1430px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,351 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 720px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 720px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 280px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 340px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 520px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 580px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 640px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 360px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 420px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 540px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 600px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 660px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 120px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 180px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 300px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 360px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 420px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 540px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 600px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 660px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 120px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 180px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 360px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 420px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 540px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 600px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 660px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -60px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -120px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -180px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -300px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -360px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -420px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -540px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -600px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -660px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,351 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/*
|
||||
Forces backgrounds to span full width,
|
||||
even if there is horizontal scrolling.
|
||||
Increase this if your layout is wider.
|
||||
|
||||
Note: IE6 works fine without this fix.
|
||||
*/
|
||||
|
||||
body {
|
||||
min-width: 960px;
|
||||
}
|
||||
|
||||
/* `Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
/* `Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.push_1, .pull_1,
|
||||
.push_2, .pull_2,
|
||||
.push_3, .pull_3,
|
||||
.push_4, .pull_4,
|
||||
.push_5, .pull_5,
|
||||
.push_6, .pull_6,
|
||||
.push_7, .pull_7,
|
||||
.push_8, .pull_8,
|
||||
.push_9, .pull_9,
|
||||
.push_10, .pull_10,
|
||||
.push_11, .pull_11 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* `Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 940px;
|
||||
}
|
||||
|
||||
/* `Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 880px;
|
||||
}
|
||||
|
||||
/* `Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 160px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 240px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 320px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 400px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 480px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 560px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 640px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 720px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 800px;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 880px;
|
||||
}
|
||||
|
||||
/* `Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 80px;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 160px;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 320px;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 400px;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 480px;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 560px;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 640px;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 720px;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 800px;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
/* `Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -80px;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -160px;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -240px;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -320px;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -400px;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -480px;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -560px;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -640px;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -720px;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -800px;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -880px;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,326 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Core CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* Containers
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
width: 92%;
|
||||
margin-left: 4%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
|
||||
/* Grid >> Global
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
display: inline;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.omega {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
/* Grid >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .grid_1 {
|
||||
width: 6.333%;
|
||||
}
|
||||
|
||||
.container_12 .grid_2 {
|
||||
width: 14.667%;
|
||||
}
|
||||
|
||||
.container_12 .grid_3 {
|
||||
width: 23.0%;
|
||||
}
|
||||
|
||||
.container_12 .grid_4 {
|
||||
width: 31.333%;
|
||||
}
|
||||
|
||||
.container_12 .grid_5 {
|
||||
width: 39.667%;
|
||||
}
|
||||
|
||||
.container_12 .grid_6 {
|
||||
width: 48.0%;
|
||||
}
|
||||
|
||||
.container_12 .grid_7 {
|
||||
width: 56.333%;
|
||||
}
|
||||
|
||||
.container_12 .grid_8 {
|
||||
width: 64.667%;
|
||||
}
|
||||
|
||||
.container_12 .grid_9 {
|
||||
width: 73.0%;
|
||||
}
|
||||
|
||||
.container_12 .grid_10 {
|
||||
width: 81.333%;
|
||||
}
|
||||
|
||||
.container_12 .grid_11 {
|
||||
width: 89.667%;
|
||||
}
|
||||
|
||||
.container_12 .grid_12 {
|
||||
width: 98.0%;
|
||||
}
|
||||
|
||||
/* Prefix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .prefix_1 {
|
||||
padding-left: 8.333%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_2 {
|
||||
padding-left: 16.667%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_3 {
|
||||
padding-left: 25.0%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_4 {
|
||||
padding-left: 33.333%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_5 {
|
||||
padding-left: 41.667%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_6 {
|
||||
padding-left: 50.0%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_7 {
|
||||
padding-left: 58.333%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_8 {
|
||||
padding-left: 66.667%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_9 {
|
||||
padding-left: 75.0%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_10 {
|
||||
padding-left: 83.333%;
|
||||
}
|
||||
|
||||
.container_12 .prefix_11 {
|
||||
padding-left: 91.667%;
|
||||
}
|
||||
|
||||
/* Suffix Extra Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .suffix_1 {
|
||||
padding-right: 8.333%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_2 {
|
||||
padding-right: 16.667%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_3 {
|
||||
padding-right: 25.0%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_4 {
|
||||
padding-right: 33.333%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_5 {
|
||||
padding-right: 41.667%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_6 {
|
||||
padding-right: 50.0%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_7 {
|
||||
padding-right: 58.333%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_8 {
|
||||
padding-right: 66.667%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_9 {
|
||||
padding-right: 75.0%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_10 {
|
||||
padding-right: 83.333%;
|
||||
}
|
||||
|
||||
.container_12 .suffix_11 {
|
||||
padding-right: 91.667%;
|
||||
}
|
||||
|
||||
/* Push Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .push_1 {
|
||||
left: 8.333%;
|
||||
}
|
||||
|
||||
.container_12 .push_2 {
|
||||
left: 16.667%;
|
||||
}
|
||||
|
||||
.container_12 .push_3 {
|
||||
left: 25.0%;
|
||||
}
|
||||
|
||||
.container_12 .push_4 {
|
||||
left: 33.333%;
|
||||
}
|
||||
|
||||
.container_12 .push_5 {
|
||||
left: 41.667%;
|
||||
}
|
||||
|
||||
.container_12 .push_6 {
|
||||
left: 50.0%;
|
||||
}
|
||||
|
||||
.container_12 .push_7 {
|
||||
left: 58.333%;
|
||||
}
|
||||
|
||||
.container_12 .push_8 {
|
||||
left: 66.667%;
|
||||
}
|
||||
|
||||
.container_12 .push_9 {
|
||||
left: 75.0%;
|
||||
}
|
||||
|
||||
.container_12 .push_10 {
|
||||
left: 83.333%;
|
||||
}
|
||||
|
||||
.container_12 .push_11 {
|
||||
left: 91.667%;
|
||||
}
|
||||
|
||||
/* Pull Space >> 12 Columns
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 .pull_1 {
|
||||
left: -8.333%;
|
||||
}
|
||||
|
||||
.container_12 .pull_2 {
|
||||
left: -16.667%;
|
||||
}
|
||||
|
||||
.container_12 .pull_3 {
|
||||
left: -25.0%;
|
||||
}
|
||||
|
||||
.container_12 .pull_4 {
|
||||
left: -33.333%;
|
||||
}
|
||||
|
||||
.container_12 .pull_5 {
|
||||
left: -41.667%;
|
||||
}
|
||||
|
||||
.container_12 .pull_6 {
|
||||
left: -50.0%;
|
||||
}
|
||||
|
||||
.container_12 .pull_7 {
|
||||
left: -58.333%;
|
||||
}
|
||||
|
||||
.container_12 .pull_8 {
|
||||
left: -66.667%;
|
||||
}
|
||||
|
||||
.container_12 .pull_9 {
|
||||
left: -75.0%;
|
||||
}
|
||||
|
||||
.container_12 .pull_10 {
|
||||
left: -83.333%;
|
||||
}
|
||||
|
||||
.container_12 .pull_11 {
|
||||
left: -91.667%;
|
||||
}
|
||||
|
||||
/* `Clear Floated Elements
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
/* http://sonspring.com/journal/clearing-floats */
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||||
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/*
|
||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
||||
Move to separate stylesheet if invalid CSS is a problem.
|
||||
*/
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
}
|
||||
@@ -1,124 +0,0 @@
|
||||
@import 'reset.css';
|
||||
@import 'text.css';
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.container_12 {
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
h1 {
|
||||
background: #eee;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 10px 90px 10px 15px;
|
||||
text-shadow: #fff 0 1px 0;
|
||||
}
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #06c;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #c60;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
/* `Misc Classes
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.align_center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align_right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* `Data Table
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.data,
|
||||
.data th,
|
||||
.data td {
|
||||
border-style: solid;
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.data {
|
||||
border-width: 0 1px 1px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.data caption {
|
||||
padding: 0 10px 5px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.data th,
|
||||
.data td {
|
||||
border-top-width: 1px;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.data th {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.data thead th {
|
||||
background: #eee;
|
||||
font-weight: bold;
|
||||
text-shadow: #fff 0 1px 0;
|
||||
}
|
||||
|
||||
.data tbody th {
|
||||
width: 1px;
|
||||
}
|
||||
|
||||
.data tr th:first-child {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* `Code
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
pre,
|
||||
code {
|
||||
font-size: 12px;
|
||||
font-family: Menlo, Courier, monospace;
|
||||
}
|
||||
|
||||
pre,
|
||||
.notice {
|
||||
background: #ffe;
|
||||
border: 1px solid;
|
||||
border-color: #eed #ccb #bba #ddc;
|
||||
overflow: auto;
|
||||
padding: 10px 0 10px 10px;
|
||||
}
|
||||
|
||||
* html pre {
|
||||
overflow: hidden;
|
||||
width: 97%;
|
||||
}
|
||||
|
||||
code {
|
||||
background: #ff9;
|
||||
padding: 0 2px;
|
||||
}
|
||||
@@ -1,20 +0,0 @@
|
||||
.grid_1,
|
||||
.grid_2,
|
||||
.grid_3,
|
||||
.grid_4,
|
||||
.grid_5,
|
||||
.grid_6,
|
||||
.grid_7,
|
||||
.grid_8,
|
||||
.grid_9,
|
||||
.grid_10,
|
||||
.grid_11,
|
||||
.grid_12 {
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.align_center,
|
||||
.align_right {
|
||||
text-align: left;
|
||||
}
|
||||
@@ -1,171 +0,0 @@
|
||||
/* `XHTML, HTML4, HTML5 Reset
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
applet,
|
||||
article,
|
||||
aside,
|
||||
audio,
|
||||
b,
|
||||
big,
|
||||
blockquote,
|
||||
body,
|
||||
canvas,
|
||||
caption,
|
||||
center,
|
||||
cite,
|
||||
code,
|
||||
dd,
|
||||
del,
|
||||
details,
|
||||
dfn,
|
||||
dialog,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
em,
|
||||
embed,
|
||||
fieldset,
|
||||
figcaption,
|
||||
figure,
|
||||
font,
|
||||
footer,
|
||||
form,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
header,
|
||||
hgroup,
|
||||
hr,
|
||||
html,
|
||||
i,
|
||||
iframe,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
label,
|
||||
legend,
|
||||
li,
|
||||
mark,
|
||||
menu,
|
||||
meter,
|
||||
nav,
|
||||
object,
|
||||
ol,
|
||||
output,
|
||||
p,
|
||||
pre,
|
||||
progress,
|
||||
q,
|
||||
rp,
|
||||
rt,
|
||||
ruby,
|
||||
s,
|
||||
samp,
|
||||
section,
|
||||
small,
|
||||
span,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
summary,
|
||||
sup,
|
||||
table,
|
||||
tbody,
|
||||
td,
|
||||
tfoot,
|
||||
th,
|
||||
thead,
|
||||
time,
|
||||
tr,
|
||||
tt,
|
||||
u,
|
||||
ul,
|
||||
var,
|
||||
video,
|
||||
xmp {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
/*
|
||||
Override the default (display: inline) for
|
||||
browsers that do not recognize HTML5 tags.
|
||||
|
||||
IE8 (and lower) requires a shiv:
|
||||
http://ejohn.org/blog/html5-shiv
|
||||
*/
|
||||
display: block;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
/*
|
||||
Makes browsers agree.
|
||||
IE + Opera = font-weight: bold.
|
||||
Gecko + WebKit = font-weight: bolder.
|
||||
*/
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img {
|
||||
color: transparent;
|
||||
font-size: 0;
|
||||
vertical-align: middle;
|
||||
/*
|
||||
For IE.
|
||||
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
|
||||
*/
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
li {
|
||||
/*
|
||||
For IE6 + IE7.
|
||||
*/
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
th,
|
||||
td,
|
||||
caption {
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
svg {
|
||||
/*
|
||||
For IE9.
|
||||
*/
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -1,81 +0,0 @@
|
||||
/*
|
||||
960 Grid System ~ Text CSS.
|
||||
Learn more ~ http://960.gs/
|
||||
|
||||
Licensed under GPL and MIT.
|
||||
*/
|
||||
|
||||
/* `Basic HTML
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
body {
|
||||
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0 #ccc solid;
|
||||
border-top-width: 1px;
|
||||
clear: both;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* `Headings
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
h1 {
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 19px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* `Spacing
|
||||
----------------------------------------------------------------------------------------------------*/
|
||||
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
p,
|
||||
dl,
|
||||
hr,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
ol,
|
||||
ul,
|
||||
pre,
|
||||
table,
|
||||
address,
|
||||
fieldset,
|
||||
figure {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
100
css/app.css
Normal file
100
css/app.css
Normal file
@@ -0,0 +1,100 @@
|
||||
/* =============================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
body { }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Header
|
||||
========================================================================== */
|
||||
|
||||
#banner { }
|
||||
|
||||
/* Fixed Topbar Navigation */
|
||||
body { padding-top: 60px; }
|
||||
body.admin-bar .navbar-fixed-top { top: 28px; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Content
|
||||
========================================================================== */
|
||||
|
||||
#content { }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Primary Content
|
||||
========================================================================== */
|
||||
|
||||
#main { }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Sidebar
|
||||
========================================================================== */
|
||||
|
||||
#sidebar { }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Posts
|
||||
========================================================================== */
|
||||
|
||||
.hentry header { }
|
||||
.hentry h2 a { text-decoration: none; }
|
||||
.hentry time { display: block; }
|
||||
.hentry p.byline { }
|
||||
.hentry footer { clear: both; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Post Comments
|
||||
========================================================================== */
|
||||
|
||||
#comments, #respond, #submit { clear: both; display: block; }
|
||||
ol.commentlist img.avatar { float: left; margin-right: 10px; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Footer
|
||||
========================================================================== */
|
||||
|
||||
#content-info {
|
||||
margin-top: 45px;
|
||||
padding: 35px 0 36px;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
#content-info p small { font-size: 13px; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
WordPress Generated Classes
|
||||
See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
|
||||
========================================================================== */
|
||||
|
||||
.aligncenter { display: block; margin: 0 auto; }
|
||||
.alignleft { margin: 0 20px 20px 0; float: left; }
|
||||
.alignright { margin: 0 0 20px 20px; float: right; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Media Queries
|
||||
========================================================================== */
|
||||
|
||||
@media (max-width: 980px) {
|
||||
/* Fix top padding when using the responsive grid with the fixed topbar */
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
@@ -1,22 +0,0 @@
|
||||
Copyright (c) 2007 - 2010 blueprintcss.org
|
||||
|
||||
Permission is hereby granted, free of charge, to any person
|
||||
obtaining a copy of this software and associated documentation
|
||||
files (the "Software"), to deal in the Software without
|
||||
restriction, including without limitation the rights to use,
|
||||
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the
|
||||
Software is furnished to do so, subject to the following
|
||||
conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be
|
||||
included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
||||
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
||||
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
||||
OTHER DEALINGS IN THE SOFTWARE.
|
||||
@@ -1,36 +0,0 @@
|
||||
/* -----------------------------------------------------------------------
|
||||
|
||||
|
||||
Blueprint CSS Framework 1.0.1
|
||||
http://blueprintcss.org
|
||||
|
||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
||||
* See README for instructions on how to use Blueprint.
|
||||
* For credits and origins, see AUTHORS.
|
||||
* This is a compressed file. See the sources in the 'src' directory.
|
||||
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
/* ie.css */
|
||||
body {text-align:center;}
|
||||
.container {text-align:left;}
|
||||
* html .column, * html .span-1, * html .span-2, * html .span-3, * html .span-4, * html .span-5, * html .span-6, * html .span-7, * html .span-8, * html .span-9, * html .span-10, * html .span-11, * html .span-12, * html .span-13, * html .span-14, * html .span-15, * html .span-16, * html .span-17, * html .span-18, * html .span-19, * html .span-20, * html .span-21, * html .span-22, * html .span-23, * html .span-24 {display:inline;overflow-x:hidden;}
|
||||
* html legend {margin:0px -8px 16px 0;padding:0;}
|
||||
sup {vertical-align:text-top;}
|
||||
sub {vertical-align:text-bottom;}
|
||||
html>body p code {*white-space:normal;}
|
||||
hr {margin:-8px auto 11px;}
|
||||
img {-ms-interpolation-mode:bicubic;}
|
||||
.clearfix, .container {display:inline-block;}
|
||||
* html .clearfix, * html .container {height:1%;}
|
||||
fieldset {padding-top:0;}
|
||||
legend {margin-top:-0.2em;margin-bottom:1em;margin-left:-0.5em;}
|
||||
textarea {overflow:auto;}
|
||||
label {vertical-align:middle;position:relative;top:-0.25em;}
|
||||
input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
|
||||
input.text:focus, input.title:focus {border-color:#666;}
|
||||
input.text, input.title, textarea, select {margin:0.5em 0;}
|
||||
input.checkbox, input.radio {position:relative;top:.25em;}
|
||||
form.inline div, form.inline p {vertical-align:middle;}
|
||||
form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {margin:0.5em 0;}
|
||||
button, input.button {position:relative;top:0.25em;}
|
||||
@@ -1,29 +0,0 @@
|
||||
/* -----------------------------------------------------------------------
|
||||
|
||||
|
||||
Blueprint CSS Framework 1.0.1
|
||||
http://blueprintcss.org
|
||||
|
||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
||||
* See README for instructions on how to use Blueprint.
|
||||
* For credits and origins, see AUTHORS.
|
||||
* This is a compressed file. See the sources in the 'src' directory.
|
||||
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
/* print.css */
|
||||
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
|
||||
.container {background:none;}
|
||||
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
|
||||
hr.space {background:#fff;color:#fff;visibility:hidden;}
|
||||
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
|
||||
code {font:.9em "Courier New", Monaco, Courier, monospace;}
|
||||
a img {border:none;}
|
||||
p img.top {margin-top:0;}
|
||||
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
|
||||
.small {font-size:.9em;}
|
||||
.large {font-size:1.1em;}
|
||||
.quiet {color:#999;}
|
||||
.hide {display:none;}
|
||||
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
|
||||
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}
|
||||
@@ -1,264 +0,0 @@
|
||||
/* -----------------------------------------------------------------------
|
||||
|
||||
|
||||
Blueprint CSS Framework 1.0.1
|
||||
http://blueprintcss.org
|
||||
|
||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
||||
* See README for instructions on how to use Blueprint.
|
||||
* For credits and origins, see AUTHORS.
|
||||
* This is a compressed file. See the sources in the 'src' directory.
|
||||
|
||||
----------------------------------------------------------------------- */
|
||||
|
||||
/* reset.css */
|
||||
html {margin:0;padding:0;border:0;}
|
||||
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
|
||||
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
|
||||
body {line-height:1.5;background:white;}
|
||||
table {border-collapse:separate;border-spacing:0;}
|
||||
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
|
||||
table, th, td {vertical-align:middle;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content:'';}
|
||||
blockquote, q {quotes:"" "";}
|
||||
a img {border:none;}
|
||||
:focus {outline:0;}
|
||||
|
||||
/* typography.css */
|
||||
html {font-size:100.01%;}
|
||||
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
|
||||
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
|
||||
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
|
||||
h2 {font-size:2em;margin-bottom:0.75em;}
|
||||
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
|
||||
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
|
||||
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
|
||||
h6 {font-size:1em;font-weight:bold;}
|
||||
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
|
||||
p {margin:0 0 1.5em;}
|
||||
.left {float:left !important;}
|
||||
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
|
||||
.right {float:right !important;}
|
||||
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
|
||||
a:focus, a:hover {color:#09f;}
|
||||
a {color:#06c;text-decoration:underline;}
|
||||
blockquote {margin:1.5em;color:#666;font-style:italic;}
|
||||
strong, dfn {font-weight:bold;}
|
||||
em, dfn {font-style:italic;}
|
||||
sup, sub {line-height:0;}
|
||||
abbr, acronym {border-bottom:1px dotted #666;}
|
||||
address {margin:0 0 1.5em;font-style:italic;}
|
||||
del {color:#666;}
|
||||
pre {margin:1.5em 0;white-space:pre;}
|
||||
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
|
||||
li ul, li ol {margin:0;}
|
||||
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
|
||||
ul {list-style-type:disc;}
|
||||
ol {list-style-type:decimal;}
|
||||
dl {margin:0 0 1.5em 0;}
|
||||
dl dt {font-weight:bold;}
|
||||
dd {margin-left:1.5em;}
|
||||
table {margin-bottom:1.4em;width:100%;}
|
||||
th {font-weight:bold;}
|
||||
thead th {background:#c3d9ff;}
|
||||
th, td, caption {padding:4px 10px 4px 5px;}
|
||||
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
|
||||
tfoot {font-style:italic;}
|
||||
caption {background:#eee;}
|
||||
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
|
||||
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
|
||||
.hide {display:none;}
|
||||
.quiet {color:#666;}
|
||||
.loud {color:#000;}
|
||||
.highlight {background:#ff0;}
|
||||
.added {background:#060;color:#fff;}
|
||||
.removed {background:#900;color:#fff;}
|
||||
.first {margin-left:0;padding-left:0;}
|
||||
.last {margin-right:0;padding-right:0;}
|
||||
.top {margin-top:0;padding-top:0;}
|
||||
.bottom {margin-bottom:0;padding-bottom:0;}
|
||||
|
||||
/* forms.css */
|
||||
label {font-weight:bold;}
|
||||
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
|
||||
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
|
||||
fieldset, #IE8#HACK {padding-top:1.4em;}
|
||||
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
|
||||
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000;}
|
||||
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
|
||||
select {background-color:#fff;border-width:1px;border-style:solid;}
|
||||
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
|
||||
input.text, input.title {width:300px;padding:5px;}
|
||||
input.title {font-size:1.5em;}
|
||||
textarea {width:390px;height:250px;padding:5px;}
|
||||
form.inline {line-height:3;}
|
||||
form.inline p {margin-bottom:0;}
|
||||
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
|
||||
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
|
||||
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
|
||||
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
|
||||
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
|
||||
.error a, .alert a {color:#8a1f11;}
|
||||
.notice a {color:#514721;}
|
||||
.success a {color:#264409;}
|
||||
.info a {color:#205791;}
|
||||
|
||||
/* grid.css */
|
||||
.container {width:950px;margin:0 auto;}
|
||||
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
|
||||
.last {margin-right:0;}
|
||||
.span-1 {width:30px;}
|
||||
.span-2 {width:70px;}
|
||||
.span-3 {width:110px;}
|
||||
.span-4 {width:150px;}
|
||||
.span-5 {width:190px;}
|
||||
.span-6 {width:230px;}
|
||||
.span-7 {width:270px;}
|
||||
.span-8 {width:310px;}
|
||||
.span-9 {width:350px;}
|
||||
.span-10 {width:390px;}
|
||||
.span-11 {width:430px;}
|
||||
.span-12 {width:470px;}
|
||||
.span-13 {width:510px;}
|
||||
.span-14 {width:550px;}
|
||||
.span-15 {width:590px;}
|
||||
.span-16 {width:630px;}
|
||||
.span-17 {width:670px;}
|
||||
.span-18 {width:710px;}
|
||||
.span-19 {width:750px;}
|
||||
.span-20 {width:790px;}
|
||||
.span-21 {width:830px;}
|
||||
.span-22 {width:870px;}
|
||||
.span-23 {width:910px;}
|
||||
.span-24 {width:950px;margin-right:0;}
|
||||
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
|
||||
input.span-1, textarea.span-1 {width:18px;}
|
||||
input.span-2, textarea.span-2 {width:58px;}
|
||||
input.span-3, textarea.span-3 {width:98px;}
|
||||
input.span-4, textarea.span-4 {width:138px;}
|
||||
input.span-5, textarea.span-5 {width:178px;}
|
||||
input.span-6, textarea.span-6 {width:218px;}
|
||||
input.span-7, textarea.span-7 {width:258px;}
|
||||
input.span-8, textarea.span-8 {width:298px;}
|
||||
input.span-9, textarea.span-9 {width:338px;}
|
||||
input.span-10, textarea.span-10 {width:378px;}
|
||||
input.span-11, textarea.span-11 {width:418px;}
|
||||
input.span-12, textarea.span-12 {width:458px;}
|
||||
input.span-13, textarea.span-13 {width:498px;}
|
||||
input.span-14, textarea.span-14 {width:538px;}
|
||||
input.span-15, textarea.span-15 {width:578px;}
|
||||
input.span-16, textarea.span-16 {width:618px;}
|
||||
input.span-17, textarea.span-17 {width:658px;}
|
||||
input.span-18, textarea.span-18 {width:698px;}
|
||||
input.span-19, textarea.span-19 {width:738px;}
|
||||
input.span-20, textarea.span-20 {width:778px;}
|
||||
input.span-21, textarea.span-21 {width:818px;}
|
||||
input.span-22, textarea.span-22 {width:858px;}
|
||||
input.span-23, textarea.span-23 {width:898px;}
|
||||
input.span-24, textarea.span-24 {width:938px;}
|
||||
.append-1 {padding-right:40px;}
|
||||
.append-2 {padding-right:80px;}
|
||||
.append-3 {padding-right:120px;}
|
||||
.append-4 {padding-right:160px;}
|
||||
.append-5 {padding-right:200px;}
|
||||
.append-6 {padding-right:240px;}
|
||||
.append-7 {padding-right:280px;}
|
||||
.append-8 {padding-right:320px;}
|
||||
.append-9 {padding-right:360px;}
|
||||
.append-10 {padding-right:400px;}
|
||||
.append-11 {padding-right:440px;}
|
||||
.append-12 {padding-right:480px;}
|
||||
.append-13 {padding-right:520px;}
|
||||
.append-14 {padding-right:560px;}
|
||||
.append-15 {padding-right:600px;}
|
||||
.append-16 {padding-right:640px;}
|
||||
.append-17 {padding-right:680px;}
|
||||
.append-18 {padding-right:720px;}
|
||||
.append-19 {padding-right:760px;}
|
||||
.append-20 {padding-right:800px;}
|
||||
.append-21 {padding-right:840px;}
|
||||
.append-22 {padding-right:880px;}
|
||||
.append-23 {padding-right:920px;}
|
||||
.prepend-1 {padding-left:40px;}
|
||||
.prepend-2 {padding-left:80px;}
|
||||
.prepend-3 {padding-left:120px;}
|
||||
.prepend-4 {padding-left:160px;}
|
||||
.prepend-5 {padding-left:200px;}
|
||||
.prepend-6 {padding-left:240px;}
|
||||
.prepend-7 {padding-left:280px;}
|
||||
.prepend-8 {padding-left:320px;}
|
||||
.prepend-9 {padding-left:360px;}
|
||||
.prepend-10 {padding-left:400px;}
|
||||
.prepend-11 {padding-left:440px;}
|
||||
.prepend-12 {padding-left:480px;}
|
||||
.prepend-13 {padding-left:520px;}
|
||||
.prepend-14 {padding-left:560px;}
|
||||
.prepend-15 {padding-left:600px;}
|
||||
.prepend-16 {padding-left:640px;}
|
||||
.prepend-17 {padding-left:680px;}
|
||||
.prepend-18 {padding-left:720px;}
|
||||
.prepend-19 {padding-left:760px;}
|
||||
.prepend-20 {padding-left:800px;}
|
||||
.prepend-21 {padding-left:840px;}
|
||||
.prepend-22 {padding-left:880px;}
|
||||
.prepend-23 {padding-left:920px;}
|
||||
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
|
||||
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
|
||||
.pull-1 {margin-left:-40px;}
|
||||
.pull-2 {margin-left:-80px;}
|
||||
.pull-3 {margin-left:-120px;}
|
||||
.pull-4 {margin-left:-160px;}
|
||||
.pull-5 {margin-left:-200px;}
|
||||
.pull-6 {margin-left:-240px;}
|
||||
.pull-7 {margin-left:-280px;}
|
||||
.pull-8 {margin-left:-320px;}
|
||||
.pull-9 {margin-left:-360px;}
|
||||
.pull-10 {margin-left:-400px;}
|
||||
.pull-11 {margin-left:-440px;}
|
||||
.pull-12 {margin-left:-480px;}
|
||||
.pull-13 {margin-left:-520px;}
|
||||
.pull-14 {margin-left:-560px;}
|
||||
.pull-15 {margin-left:-600px;}
|
||||
.pull-16 {margin-left:-640px;}
|
||||
.pull-17 {margin-left:-680px;}
|
||||
.pull-18 {margin-left:-720px;}
|
||||
.pull-19 {margin-left:-760px;}
|
||||
.pull-20 {margin-left:-800px;}
|
||||
.pull-21 {margin-left:-840px;}
|
||||
.pull-22 {margin-left:-880px;}
|
||||
.pull-23 {margin-left:-920px;}
|
||||
.pull-24 {margin-left:-960px;}
|
||||
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
|
||||
.push-1 {margin:0 -40px 1.5em 40px;}
|
||||
.push-2 {margin:0 -80px 1.5em 80px;}
|
||||
.push-3 {margin:0 -120px 1.5em 120px;}
|
||||
.push-4 {margin:0 -160px 1.5em 160px;}
|
||||
.push-5 {margin:0 -200px 1.5em 200px;}
|
||||
.push-6 {margin:0 -240px 1.5em 240px;}
|
||||
.push-7 {margin:0 -280px 1.5em 280px;}
|
||||
.push-8 {margin:0 -320px 1.5em 320px;}
|
||||
.push-9 {margin:0 -360px 1.5em 360px;}
|
||||
.push-10 {margin:0 -400px 1.5em 400px;}
|
||||
.push-11 {margin:0 -440px 1.5em 440px;}
|
||||
.push-12 {margin:0 -480px 1.5em 480px;}
|
||||
.push-13 {margin:0 -520px 1.5em 520px;}
|
||||
.push-14 {margin:0 -560px 1.5em 560px;}
|
||||
.push-15 {margin:0 -600px 1.5em 600px;}
|
||||
.push-16 {margin:0 -640px 1.5em 640px;}
|
||||
.push-17 {margin:0 -680px 1.5em 680px;}
|
||||
.push-18 {margin:0 -720px 1.5em 720px;}
|
||||
.push-19 {margin:0 -760px 1.5em 760px;}
|
||||
.push-20 {margin:0 -800px 1.5em 800px;}
|
||||
.push-21 {margin:0 -840px 1.5em 840px;}
|
||||
.push-22 {margin:0 -880px 1.5em 880px;}
|
||||
.push-23 {margin:0 -920px 1.5em 920px;}
|
||||
.push-24 {margin:0 -960px 1.5em 960px;}
|
||||
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}
|
||||
div.prepend-top, .prepend-top {margin-top:1.5em;}
|
||||
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
|
||||
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
|
||||
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
|
||||
hr.space {background:#fff;color:#fff;visibility:hidden;}
|
||||
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
|
||||
.clearfix, .container {display:block;}
|
||||
.clear {clear:both;}
|
||||
0
css/bootstrap/bootstrap-responsive.css → css/bootstrap-responsive.css
vendored
Normal file → Executable file
0
css/bootstrap/bootstrap-responsive.css → css/bootstrap-responsive.css
vendored
Normal file → Executable file
3365
css/bootstrap.css
vendored
Executable file
3365
css/bootstrap.css
vendored
Executable file
File diff suppressed because it is too large
Load Diff
2467
css/bootstrap/bootstrap.css
vendored
2467
css/bootstrap/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
356
css/bootstrap/bootstrap.min.css
vendored
356
css/bootstrap/bootstrap.min.css
vendored
@@ -1,356 +0,0 @@
|
||||
html,body{margin:0;padding:0;}
|
||||
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
ol,ul{list-style:none;}
|
||||
q:before,q:after,blockquote:before,blockquote:after{content:"";}
|
||||
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
|
||||
a:focus{outline:thin dotted;}
|
||||
a:hover,a:active{outline:0;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
|
||||
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
|
||||
audio:not([controls]){display:none;}
|
||||
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
|
||||
sup{top:-0.5em;}
|
||||
sub{bottom:-0.25em;}
|
||||
img{border:0;-ms-interpolation-mode:bicubic;}
|
||||
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
|
||||
button,input{line-height:normal;*overflow:visible;}
|
||||
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
|
||||
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
|
||||
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
|
||||
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
|
||||
textarea{overflow:auto;vertical-align:top;}
|
||||
body{background-color:#ffffff;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:18px;color:#404040;}
|
||||
.container{width:940px;margin-left:auto;margin-right:auto;zoom:1;}.container:before,.container:after{display:table;content:"";zoom:1;}
|
||||
.container:after{clear:both;}
|
||||
.container-fluid{position:relative;min-width:940px;padding-left:20px;padding-right:20px;zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";zoom:1;}
|
||||
.container-fluid:after{clear:both;}
|
||||
.container-fluid>.sidebar{position:absolute;top:0;left:20px;width:220px;}
|
||||
.container-fluid>.content{margin-left:240px;}
|
||||
a{color:#0069d6;text-decoration:none;line-height:inherit;font-weight:inherit;}a:hover{color:#00438a;text-decoration:underline;}
|
||||
.pull-right{float:right;}
|
||||
.pull-left{float:left;}
|
||||
.hide{display:none;}
|
||||
.show{display:block;}
|
||||
.row{zoom:1;margin-left:-20px;}.row:before,.row:after{display:table;content:"";zoom:1;}
|
||||
.row:after{clear:both;}
|
||||
.row>[class*="span"]{display:inline;float:left;margin-left:20px;}
|
||||
.span1{width:40px;}
|
||||
.span2{width:100px;}
|
||||
.span3{width:160px;}
|
||||
.span4{width:220px;}
|
||||
.span5{width:280px;}
|
||||
.span6{width:340px;}
|
||||
.span7{width:400px;}
|
||||
.span8{width:460px;}
|
||||
.span9{width:520px;}
|
||||
.span10{width:580px;}
|
||||
.span11{width:640px;}
|
||||
.span12{width:700px;}
|
||||
.span13{width:760px;}
|
||||
.span14{width:820px;}
|
||||
.span15{width:880px;}
|
||||
.span16{width:940px;}
|
||||
.span17{width:1000px;}
|
||||
.span18{width:1060px;}
|
||||
.span19{width:1120px;}
|
||||
.span20{width:1180px;}
|
||||
.span21{width:1240px;}
|
||||
.span22{width:1300px;}
|
||||
.span23{width:1360px;}
|
||||
.span24{width:1420px;}
|
||||
.row>.offset1{margin-left:80px;}
|
||||
.row>.offset2{margin-left:140px;}
|
||||
.row>.offset3{margin-left:200px;}
|
||||
.row>.offset4{margin-left:260px;}
|
||||
.row>.offset5{margin-left:320px;}
|
||||
.row>.offset6{margin-left:380px;}
|
||||
.row>.offset7{margin-left:440px;}
|
||||
.row>.offset8{margin-left:500px;}
|
||||
.row>.offset9{margin-left:560px;}
|
||||
.row>.offset10{margin-left:620px;}
|
||||
.row>.offset11{margin-left:680px;}
|
||||
.row>.offset12{margin-left:740px;}
|
||||
.span-one-third{width:300px;}
|
||||
.span-two-thirds{width:620px;}
|
||||
.offset-one-third{margin-left:340px;}
|
||||
.offset-two-thirds{margin-left:660px;}
|
||||
p{font-size:13px;font-weight:normal;line-height:18px;margin-bottom:9px;}p small{font-size:11px;color:#bfbfbf;}
|
||||
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#404040;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
|
||||
h1{margin-bottom:18px;font-size:30px;line-height:36px;}h1 small{font-size:18px;}
|
||||
h2{font-size:24px;line-height:36px;}h2 small{font-size:14px;}
|
||||
h3,h4,h5,h6{line-height:36px;}
|
||||
h3{font-size:18px;}h3 small{font-size:14px;}
|
||||
h4{font-size:16px;}h4 small{font-size:12px;}
|
||||
h5{font-size:14px;}
|
||||
h6{font-size:13px;color:#bfbfbf;text-transform:uppercase;}
|
||||
ul,ol{margin:0 0 18px 25px;}
|
||||
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
|
||||
ul{list-style:disc;}
|
||||
ol{list-style:decimal;}
|
||||
li{line-height:18px;color:#808080;}
|
||||
ul.unstyled{list-style:none;margin-left:0;}
|
||||
dl{margin-bottom:18px;}dl dt,dl dd{line-height:18px;}
|
||||
dl dt{font-weight:bold;}
|
||||
dl dd{margin-left:9px;}
|
||||
hr{margin:20px 0 19px;border:0;border-bottom:1px solid #eee;}
|
||||
strong{font-style:inherit;font-weight:bold;}
|
||||
em{font-style:italic;font-weight:inherit;line-height:inherit;}
|
||||
.muted{color:#bfbfbf;}
|
||||
blockquote{margin-bottom:18px;border-left:5px solid #eee;padding-left:15px;}blockquote p{font-size:14px;font-weight:300;line-height:18px;margin-bottom:0;}
|
||||
blockquote small{display:block;font-size:12px;font-weight:300;line-height:18px;color:#bfbfbf;}blockquote small:before{content:'\2014 \00A0';}
|
||||
address{display:block;line-height:18px;margin-bottom:18px;}
|
||||
code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:1px 3px;}
|
||||
pre{background-color:#f5f5f5;display:block;padding:8.5px;margin:0 0 18px;line-height:18px;font-size:12px;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
|
||||
form{margin-bottom:18px;}
|
||||
fieldset{margin-bottom:18px;padding-top:18px;}fieldset legend{display:block;padding-left:150px;font-size:19.5px;line-height:1;color:#404040;*padding:0 0 5px 145px;*line-height:1.5;}
|
||||
form .clearfix{margin-bottom:18px;zoom:1;}form .clearfix:before,form .clearfix:after{display:table;content:"";zoom:1;}
|
||||
form .clearfix:after{clear:both;}
|
||||
label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
|
||||
label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;}
|
||||
form .input{margin-left:150px;}
|
||||
input[type=checkbox],input[type=radio]{cursor:pointer;}
|
||||
input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;font-size:13px;line-height:18px;color:#808080;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
select{padding:initial;}
|
||||
input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none;}
|
||||
input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;}
|
||||
select,input[type=file]{height:27px;*height:auto;line-height:27px;*margin-top:4px;}
|
||||
select[multiple]{height:inherit;background-color:#ffffff;}
|
||||
textarea{height:auto;}
|
||||
.uneditable-input{background-color:#ffffff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
|
||||
:-moz-placeholder{color:#bfbfbf;}
|
||||
::-webkit-input-placeholder{color:#bfbfbf;}
|
||||
input,textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
|
||||
input:focus,textarea:focus{outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
|
||||
input[type=file]:focus,input[type=checkbox]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:1px dotted #666;}
|
||||
form .clearfix.error>label,form .clearfix.error .help-block,form .clearfix.error .help-inline{color:#b94a48;}
|
||||
form .clearfix.error input,form .clearfix.error textarea{color:#b94a48;border-color:#ee5f5b;}form .clearfix.error input:focus,form .clearfix.error textarea:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
|
||||
form .clearfix.error .input-prepend .add-on,form .clearfix.error .input-append .add-on{color:#b94a48;background-color:#fce6e6;border-color:#b94a48;}
|
||||
form .clearfix.warning>label,form .clearfix.warning .help-block,form .clearfix.warning .help-inline{color:#c09853;}
|
||||
form .clearfix.warning input,form .clearfix.warning textarea{color:#c09853;border-color:#ccae64;}form .clearfix.warning input:focus,form .clearfix.warning textarea:focus{border-color:#be9a3f;-webkit-box-shadow:0 0 6px #e5d6b1;-moz-box-shadow:0 0 6px #e5d6b1;box-shadow:0 0 6px #e5d6b1;}
|
||||
form .clearfix.warning .input-prepend .add-on,form .clearfix.warning .input-append .add-on{color:#c09853;background-color:#d2b877;border-color:#c09853;}
|
||||
form .clearfix.success>label,form .clearfix.success .help-block,form .clearfix.success .help-inline{color:#468847;}
|
||||
form .clearfix.success input,form .clearfix.success textarea{color:#468847;border-color:#57a957;}form .clearfix.success input:focus,form .clearfix.success textarea:focus{border-color:#458845;-webkit-box-shadow:0 0 6px #9acc9a;-moz-box-shadow:0 0 6px #9acc9a;box-shadow:0 0 6px #9acc9a;}
|
||||
form .clearfix.success .input-prepend .add-on,form .clearfix.success .input-append .add-on{color:#468847;background-color:#bcddbc;border-color:#468847;}
|
||||
.input-mini,input.mini,textarea.mini,select.mini{width:60px;}
|
||||
.input-small,input.small,textarea.small,select.small{width:90px;}
|
||||
.input-medium,input.medium,textarea.medium,select.medium{width:150px;}
|
||||
.input-large,input.large,textarea.large,select.large{width:210px;}
|
||||
.input-xlarge,input.xlarge,textarea.xlarge,select.xlarge{width:270px;}
|
||||
.input-xxlarge,input.xxlarge,textarea.xxlarge,select.xxlarge{width:530px;}
|
||||
textarea.xxlarge{overflow-y:auto;}
|
||||
input.span1,textarea.span1{display:inline-block;float:none;width:30px;margin-left:0;}
|
||||
input.span2,textarea.span2{display:inline-block;float:none;width:90px;margin-left:0;}
|
||||
input.span3,textarea.span3{display:inline-block;float:none;width:150px;margin-left:0;}
|
||||
input.span4,textarea.span4{display:inline-block;float:none;width:210px;margin-left:0;}
|
||||
input.span5,textarea.span5{display:inline-block;float:none;width:270px;margin-left:0;}
|
||||
input.span6,textarea.span6{display:inline-block;float:none;width:330px;margin-left:0;}
|
||||
input.span7,textarea.span7{display:inline-block;float:none;width:390px;margin-left:0;}
|
||||
input.span8,textarea.span8{display:inline-block;float:none;width:450px;margin-left:0;}
|
||||
input.span9,textarea.span9{display:inline-block;float:none;width:510px;margin-left:0;}
|
||||
input.span10,textarea.span10{display:inline-block;float:none;width:570px;margin-left:0;}
|
||||
input.span11,textarea.span11{display:inline-block;float:none;width:630px;margin-left:0;}
|
||||
input.span12,textarea.span12{display:inline-block;float:none;width:690px;margin-left:0;}
|
||||
input.span13,textarea.span13{display:inline-block;float:none;width:750px;margin-left:0;}
|
||||
input.span14,textarea.span14{display:inline-block;float:none;width:810px;margin-left:0;}
|
||||
input.span15,textarea.span15{display:inline-block;float:none;width:870px;margin-left:0;}
|
||||
input.span16,textarea.span16{display:inline-block;float:none;width:930px;margin-left:0;}
|
||||
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
|
||||
.actions{background:#f5f5f5;margin-top:18px;margin-bottom:18px;padding:17px 20px 18px 150px;border-top:1px solid #ddd;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.actions .secondary-action{float:right;}.actions .secondary-action a{line-height:30px;}.actions .secondary-action a:hover{text-decoration:underline;}
|
||||
.help-inline,.help-block{font-size:13px;line-height:18px;color:#bfbfbf;}
|
||||
.help-inline{padding-left:5px;*position:relative;*top:-5px;}
|
||||
.help-block{display:block;max-width:600px;}
|
||||
.inline-inputs{color:#808080;}.inline-inputs span{padding:0 2px 0 1px;}
|
||||
.input-prepend input,.input-append input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
|
||||
.input-prepend .add-on,.input-append .add-on{position:relative;background:#f5f5f5;border:1px solid #ccc;z-index:2;float:left;display:block;width:auto;min-width:16px;height:18px;padding:4px 4px 4px 5px;margin-right:-1px;font-weight:normal;line-height:18px;color:#bfbfbf;text-align:center;text-shadow:0 1px 0 #ffffff;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.input-prepend .active,.input-append .active{background:#a9dba9;border-color:#46a546;}
|
||||
.input-prepend .add-on{*margin-top:1px;}
|
||||
.input-append input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.input-append .add-on{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin-right:0;margin-left:-1px;}
|
||||
.inputs-list{margin:0 0 5px;width:100%;}.inputs-list li{display:block;padding:0;width:100%;}
|
||||
.inputs-list label{display:block;float:none;width:auto;padding:0;margin-left:20px;line-height:18px;text-align:left;white-space:normal;}.inputs-list label strong{color:#808080;}
|
||||
.inputs-list label small{font-size:11px;font-weight:normal;}
|
||||
.inputs-list .inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
|
||||
.inputs-list:first-child{padding-top:6px;}
|
||||
.inputs-list li+li{padding-top:2px;}
|
||||
.inputs-list input[type=radio],.inputs-list input[type=checkbox]{margin-bottom:0;margin-left:-20px;float:left;}
|
||||
.form-stacked{padding-left:20px;}.form-stacked fieldset{padding-top:9px;}
|
||||
.form-stacked legend{padding-left:0;}
|
||||
.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
|
||||
.form-stacked .clearfix{margin-bottom:9px;}.form-stacked .clearfix div.input{margin-left:0;}
|
||||
.form-stacked .inputs-list{margin-bottom:0;}.form-stacked .inputs-list li{padding-top:0;}.form-stacked .inputs-list li label{font-weight:normal;padding-top:0;}
|
||||
.form-stacked div.clearfix.error{padding-top:10px;padding-bottom:10px;padding-left:10px;margin-top:0;margin-left:-10px;}
|
||||
.form-stacked .actions{margin-left:-20px;padding-left:20px;}
|
||||
table{width:100%;margin-bottom:18px;padding:0;font-size:13px;border-collapse:collapse;}table th,table td{padding:10px 10px 9px;line-height:18px;text-align:left;}
|
||||
table th{padding-top:9px;font-weight:bold;vertical-align:middle;}
|
||||
table td{vertical-align:top;border-top:1px solid #ddd;}
|
||||
table tbody th{border-top:1px solid #ddd;vertical-align:top;}
|
||||
.condensed-table th,.condensed-table td{padding:5px 5px 4px;}
|
||||
.bordered-table{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.bordered-table th+th,.bordered-table td+td,.bordered-table th+td{border-left:1px solid #ddd;}
|
||||
.bordered-table thead tr:first-child th:first-child,.bordered-table tbody tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
|
||||
.bordered-table thead tr:first-child th:last-child,.bordered-table tbody tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
|
||||
.bordered-table tbody tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
|
||||
.bordered-table tbody tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
|
||||
table .span1{width:20px;}
|
||||
table .span2{width:60px;}
|
||||
table .span3{width:100px;}
|
||||
table .span4{width:140px;}
|
||||
table .span5{width:180px;}
|
||||
table .span6{width:220px;}
|
||||
table .span7{width:260px;}
|
||||
table .span8{width:300px;}
|
||||
table .span9{width:340px;}
|
||||
table .span10{width:380px;}
|
||||
table .span11{width:420px;}
|
||||
table .span12{width:460px;}
|
||||
table .span13{width:500px;}
|
||||
table .span14{width:540px;}
|
||||
table .span15{width:580px;}
|
||||
table .span16{width:620px;}
|
||||
.zebra-striped tbody tr:nth-child(odd) td,.zebra-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
|
||||
.zebra-striped tbody tr:hover td,.zebra-striped tbody tr:hover th{background-color:#f5f5f5;}
|
||||
table .header{cursor:pointer;}table .header:after{content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden;}
|
||||
table .headerSortUp,table .headerSortDown{background-color:rgba(141, 192, 219, 0.25);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
|
||||
table .header:hover:after{visibility:visible;}
|
||||
table .headerSortDown:after,table .headerSortDown:hover:after{visibility:visible;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
|
||||
table .headerSortUp:after{border-bottom:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
|
||||
table .blue{color:#049cdb;border-bottom-color:#049cdb;}
|
||||
table .headerSortUp.blue,table .headerSortDown.blue{background-color:#ade6fe;}
|
||||
table .green{color:#46a546;border-bottom-color:#46a546;}
|
||||
table .headerSortUp.green,table .headerSortDown.green{background-color:#cdeacd;}
|
||||
table .red{color:#9d261d;border-bottom-color:#9d261d;}
|
||||
table .headerSortUp.red,table .headerSortDown.red{background-color:#f4c8c5;}
|
||||
table .yellow{color:#ffc40d;border-bottom-color:#ffc40d;}
|
||||
table .headerSortUp.yellow,table .headerSortDown.yellow{background-color:#fff6d9;}
|
||||
table .orange{color:#f89406;border-bottom-color:#f89406;}
|
||||
table .headerSortUp.orange,table .headerSortDown.orange{background-color:#fee9cc;}
|
||||
table .purple{color:#7a43b6;border-bottom-color:#7a43b6;}
|
||||
table .headerSortUp.purple,table .headerSortDown.purple{background-color:#e2d5f0;}
|
||||
.topbar{height:40px;position:fixed;top:0;left:0;right:0;z-index:10000;overflow:visible;}.topbar a{color:#bfbfbf;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
|
||||
.topbar h3 a:hover,.topbar .brand:hover,.topbar ul .active>a{background-color:#333;background-color:rgba(255, 255, 255, 0.05);color:#ffffff;text-decoration:none;}
|
||||
.topbar h3{position:relative;}
|
||||
.topbar h3 a,.topbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;color:#ffffff;font-size:20px;font-weight:200;line-height:1;}
|
||||
.topbar p{margin:0;line-height:40px;}.topbar p a:hover{background-color:transparent;color:#ffffff;}
|
||||
.topbar form{float:left;margin:5px 0 0 0;position:relative;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
|
||||
.topbar form.pull-right{float:right;}
|
||||
.topbar input{background-color:#444;background-color:rgba(255, 255, 255, 0.3);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:normal;font-weight:13px;line-height:1;padding:4px 9px;color:#ffffff;color:rgba(255, 255, 255, 0.75);border:1px solid #111;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.topbar input:-moz-placeholder{color:#e6e6e6;}
|
||||
.topbar input::-webkit-input-placeholder{color:#e6e6e6;}
|
||||
.topbar input:hover{background-color:#bfbfbf;background-color:rgba(255, 255, 255, 0.5);color:#ffffff;}
|
||||
.topbar input:focus,.topbar input.focused{outline:0;background-color:#ffffff;color:#404040;text-shadow:0 1px 0 #ffffff;border:0;padding:5px 10px;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
|
||||
.topbar-inner,.topbar .fill{background-color:#222;background-color:#222222;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
|
||||
.topbar div>ul,.nav{display:block;float:left;margin:0 10px 0 0;position:relative;left:0;}.topbar div>ul>li,.nav>li{display:block;float:left;}
|
||||
.topbar div>ul a,.nav a{display:block;float:none;padding:10px 10px 11px;line-height:19px;text-decoration:none;}.topbar div>ul a:hover,.nav a:hover{color:#ffffff;text-decoration:none;}
|
||||
.topbar div>ul .active>a,.nav .active>a{background-color:#222;background-color:rgba(0, 0, 0, 0.5);}
|
||||
.topbar div>ul.secondary-nav,.nav.secondary-nav{float:right;margin-left:10px;margin-right:0;}.topbar div>ul.secondary-nav .menu-dropdown,.nav.secondary-nav .menu-dropdown,.topbar div>ul.secondary-nav .dropdown-menu,.nav.secondary-nav .dropdown-menu{right:0;border:0;}
|
||||
.topbar div>ul a.menu:hover,.nav a.menu:hover,.topbar div>ul li.open .menu,.nav li.open .menu,.topbar div>ul .dropdown-toggle:hover,.nav .dropdown-toggle:hover,.topbar div>ul .dropdown.open .dropdown-toggle,.nav .dropdown.open .dropdown-toggle{background:#444;background:rgba(255, 255, 255, 0.05);}
|
||||
.topbar div>ul .menu-dropdown,.nav .menu-dropdown,.topbar div>ul .dropdown-menu,.nav .dropdown-menu{background-color:#333;}.topbar div>ul .menu-dropdown a.menu,.nav .menu-dropdown a.menu,.topbar div>ul .dropdown-menu a.menu,.nav .dropdown-menu a.menu,.topbar div>ul .menu-dropdown .dropdown-toggle,.nav .menu-dropdown .dropdown-toggle,.topbar div>ul .dropdown-menu .dropdown-toggle,.nav .dropdown-menu .dropdown-toggle{color:#ffffff;}.topbar div>ul .menu-dropdown a.menu.open,.nav .menu-dropdown a.menu.open,.topbar div>ul .dropdown-menu a.menu.open,.nav .dropdown-menu a.menu.open,.topbar div>ul .menu-dropdown .dropdown-toggle.open,.nav .menu-dropdown .dropdown-toggle.open,.topbar div>ul .dropdown-menu .dropdown-toggle.open,.nav .dropdown-menu .dropdown-toggle.open{background:#444;background:rgba(255, 255, 255, 0.05);}
|
||||
.topbar div>ul .menu-dropdown li a,.nav .menu-dropdown li a,.topbar div>ul .dropdown-menu li a,.nav .dropdown-menu li a{color:#999;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}.topbar div>ul .menu-dropdown li a:hover,.nav .menu-dropdown li a:hover,.topbar div>ul .dropdown-menu li a:hover,.nav .dropdown-menu li a:hover{background-color:#191919;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));background-image:-moz-linear-gradient(top, #292929, #191919);background-image:-ms-linear-gradient(top, #292929, #191919);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));background-image:-webkit-linear-gradient(top, #292929, #191919);background-image:-o-linear-gradient(top, #292929, #191919);background-image:linear-gradient(top, #292929, #191919);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);color:#ffffff;}
|
||||
.topbar div>ul .menu-dropdown .active a,.nav .menu-dropdown .active a,.topbar div>ul .dropdown-menu .active a,.nav .dropdown-menu .active a{color:#ffffff;}
|
||||
.topbar div>ul .menu-dropdown .divider,.nav .menu-dropdown .divider,.topbar div>ul .dropdown-menu .divider,.nav .dropdown-menu .divider{background-color:#222;border-color:#444;}
|
||||
.topbar ul .menu-dropdown li a,.topbar ul .dropdown-menu li a{padding:4px 15px;}
|
||||
li.menu,.dropdown{position:relative;}
|
||||
a.menu:after,.dropdown-toggle:after{width:0;height:0;display:inline-block;content:"↓";text-indent:-99999px;vertical-align:top;margin-top:8px;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
|
||||
.menu-dropdown,.dropdown-menu{background-color:#ffffff;float:left;display:none;position:absolute;top:40px;z-index:900;min-width:160px;max-width:220px;_width:160px;margin-left:0;margin-right:0;padding:6px 0;zoom:1;border-color:#999;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:0 1px 1px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.menu-dropdown li,.dropdown-menu li{float:none;display:block;background-color:none;}
|
||||
.menu-dropdown .divider,.dropdown-menu .divider{height:1px;margin:5px 0;overflow:hidden;background-color:#eee;border-bottom:1px solid #ffffff;}
|
||||
.topbar .dropdown-menu a,.dropdown-menu a{display:block;padding:4px 15px;clear:both;font-weight:normal;line-height:18px;color:#808080;text-shadow:0 1px 0 #ffffff;}.topbar .dropdown-menu a:hover,.dropdown-menu a:hover,.topbar .dropdown-menu a.hover,.dropdown-menu a.hover{background-color:#dddddd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));background-image:-moz-linear-gradient(top, #eeeeee, #dddddd);background-image:-ms-linear-gradient(top, #eeeeee, #dddddd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));background-image:-webkit-linear-gradient(top, #eeeeee, #dddddd);background-image:-o-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(top, #eeeeee, #dddddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);color:#404040;text-decoration:none;-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);}
|
||||
.open .menu,.dropdown.open .menu,.open .dropdown-toggle,.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
||||
.open .menu-dropdown,.dropdown.open .menu-dropdown,.open .dropdown-menu,.dropdown.open .dropdown-menu{display:block;}
|
||||
.tabs,.pills{margin:0 0 18px;padding:0;list-style:none;zoom:1;}.tabs:before,.pills:before,.tabs:after,.pills:after{display:table;content:"";zoom:1;}
|
||||
.tabs:after,.pills:after{clear:both;}
|
||||
.tabs>li,.pills>li{float:left;}.tabs>li>a,.pills>li>a{display:block;}
|
||||
.tabs{border-color:#ddd;border-style:solid;border-width:0 0 1px;}.tabs>li{position:relative;margin-bottom:-1px;}.tabs>li>a{padding:0 15px;margin-right:2px;line-height:34px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.tabs>li>a:hover{text-decoration:none;background-color:#eee;border-color:#eee #eee #ddd;}
|
||||
.tabs .active>a,.tabs .active>a:hover{color:#808080;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
|
||||
.tabs .menu-dropdown,.tabs .dropdown-menu{top:35px;border-width:1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
|
||||
.tabs a.menu:after,.tabs .dropdown-toggle:after{border-top-color:#999;margin-top:15px;margin-left:5px;}
|
||||
.tabs li.open.menu .menu,.tabs .open.dropdown .dropdown-toggle{border-color:#999;}
|
||||
.tabs li.open a.menu:after,.tabs .dropdown.open .dropdown-toggle:after{border-top-color:#555;}
|
||||
.pills a{margin:5px 3px 5px 0;padding:0 15px;line-height:30px;text-shadow:0 1px 1px #ffffff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.pills a:hover{color:#ffffff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);background-color:#00438a;}
|
||||
.pills .active a{color:#ffffff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);background-color:#0069d6;}
|
||||
.pills-vertical>li{float:none;}
|
||||
.tab-content>.tab-pane,.pill-content>.pill-pane,.tab-content>div,.pill-content>div{display:none;}
|
||||
.tab-content>.active,.pill-content>.active{display:block;}
|
||||
.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#f5f5f5;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
|
||||
.breadcrumb .divider{padding:0 5px;color:#bfbfbf;}
|
||||
.breadcrumb .active a{color:#404040;}
|
||||
.hero-unit{background-color:#f5f5f5;margin-bottom:30px;padding:60px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
|
||||
.hero-unit p{font-size:18px;font-weight:200;line-height:27px;}
|
||||
footer{margin-top:17px;padding-top:17px;border-top:1px solid #eee;}
|
||||
.page-header{margin-bottom:17px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}.page-header h1{margin-bottom:8px;}
|
||||
.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}
|
||||
.btn .close,.alert-message .close{font-family:Arial,sans-serif;line-height:18px;}
|
||||
.btn.danger,.alert-message.danger,.btn.error,.alert-message.error{background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn.success,.alert-message.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn.info,.alert-message.info{background-color:#339bb9;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#339bb9 #339bb9 #22697d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;}
|
||||
.btn:focus{outline:1px dotted #666;}
|
||||
.btn.primary{color:#ffffff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn.active,.btn :active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.btn.large{font-size:15px;line-height:normal;padding:9px 14px 9px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
|
||||
.btn.small{padding:7px 9px 7px;font-size:11px;}
|
||||
:root .alert-message,:root .btn{border-radius:0 \0;}
|
||||
button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}
|
||||
.close{float:right;color:#000000;font-size:20px;font-weight:bold;line-height:13.5px;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}.close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;}
|
||||
.alert-message{position:relative;padding:7px 15px;margin-bottom:18px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);}.alert-message .close{margin-top:1px;*margin-top:0;}
|
||||
.alert-message a{font-weight:bold;color:#404040;}
|
||||
.alert-message.danger p a,.alert-message.error p a,.alert-message.success p a,.alert-message.info p a{color:#ffffff;}
|
||||
.alert-message h5{line-height:18px;}
|
||||
.alert-message p{margin-bottom:0;}
|
||||
.alert-message div{margin-top:5px;margin-bottom:2px;line-height:28px;}
|
||||
.alert-message .btn{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);}
|
||||
.alert-message.block-message{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);padding:14px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.alert-message.block-message ul,.alert-message.block-message p{margin-right:30px;}
|
||||
.alert-message.block-message ul{margin-bottom:0;}
|
||||
.alert-message.block-message li{color:#404040;}
|
||||
.alert-message.block-message .alert-actions{margin-top:5px;}
|
||||
.alert-message.block-message.error,.alert-message.block-message.success,.alert-message.block-message.info{color:#404040;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
||||
.alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6;}
|
||||
.alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf;}
|
||||
.alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9;}
|
||||
.alert-message.block-message.danger p a,.alert-message.block-message.error p a,.alert-message.block-message.success p a,.alert-message.block-message.info p a{color:#404040;}
|
||||
.pagination{height:36px;margin:18px 0;}.pagination ul{float:left;margin:0;border:1px solid #ddd;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.pagination li{display:inline;}
|
||||
.pagination a{float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0, 0, 0, 0.15);*border-right-color:#ddd;text-decoration:none;}
|
||||
.pagination a:hover,.pagination .active a{background-color:#c7eefe;}
|
||||
.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
|
||||
.pagination .next a{border:0;}
|
||||
.well{background-color:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-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);}
|
||||
.modal-backdrop{background-color:#000000;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;}.modal-backdrop.fade{opacity:0;}
|
||||
.modal-backdrop,.modal-backdrop.fade.in{filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}
|
||||
.modal{position:fixed;top:50%;left:50%;z-index:11000;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal .close{margin-top:7px;}
|
||||
.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
|
||||
.modal.fade.in{top:50%;}
|
||||
.modal-header{border-bottom:1px solid #eee;padding:5px 15px;}
|
||||
.modal-body{padding:15px;}
|
||||
.modal-body form{margin-bottom:0;}
|
||||
.modal-footer{background-color:#f5f5f5;padding:14px 15px 15px;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;zoom:1;margin-bottom:0;}.modal-footer:before,.modal-footer:after{display:table;content:"";zoom:1;}
|
||||
.modal-footer:after{clear:both;}
|
||||
.modal-footer .btn{float:right;margin-left:5px;}
|
||||
.modal .popover,.modal .twipsy{z-index:12000;}
|
||||
.twipsy{display:block;position:absolute;visibility:visible;padding:5px;font-size:11px;z-index:1000;filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}.twipsy.fade.in{filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}
|
||||
.twipsy.above .twipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
||||
.twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
||||
.twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
||||
.twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
||||
.twipsy-inner{padding:3px 8px;background-color:#000000;color:white;text-align:center;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.twipsy-arrow{position:absolute;width:0;height:0;}
|
||||
.popover{position:absolute;top:0;left:0;z-index:1000;padding:5px;display:none;}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
||||
.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
||||
.popover.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
||||
.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
||||
.popover .arrow{position:absolute;width:0;height:0;}
|
||||
.popover .inner{background:#000000;background:rgba(0, 0, 0, 0.8);padding:3px;overflow:hidden;width:280px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
|
||||
.popover .title{background-color:#f5f5f5;padding:9px 15px;line-height:1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee;}
|
||||
.popover .content{background-color:#ffffff;padding:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0;}
|
||||
.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
|
||||
.label{padding:1px 3px 2px;font-size:9.75px;font-weight:bold;color:#ffffff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.label.important{background-color:#c43c35;}
|
||||
.label.warning{background-color:#f89406;}
|
||||
.label.success{background-color:#46a546;}
|
||||
.label.notice{background-color:#62cffc;}
|
||||
.media-grid{margin-left:-20px;margin-bottom:0;zoom:1;}.media-grid:before,.media-grid:after{display:table;content:"";zoom:1;}
|
||||
.media-grid:after{clear:both;}
|
||||
.media-grid li{display:inline;}
|
||||
.media-grid a{float:left;padding:4px;margin:0 0 18px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
|
||||
.media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
|
||||
26
css/bootstrap/lib/bootstrap.less
vendored
26
css/bootstrap/lib/bootstrap.less
vendored
@@ -1,26 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap @VERSION
|
||||
*
|
||||
* Copyright 2011 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 @twitter by @mdo and @fat.
|
||||
* Date: @DATE
|
||||
*/
|
||||
|
||||
// CSS Reset
|
||||
@import "reset.less";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
|
||||
// Grid system and page structure
|
||||
@import "scaffolding.less";
|
||||
|
||||
// Styled patterns and elements
|
||||
@import "type.less";
|
||||
@import "forms.less";
|
||||
@import "tables.less";
|
||||
@import "patterns.less";
|
||||
@@ -1,479 +0,0 @@
|
||||
/* Forms.less
|
||||
* Base styles for various input types, form layouts, and states
|
||||
* ------------------------------------------------------------- */
|
||||
|
||||
|
||||
// FORM STYLES
|
||||
// -----------
|
||||
|
||||
form {
|
||||
margin-bottom: @baseline;
|
||||
}
|
||||
|
||||
// Groups of fields with labels on top (legends)
|
||||
fieldset {
|
||||
margin-bottom: @baseline;
|
||||
padding-top: @baseline;
|
||||
legend {
|
||||
display: block;
|
||||
padding-left: 150px;
|
||||
font-size: @basefont * 1.5;
|
||||
line-height: 1;
|
||||
color: @grayDark;
|
||||
*padding: 0 0 5px 145px; /* IE6-7 */
|
||||
*line-height: 1.5; /* IE6-7 */
|
||||
}
|
||||
}
|
||||
|
||||
// Parent element that clears floats and wraps labels and fields together
|
||||
form .clearfix {
|
||||
margin-bottom: @baseline;
|
||||
.clearfix()
|
||||
}
|
||||
|
||||
// Set font for forms
|
||||
label,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
#font > .sans-serif(normal,13px,normal);
|
||||
}
|
||||
|
||||
// Float labels left
|
||||
label {
|
||||
padding-top: 6px;
|
||||
font-size: @basefont;
|
||||
line-height: @baseline;
|
||||
float: left;
|
||||
width: 130px;
|
||||
text-align: right;
|
||||
color: @grayDark;
|
||||
}
|
||||
|
||||
// Shift over the inside div to align all label's relevant content
|
||||
form .input {
|
||||
margin-left: 150px;
|
||||
}
|
||||
|
||||
// Checkboxs and radio buttons
|
||||
input[type=checkbox],
|
||||
input[type=radio] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
// Inputs, Textareas, Selects
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
width: 210px;
|
||||
height: @baseline;
|
||||
padding: 4px;
|
||||
font-size: @basefont;
|
||||
line-height: @baseline;
|
||||
color: @gray;
|
||||
border: 1px solid #ccc;
|
||||
.border-radius(3px);
|
||||
}
|
||||
|
||||
// remove padding from select
|
||||
select {
|
||||
padding: initial;
|
||||
}
|
||||
|
||||
// mini reset for non-html5 file types
|
||||
input[type=checkbox],
|
||||
input[type=radio] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
margin: 3px 0;
|
||||
*margin-top: 0; /* IE6-7 */
|
||||
line-height: normal;
|
||||
border: none;
|
||||
}
|
||||
|
||||
input[type=file] {
|
||||
background-color: @white;
|
||||
padding: initial;
|
||||
border: initial;
|
||||
line-height: initial;
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
input[type=button],
|
||||
input[type=reset],
|
||||
input[type=submit] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
select,
|
||||
input[type=file] {
|
||||
height: @baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size
|
||||
*height: auto; // Reset for IE7
|
||||
line-height: @baseline * 1.5;
|
||||
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
|
||||
}
|
||||
|
||||
// Make multiple select elements height not fixed
|
||||
select[multiple] {
|
||||
height: inherit;
|
||||
background-color: @white; // Fixes Chromium bug of unreadable items
|
||||
}
|
||||
|
||||
textarea {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// For text that needs to appear as an input but should not be an input
|
||||
.uneditable-input {
|
||||
background-color: @white;
|
||||
display: block;
|
||||
border-color: #eee;
|
||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// Placeholder text gets special styles; can't be bundled together though for some reason
|
||||
:-moz-placeholder {
|
||||
color: @grayLight;
|
||||
}
|
||||
::-webkit-input-placeholder {
|
||||
color: @grayLight;
|
||||
}
|
||||
|
||||
// Focus states
|
||||
input,
|
||||
textarea {
|
||||
@transition: border linear .2s, box-shadow linear .2s;
|
||||
.transition(@transition);
|
||||
.box-shadow(inset 0 1px 3px rgba(0,0,0,.1));
|
||||
}
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
outline: 0;
|
||||
border-color: rgba(82,168,236,.8);
|
||||
@shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
|
||||
.box-shadow(@shadow);
|
||||
}
|
||||
input[type=file]:focus,
|
||||
input[type=checkbox]:focus,
|
||||
select:focus {
|
||||
.box-shadow(none); // override for file inputs
|
||||
outline: 1px dotted #666; // Selet elements don't get box-shadow styles, so instead we do outline
|
||||
}
|
||||
|
||||
|
||||
// FORM FIELD FEEDBACK STATES
|
||||
// --------------------------
|
||||
|
||||
// Mixin for form field states
|
||||
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
||||
// Set the text color
|
||||
> label,
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: @textColor;
|
||||
}
|
||||
// Style inputs accordingly
|
||||
input,
|
||||
textarea {
|
||||
color: @textColor;
|
||||
border-color: @borderColor;
|
||||
&:focus {
|
||||
border-color: darken(@borderColor, 10%);
|
||||
.box-shadow(0 0 6px lighten(@borderColor, 20%));
|
||||
}
|
||||
}
|
||||
// Give a small background color for input-prepend/-append
|
||||
.input-prepend .add-on,
|
||||
.input-append .add-on {
|
||||
color: @textColor;
|
||||
background-color: @backgroundColor;
|
||||
border-color: @textColor;
|
||||
}
|
||||
}
|
||||
// Error
|
||||
form .clearfix.error {
|
||||
.formFieldState(#b94a48, #ee5f5b, lighten(#ee5f5b, 30%));
|
||||
}
|
||||
// Warning
|
||||
form .clearfix.warning {
|
||||
.formFieldState(#c09853, #ccae64, lighten(#CCAE64, 5%));
|
||||
}
|
||||
// Success
|
||||
form .clearfix.success {
|
||||
.formFieldState(#468847, #57a957, lighten(#57a957, 30%));
|
||||
}
|
||||
|
||||
|
||||
// Form element sizes
|
||||
// TODO v2: remove duplication here and just stick to .input-[size] in light of adding .spanN sizes
|
||||
.input-mini,
|
||||
input.mini,
|
||||
textarea.mini,
|
||||
select.mini {
|
||||
width: 60px;
|
||||
}
|
||||
.input-small,
|
||||
input.small,
|
||||
textarea.small,
|
||||
select.small {
|
||||
width: 90px;
|
||||
}
|
||||
.input-medium,
|
||||
input.medium,
|
||||
textarea.medium,
|
||||
select.medium {
|
||||
width: 150px;
|
||||
}
|
||||
.input-large,
|
||||
input.large,
|
||||
textarea.large,
|
||||
select.large {
|
||||
width: 210px;
|
||||
}
|
||||
.input-xlarge,
|
||||
input.xlarge,
|
||||
textarea.xlarge,
|
||||
select.xlarge {
|
||||
width: 270px;
|
||||
}
|
||||
.input-xxlarge,
|
||||
input.xxlarge,
|
||||
textarea.xxlarge,
|
||||
select.xxlarge {
|
||||
width: 530px;
|
||||
}
|
||||
textarea.xxlarge {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
// Grid style input sizes
|
||||
// This is a duplication of the main grid .columns() mixin, but subtracts 10px to account for input padding and border
|
||||
.formColumns(@columnSpan: 1) {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 10;
|
||||
margin-left: 0;
|
||||
}
|
||||
input,
|
||||
textarea {
|
||||
// Default columns
|
||||
&.span1 { .formColumns(1); }
|
||||
&.span2 { .formColumns(2); }
|
||||
&.span3 { .formColumns(3); }
|
||||
&.span4 { .formColumns(4); }
|
||||
&.span5 { .formColumns(5); }
|
||||
&.span6 { .formColumns(6); }
|
||||
&.span7 { .formColumns(7); }
|
||||
&.span8 { .formColumns(8); }
|
||||
&.span9 { .formColumns(9); }
|
||||
&.span10 { .formColumns(10); }
|
||||
&.span11 { .formColumns(11); }
|
||||
&.span12 { .formColumns(12); }
|
||||
&.span13 { .formColumns(13); }
|
||||
&.span14 { .formColumns(14); }
|
||||
&.span15 { .formColumns(15); }
|
||||
&.span16 { .formColumns(16); }
|
||||
}
|
||||
|
||||
// Disabled and read-only inputs
|
||||
input[disabled],
|
||||
select[disabled],
|
||||
textarea[disabled],
|
||||
input[readonly],
|
||||
select[readonly],
|
||||
textarea[readonly] {
|
||||
background-color: #f5f5f5;
|
||||
border-color: #ddd;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// Actions (the buttons)
|
||||
.actions {
|
||||
background: #f5f5f5;
|
||||
margin-top: @baseline;
|
||||
margin-bottom: @baseline;
|
||||
padding: (@baseline - 1) 20px @baseline 150px;
|
||||
border-top: 1px solid #ddd;
|
||||
.border-radius(0 0 3px 3px);
|
||||
.secondary-action {
|
||||
float: right;
|
||||
a {
|
||||
line-height: 30px;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Help Text
|
||||
// TODO: Do we need to set basefont and baseline here?
|
||||
.help-inline,
|
||||
.help-block {
|
||||
font-size: @basefont;
|
||||
line-height: @baseline;
|
||||
color: @grayLight;
|
||||
}
|
||||
.help-inline {
|
||||
padding-left: 5px;
|
||||
*position: relative; /* IE6-7 */
|
||||
*top: -5px; /* IE6-7 */
|
||||
}
|
||||
|
||||
// Big blocks of help text
|
||||
.help-block {
|
||||
display: block;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
// Inline Fields (input fields that appear as inline objects
|
||||
.inline-inputs {
|
||||
color: @gray;
|
||||
span {
|
||||
padding: 0 2px 0 1px;
|
||||
}
|
||||
}
|
||||
|
||||
// Allow us to put symbols and text within the input field for a cleaner look
|
||||
.input-prepend,
|
||||
.input-append {
|
||||
input {
|
||||
.border-radius(0 3px 3px 0);
|
||||
}
|
||||
.add-on {
|
||||
position: relative;
|
||||
background: #f5f5f5;
|
||||
border: 1px solid #ccc;
|
||||
z-index: 2;
|
||||
float: left;
|
||||
display: block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
height: 18px;
|
||||
padding: 4px 4px 4px 5px;
|
||||
margin-right: -1px;
|
||||
font-weight: normal;
|
||||
line-height: 18px;
|
||||
color: @grayLight;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.active {
|
||||
background: lighten(@green, 30);
|
||||
border-color: @green;
|
||||
}
|
||||
}
|
||||
.input-prepend {
|
||||
.add-on {
|
||||
*margin-top: 1px; /* IE6-7 */
|
||||
}
|
||||
}
|
||||
.input-append {
|
||||
input {
|
||||
float: left;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.add-on {
|
||||
.border-radius(0 3px 3px 0);
|
||||
margin-right: 0;
|
||||
margin-left: -1px;
|
||||
}
|
||||
}
|
||||
|
||||
// Stacked options for forms (radio buttons or checkboxes)
|
||||
.inputs-list {
|
||||
margin: 0 0 5px;
|
||||
width: 100%;
|
||||
li {
|
||||
display: block;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
margin-left: 20px;
|
||||
line-height: @baseline;
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
strong {
|
||||
color: @gray;
|
||||
}
|
||||
small {
|
||||
font-size: @basefont - 2;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
.inputs-list {
|
||||
margin-left: 25px;
|
||||
margin-bottom: 10px;
|
||||
padding-top: 0;
|
||||
}
|
||||
&:first-child {
|
||||
padding-top: 6px;
|
||||
}
|
||||
li + li {
|
||||
padding-top: 2px;
|
||||
}
|
||||
input[type=radio],
|
||||
input[type=checkbox] {
|
||||
margin-bottom: 0;
|
||||
margin-left: -20px;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
// Stacked forms
|
||||
.form-stacked {
|
||||
padding-left: 20px;
|
||||
fieldset {
|
||||
padding-top: @baseline / 2;
|
||||
}
|
||||
legend {
|
||||
padding-left: 0;
|
||||
}
|
||||
label {
|
||||
display: block;
|
||||
float: none;
|
||||
width: auto;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
line-height: 20px;
|
||||
padding-top: 0;
|
||||
}
|
||||
.clearfix {
|
||||
margin-bottom: @baseline / 2;
|
||||
div.input {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
.inputs-list {
|
||||
margin-bottom: 0;
|
||||
li {
|
||||
padding-top: 0;
|
||||
label {
|
||||
font-weight: normal;
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.clearfix.error {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 10px;
|
||||
margin-top: 0;
|
||||
margin-left: -10px;
|
||||
}
|
||||
.actions {
|
||||
margin-left: -20px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
}
|
||||
@@ -1,222 +0,0 @@
|
||||
/* Mixins.less
|
||||
* Snippets of reusable CSS to develop faster and keep code readable
|
||||
* ----------------------------------------------------------------- */
|
||||
|
||||
|
||||
// Clearfix for clearing floats like a boss h5bp.com/q
|
||||
.clearfix() {
|
||||
zoom: 1;
|
||||
&:before,
|
||||
&:after {
|
||||
display: table;
|
||||
content: "";
|
||||
zoom: 1;
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Center-align a block level element
|
||||
.center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// Sizing shortcuts
|
||||
.size(@height: 5px, @width: 5px) {
|
||||
height: @height;
|
||||
width: @width;
|
||||
}
|
||||
.square(@size: 5px) {
|
||||
.size(@size, @size);
|
||||
}
|
||||
|
||||
// Input placeholder text
|
||||
.placeholder(@color: @grayLight) {
|
||||
:-moz-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// Font Stacks
|
||||
#font {
|
||||
.shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
.sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
.serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
||||
font-family: "Georgia", Times New Roman, Times, serif;
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
.monospace(@weight: normal, @size: 12px, @lineHeight: 20px) {
|
||||
font-family: "Monaco", Courier New, monospace;
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
}
|
||||
|
||||
// Grid System
|
||||
.fixed-container() {
|
||||
width: @siteWidth;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
.clearfix();
|
||||
}
|
||||
.columns(@columnSpan: 1) {
|
||||
width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
|
||||
}
|
||||
.offset(@columnOffset: 1) {
|
||||
margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace;
|
||||
}
|
||||
// Necessary grid styles for every column to make them appear next to each other horizontally
|
||||
.gridColumn() {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
// makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something
|
||||
.makeColumn(@columnSpan: 1) {
|
||||
.gridColumn();
|
||||
.columns(@columnSpan);
|
||||
}
|
||||
|
||||
// Border Radius
|
||||
.border-radius(@radius: 5px) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
||||
-webkit-box-shadow: @shadow;
|
||||
-moz-box-shadow: @shadow;
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
-moz-transition: @transition;
|
||||
-ms-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
|
||||
// Background clipping
|
||||
.background-clip(@clip) {
|
||||
-webkit-background-clip: @clip;
|
||||
-moz-background-clip: @clip;
|
||||
background-clip: @clip;
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
.content-columns(@columnCount, @columnGap: 20px) {
|
||||
-webkit-column-count: @columnCount;
|
||||
-moz-column-count: @columnCount;
|
||||
column-count: @columnCount;
|
||||
-webkit-column-gap: @columnGap;
|
||||
-moz-column-gap: @columnGap;
|
||||
column-gap: @columnGap;
|
||||
}
|
||||
|
||||
// Make any element resizable for prototyping
|
||||
.resizable(@direction: both) {
|
||||
resize: @direction; // Options are horizontal, vertical, both
|
||||
overflow: auto; // Safari fix
|
||||
}
|
||||
|
||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||
#translucent {
|
||||
.background(@color: @white, @alpha: 1) {
|
||||
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
}
|
||||
.border(@color: @white, @alpha: 1) {
|
||||
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
}
|
||||
|
||||
// Gradient Bar Colors for buttons and allerts
|
||||
.gradientBar(@primaryColor, @secondaryColor) {
|
||||
#gradient > .vertical(@primaryColor, @secondaryColor);
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
||||
}
|
||||
|
||||
// Gradients
|
||||
#gradient {
|
||||
.horizontal (@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror
|
||||
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(left, @startColor, @endColor); // Le standard
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
|
||||
}
|
||||
.vertical (@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
|
||||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
|
||||
}
|
||||
.directional (@startColor: #555, @endColor: #333, @deg: 45deg) {
|
||||
background-color: @endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
|
||||
}
|
||||
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||
background-color: @endColor;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
}
|
||||
|
||||
// Reset filters for IE
|
||||
.reset-filter() {
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity(@opacity: 100) {
|
||||
filter: e(%("alpha(opacity=%d)", @opacity));
|
||||
-khtml-opacity: @opacity / 100;
|
||||
-moz-opacity: @opacity / 100;
|
||||
opacity: @opacity / 100;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,18 +0,0 @@
|
||||
/*!
|
||||
* Bootstrap @VERSION for Print
|
||||
*
|
||||
* Copyright 2012 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 @twitter by @mdo and @fat.
|
||||
* Date: @DATE
|
||||
*/
|
||||
|
||||
|
||||
// HIDE UNECESSARY COMPONENTS
|
||||
// --------------------------
|
||||
|
||||
.navbar-fixed {
|
||||
display: none;
|
||||
}
|
||||
@@ -1,137 +0,0 @@
|
||||
/*
|
||||
* Scaffolding
|
||||
* Basic and global styles for generating a grid system, structural layout, and page templates
|
||||
* ------------------------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// STRUCTURAL LAYOUT
|
||||
// -----------------
|
||||
|
||||
body {
|
||||
background-color: @white;
|
||||
margin: 0;
|
||||
#font > .sans-serif(normal,@basefont,@baseline);
|
||||
color: @grayDark;
|
||||
}
|
||||
|
||||
// Container (centered, fixed-width layouts)
|
||||
.container {
|
||||
.fixed-container();
|
||||
}
|
||||
|
||||
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
||||
.container-fluid {
|
||||
position: relative;
|
||||
min-width: 940px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
.clearfix();
|
||||
> .sidebar {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 20px;
|
||||
width: 220px;
|
||||
}
|
||||
// TODO in v2: rename this and .popover .content to be more specific
|
||||
> .content {
|
||||
margin-left: 240px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// BASE STYLES
|
||||
// -----------
|
||||
|
||||
// Links
|
||||
a {
|
||||
color: @linkColor;
|
||||
text-decoration: none;
|
||||
line-height: inherit;
|
||||
font-weight: inherit;
|
||||
&:hover {
|
||||
color: @linkColorHover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
// Quick floats
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
// Toggling content
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
.show {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
// GRID SYSTEM
|
||||
// -----------
|
||||
// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
|
||||
|
||||
.row {
|
||||
.clearfix();
|
||||
margin-left: -@gridGutterWidth;
|
||||
}
|
||||
|
||||
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
|
||||
// Credit to @dhg for the idea
|
||||
.row > [class*="span"] {
|
||||
.gridColumn();
|
||||
}
|
||||
|
||||
// Default columns
|
||||
.span1 { .columns(1); }
|
||||
.span2 { .columns(2); }
|
||||
.span3 { .columns(3); }
|
||||
.span4 { .columns(4); }
|
||||
.span5 { .columns(5); }
|
||||
.span6 { .columns(6); }
|
||||
.span7 { .columns(7); }
|
||||
.span8 { .columns(8); }
|
||||
.span9 { .columns(9); }
|
||||
.span10 { .columns(10); }
|
||||
.span11 { .columns(11); }
|
||||
.span12 { .columns(12); }
|
||||
.span13 { .columns(13); }
|
||||
.span14 { .columns(14); }
|
||||
.span15 { .columns(15); }
|
||||
.span16 { .columns(16); }
|
||||
|
||||
// For optional 24-column grid
|
||||
.span17 { .columns(17); }
|
||||
.span18 { .columns(18); }
|
||||
.span19 { .columns(19); }
|
||||
.span20 { .columns(20); }
|
||||
.span21 { .columns(21); }
|
||||
.span22 { .columns(22); }
|
||||
.span23 { .columns(23); }
|
||||
.span24 { .columns(24); }
|
||||
|
||||
// Offset column options
|
||||
.row {
|
||||
> .offset1 { .offset(1); }
|
||||
> .offset2 { .offset(2); }
|
||||
> .offset3 { .offset(3); }
|
||||
> .offset4 { .offset(4); }
|
||||
> .offset5 { .offset(5); }
|
||||
> .offset6 { .offset(6); }
|
||||
> .offset7 { .offset(7); }
|
||||
> .offset8 { .offset(8); }
|
||||
> .offset9 { .offset(9); }
|
||||
> .offset10 { .offset(10); }
|
||||
> .offset11 { .offset(11); }
|
||||
> .offset12 { .offset(12); }
|
||||
}
|
||||
|
||||
// Unique column sizes for 16-column grid
|
||||
.span-one-third { width: 300px; }
|
||||
.span-two-thirds { width: 620px; }
|
||||
.offset-one-third { margin-left: 340px; }
|
||||
.offset-two-thirds { margin-left: 660px; }
|
||||
@@ -1,224 +0,0 @@
|
||||
/*
|
||||
* Tables.less
|
||||
* Tables for, you guessed it, tabular data
|
||||
* ---------------------------------------- */
|
||||
|
||||
|
||||
// BASELINE STYLES
|
||||
// ---------------
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
margin-bottom: @baseline;
|
||||
padding: 0;
|
||||
font-size: @basefont;
|
||||
border-collapse: collapse;
|
||||
th,
|
||||
td {
|
||||
padding: 10px 10px 9px;
|
||||
line-height: @baseline;
|
||||
text-align: left;
|
||||
}
|
||||
th {
|
||||
padding-top: 9px;
|
||||
font-weight: bold;
|
||||
vertical-align: middle;
|
||||
}
|
||||
td {
|
||||
vertical-align: top;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
// When scoped to row, fix th in tbody
|
||||
tbody th {
|
||||
border-top: 1px solid #ddd;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// CONDENSED VERSION
|
||||
// -----------------
|
||||
.condensed-table {
|
||||
th,
|
||||
td {
|
||||
padding: 5px 5px 4px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// BORDERED VERSION
|
||||
// ----------------
|
||||
|
||||
.bordered-table {
|
||||
border: 1px solid #ddd;
|
||||
border-collapse: separate; // Done so we can round those corners!
|
||||
*border-collapse: collapse; /* IE7, collapse table to remove spacing */
|
||||
.border-radius(4px);
|
||||
th + th,
|
||||
td + td,
|
||||
th + td {
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
thead tr:first-child th:first-child,
|
||||
tbody tr:first-child td:first-child {
|
||||
.border-radius(4px 0 0 0);
|
||||
}
|
||||
thead tr:first-child th:last-child,
|
||||
tbody tr:first-child td:last-child {
|
||||
.border-radius(0 4px 0 0);
|
||||
}
|
||||
tbody tr:last-child td:first-child {
|
||||
.border-radius(0 0 0 4px);
|
||||
}
|
||||
tbody tr:last-child td:last-child {
|
||||
.border-radius(0 0 4px 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// TABLE CELL SIZES
|
||||
// ----------------
|
||||
|
||||
// This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
|
||||
.tableColumns(@columnSpan: 1) {
|
||||
width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1));
|
||||
}
|
||||
table {
|
||||
// Default columns
|
||||
.span1 { .tableColumns(1); }
|
||||
.span2 { .tableColumns(2); }
|
||||
.span3 { .tableColumns(3); }
|
||||
.span4 { .tableColumns(4); }
|
||||
.span5 { .tableColumns(5); }
|
||||
.span6 { .tableColumns(6); }
|
||||
.span7 { .tableColumns(7); }
|
||||
.span8 { .tableColumns(8); }
|
||||
.span9 { .tableColumns(9); }
|
||||
.span10 { .tableColumns(10); }
|
||||
.span11 { .tableColumns(11); }
|
||||
.span12 { .tableColumns(12); }
|
||||
.span13 { .tableColumns(13); }
|
||||
.span14 { .tableColumns(14); }
|
||||
.span15 { .tableColumns(15); }
|
||||
.span16 { .tableColumns(16); }
|
||||
}
|
||||
|
||||
|
||||
// ZEBRA-STRIPING
|
||||
// --------------
|
||||
|
||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
||||
.zebra-striped {
|
||||
tbody {
|
||||
tr:nth-child(odd) td,
|
||||
tr:nth-child(odd) th {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
tr:hover td,
|
||||
tr:hover th {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
table {
|
||||
// Tablesorting styles w/ jQuery plugin
|
||||
.header {
|
||||
cursor: pointer;
|
||||
&:after {
|
||||
content: "";
|
||||
float: right;
|
||||
margin-top: 7px;
|
||||
border-width: 0 4px 4px;
|
||||
border-style: solid;
|
||||
border-color: #000 transparent;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
// Style the sorted column headers (THs)
|
||||
.headerSortUp,
|
||||
.headerSortDown {
|
||||
background-color: rgba(141,192,219,.25);
|
||||
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
||||
}
|
||||
// Style the ascending (reverse alphabetical) column header
|
||||
.header:hover {
|
||||
&:after {
|
||||
visibility:visible;
|
||||
}
|
||||
}
|
||||
// Style the descending (alphabetical) column header
|
||||
.headerSortDown,
|
||||
.headerSortDown:hover {
|
||||
&:after {
|
||||
visibility:visible;
|
||||
.opacity(60);
|
||||
}
|
||||
}
|
||||
// Style the ascending (reverse alphabetical) column header
|
||||
.headerSortUp {
|
||||
&:after {
|
||||
border-bottom: none;
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-top: 4px solid #000;
|
||||
visibility:visible;
|
||||
.box-shadow(none); //can't add boxshadow to downward facing arrow :(
|
||||
.opacity(60);
|
||||
}
|
||||
}
|
||||
// Blue Table Headings
|
||||
.blue {
|
||||
color: @blue;
|
||||
border-bottom-color: @blue;
|
||||
}
|
||||
.headerSortUp.blue,
|
||||
.headerSortDown.blue {
|
||||
background-color: lighten(@blue, 40%);
|
||||
}
|
||||
// Green Table Headings
|
||||
.green {
|
||||
color: @green;
|
||||
border-bottom-color: @green;
|
||||
}
|
||||
.headerSortUp.green,
|
||||
.headerSortDown.green {
|
||||
background-color: lighten(@green, 40%);
|
||||
}
|
||||
// Red Table Headings
|
||||
.red {
|
||||
color: @red;
|
||||
border-bottom-color: @red;
|
||||
}
|
||||
.headerSortUp.red,
|
||||
.headerSortDown.red {
|
||||
background-color: lighten(@red, 50%);
|
||||
}
|
||||
// Yellow Table Headings
|
||||
.yellow {
|
||||
color: @yellow;
|
||||
border-bottom-color: @yellow;
|
||||
}
|
||||
.headerSortUp.yellow,
|
||||
.headerSortDown.yellow {
|
||||
background-color: lighten(@yellow, 40%);
|
||||
}
|
||||
// Orange Table Headings
|
||||
.orange {
|
||||
color: @orange;
|
||||
border-bottom-color: @orange;
|
||||
}
|
||||
.headerSortUp.orange,
|
||||
.headerSortDown.orange {
|
||||
background-color: lighten(@orange, 40%);
|
||||
}
|
||||
// Purple Table Headings
|
||||
.purple {
|
||||
color: @purple;
|
||||
border-bottom-color: @purple;
|
||||
}
|
||||
.headerSortUp.purple,
|
||||
.headerSortDown.purple {
|
||||
background-color: lighten(@purple, 40%);
|
||||
}
|
||||
}
|
||||
@@ -1,187 +0,0 @@
|
||||
/* Typography.less
|
||||
* Headings, body text, lists, code, and more for a versatile and durable typography system
|
||||
* ---------------------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// BODY TEXT
|
||||
// ---------
|
||||
|
||||
p {
|
||||
#font > .shorthand(normal,@basefont,@baseline);
|
||||
margin-bottom: @baseline / 2;
|
||||
small {
|
||||
font-size: @basefont - 2;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// HEADINGS
|
||||
// --------
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: bold;
|
||||
color: @grayDark;
|
||||
small {
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
margin-bottom: @baseline;
|
||||
font-size: 30px;
|
||||
line-height: @baseline * 2;
|
||||
small {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
line-height: @baseline * 2;
|
||||
small {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
h3, h4, h5, h6 {
|
||||
line-height: @baseline * 2;
|
||||
}
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
small {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
small {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 13px;
|
||||
color: @grayLight;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
// COLORS
|
||||
// ------
|
||||
|
||||
// Unordered and Ordered lists
|
||||
ul, ol {
|
||||
margin: 0 0 @baseline 25px;
|
||||
}
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
li {
|
||||
line-height: @baseline;
|
||||
color: @gray;
|
||||
}
|
||||
ul.unstyled {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
// Description Lists
|
||||
dl {
|
||||
margin-bottom: @baseline;
|
||||
dt, dd {
|
||||
line-height: @baseline;
|
||||
}
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dd {
|
||||
margin-left: @baseline / 2;
|
||||
}
|
||||
}
|
||||
|
||||
// MISC
|
||||
// ----
|
||||
|
||||
// Horizontal rules
|
||||
hr {
|
||||
margin: 20px 0 19px;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
// Emphasis
|
||||
strong {
|
||||
font-style: inherit;
|
||||
font-weight: bold;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
.muted {
|
||||
color: @grayLight;
|
||||
}
|
||||
|
||||
// Blockquotes
|
||||
blockquote {
|
||||
margin-bottom: @baseline;
|
||||
border-left: 5px solid #eee;
|
||||
padding-left: 15px;
|
||||
p {
|
||||
#font > .shorthand(300,14px,@baseline);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
small {
|
||||
display: block;
|
||||
#font > .shorthand(300,12px,@baseline);
|
||||
color: @grayLight;
|
||||
&:before {
|
||||
content: '\2014 \00A0';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Addresses
|
||||
address {
|
||||
display: block;
|
||||
line-height: @baseline;
|
||||
margin-bottom: @baseline;
|
||||
}
|
||||
|
||||
// Inline and block code styles
|
||||
code, pre {
|
||||
padding: 0 3px 2px;
|
||||
font-family: Monaco, Andale Mono, Courier New, monospace;
|
||||
font-size: 12px;
|
||||
.border-radius(3px);
|
||||
}
|
||||
code {
|
||||
background-color: lighten(@orange, 40%);
|
||||
color: rgba(0,0,0,.75);
|
||||
padding: 1px 3px;
|
||||
}
|
||||
pre {
|
||||
background-color: #f5f5f5;
|
||||
display: block;
|
||||
padding: (@baseline - 1) / 2;
|
||||
margin: 0 0 @baseline;
|
||||
line-height: @baseline;
|
||||
font-size: 12px;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0,0,0,.15);
|
||||
.border-radius(3px);
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
|
||||
}
|
||||
@@ -1,60 +0,0 @@
|
||||
/* Variables.less
|
||||
* Variables to customize the look and feel of Bootstrap
|
||||
* ----------------------------------------------------- */
|
||||
|
||||
|
||||
// Links
|
||||
@linkColor: #0069d6;
|
||||
@linkColorHover: darken(@linkColor, 15);
|
||||
|
||||
// Grays
|
||||
@black: #000;
|
||||
@grayDark: lighten(@black, 25%);
|
||||
@gray: lighten(@black, 50%);
|
||||
@grayLight: lighten(@black, 75%);
|
||||
@grayLighter: lighten(@black, 90%);
|
||||
@white: #fff;
|
||||
|
||||
// Accent Colors
|
||||
@blue: #049CDB;
|
||||
@blueDark: #0064CD;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
// Baseline grid
|
||||
@basefont: 13px;
|
||||
@baseline: 18px;
|
||||
|
||||
// Griditude
|
||||
// Modify the grid styles in mixins.less
|
||||
@gridColumns: 16;
|
||||
@gridColumnWidth: 40px;
|
||||
@gridGutterWidth: 20px;
|
||||
@extraSpace: (@gridGutterWidth * 2); // For our grid calculations
|
||||
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||
|
||||
// Color Scheme
|
||||
// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
|
||||
@baseColor: @blue; // Set a base color
|
||||
@complement: spin(@baseColor, 180); // Determine a complementary color
|
||||
@split1: spin(@baseColor, 158); // Split complements
|
||||
@split2: spin(@baseColor, -158);
|
||||
@triad1: spin(@baseColor, 135); // Triads colors
|
||||
@triad2: spin(@baseColor, -135);
|
||||
@tetra1: spin(@baseColor, 90); // Tetra colors
|
||||
@tetra2: spin(@baseColor, -90);
|
||||
@analog1: spin(@baseColor, 22); // Analogs colors
|
||||
@analog2: spin(@baseColor, -22);
|
||||
|
||||
|
||||
|
||||
// More variables coming soon:
|
||||
// - @basefont to @baseFontSize
|
||||
// - @baseline to @baseLineHeight
|
||||
// - @baseFontFamily
|
||||
// - @primaryButtonColor
|
||||
// - anything else? File an issue on GitHub
|
||||
@@ -1,33 +0,0 @@
|
||||
/* Artfully masterminded by ZURB */
|
||||
|
||||
/* --------------------------------------------------
|
||||
Table of Contents
|
||||
-----------------------------------------------------
|
||||
:: Shared Styles
|
||||
:: Page Name 1
|
||||
:: Page Name 2
|
||||
*/
|
||||
|
||||
|
||||
/* -----------------------------------------
|
||||
Shared Styles
|
||||
----------------------------------------- */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* -----------------------------------------
|
||||
Page Name 1
|
||||
----------------------------------------- */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* -----------------------------------------
|
||||
Page Name 2
|
||||
----------------------------------------- */
|
||||
|
||||
|
||||
@@ -1,83 +0,0 @@
|
||||
/* Artfully masterminded by ZURB
|
||||
|
||||
Make sure to include the app.js if you are going to use inline label inputs
|
||||
*/
|
||||
|
||||
|
||||
/* -----------------------------------------
|
||||
Standard Forms
|
||||
----------------------------------------- */
|
||||
|
||||
form { margin: 0 0 18px; }
|
||||
form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }
|
||||
|
||||
input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
|
||||
input.input-text, textarea, select { display: block; margin-bottom: 9px; }
|
||||
label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }
|
||||
|
||||
/* Text input and textarea font and padding */
|
||||
input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; outline: none !important; background: #fff; }
|
||||
input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
|
||||
input.input-text:focus, textarea:focus { background: #f9f9f9; }
|
||||
|
||||
/* Inlined Label Style */
|
||||
input.placeholder, textarea.placeholder { color: #888; }
|
||||
|
||||
/* Text input and textarea sizes */
|
||||
input.input-text, textarea { width: 254px; }
|
||||
input.small, textarea.small { width: 134px; }
|
||||
input.medium, textarea.medium { width: 254px; }
|
||||
input.large, textarea.large { width: 434px; }
|
||||
|
||||
/* Fieldsets */
|
||||
form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }
|
||||
|
||||
/* Errors */
|
||||
input.input-text.red { border-color: red; background-color: rgba(255,0,0,0.15); }
|
||||
label.red { color: red; }
|
||||
small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: red; width: 260px; }
|
||||
|
||||
.small + .error { width: 140px; }
|
||||
.medium + .error { width: 260px; }
|
||||
.large + .error { width: 440px; }
|
||||
|
||||
/* -----------------------------------------
|
||||
Nicer Forms
|
||||
----------------------------------------- */
|
||||
form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
|
||||
form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(../images/misc/input-bg.png) #fff; }
|
||||
form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
|
||||
|
||||
form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
|
||||
|
||||
form.nice small.error { padding: 6px 4px; border: solid 0px red; border-width: 0px 1px 1px 1px; margin-top: -10px; background: red; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }
|
||||
|
||||
form.nice .small + .error { width: 132px; }
|
||||
form.nice .medium + .error { width: 252px; }
|
||||
form.nice .large + .error { width: 432px; }
|
||||
|
||||
/* -----------------------------------------
|
||||
Custom Forms
|
||||
----------------------------------------- */
|
||||
|
||||
form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat; }
|
||||
form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
|
||||
form.custom span.custom.radio.checked { background-position: 0px -14px; }
|
||||
form.custom span.custom.checkbox.checked { background-position: 0px -28px; }
|
||||
|
||||
form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }
|
||||
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; }
|
||||
form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../images/misc/custom-form-sprites.png) -14px 0 no-repeat; right: 0px; top: 0px; border: solid 1px #ddd; }
|
||||
form.custom div.custom.dropdown:hover a.selector,
|
||||
form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
|
||||
|
||||
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0px; top: 27px; margin: 0; padding: 0; background: rgba(255,255,255,0.9); border: solid 1px #ddd; z-index: 10; }
|
||||
form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; }
|
||||
form.custom div.custom.dropdown ul li.selected { background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; }
|
||||
form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }
|
||||
form.custom div.custom.dropdown ul li.selected:hover { background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; }
|
||||
form.custom div.custom.dropdown ul.show { display: block; }
|
||||
|
||||
form.custom div.custom.dropdown.open ul { display: block; }
|
||||
|
||||
|
||||
@@ -1,127 +0,0 @@
|
||||
/* Arfully Masterminded by ZURB */
|
||||
|
||||
/* --------------------------------------------------
|
||||
Table of Contents
|
||||
-----------------------------------------------------
|
||||
:: Reset & Standards
|
||||
:: Links
|
||||
:: Lists
|
||||
:: Tables
|
||||
:: Misc
|
||||
*/
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Global Reset & Standards
|
||||
-------------------------------------------------- */
|
||||
|
||||
/*
|
||||
Eric Meyer's CSS Reset
|
||||
http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
html {
|
||||
font-size: 62.5%;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
|
||||
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Links
|
||||
-------------------------------------------------- */
|
||||
a { color: #2a85e8; text-decoration: none; outline: 0; line-height: inherit; }
|
||||
a:hover { color: #11639d; }
|
||||
p a, p a:visited { line-height: inherit; }
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Lists
|
||||
-------------------------------------------------- */
|
||||
ul, ol { margin-bottom: 18px; }
|
||||
ul { list-style: none outside; }
|
||||
ol { list-style: decimal; }
|
||||
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
||||
ul.square { list-style: square outside; }
|
||||
ul.circle { list-style: circle outside; }
|
||||
ul.disc { list-style: disc outside; }
|
||||
ul ul, ol ol { margin: 4px 0 5px 30px; }
|
||||
li { margin-bottom: 12px; }
|
||||
ul.large li { line-height: 21px; }
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Tables
|
||||
-------------------------------------------------- */
|
||||
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd; }
|
||||
|
||||
table thead { background: #f5f5f5; }
|
||||
table thead tr th,
|
||||
table tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
|
||||
table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
|
||||
table thead tr th:first-child { border-left: none; }
|
||||
table thead tr th:last-child { border-right: none; }
|
||||
|
||||
table thead tr { }
|
||||
table tbody { }
|
||||
table tbody tr { }
|
||||
table tbody tr.even,
|
||||
table tbody tr.alt { background: #f9f9f9; }
|
||||
table tbody tr:nth-child(even) { background: #f9f9f9; }
|
||||
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Misc
|
||||
---------------------------------------------------*/
|
||||
.left { float: left; }
|
||||
.right { float: right; }
|
||||
.hide { display: none; }
|
||||
.highlight { background: #ff0; }
|
||||
|
||||
@@ -1,103 +0,0 @@
|
||||
/* Arfully Masterminded by ZURB */
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Grid
|
||||
|
||||
This is the mobile-friendly, responsive grid that
|
||||
lets Foundation work much of its magic.
|
||||
|
||||
-------------------------------------------------- */
|
||||
|
||||
.container { padding: 0px 20px; }
|
||||
|
||||
.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
|
||||
/* To fix the grid into a certain size, set max-width to width */
|
||||
.row .row { min-width: 0px; }
|
||||
|
||||
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
|
||||
.column:first-child, .columns:first-child { margin-left: 0px; }
|
||||
|
||||
.row .one.columns { width: 4.3%; }
|
||||
.row .two.columns { width: 13%; }
|
||||
.row .three.columns { width: 21.68%; }
|
||||
.row .four.columns { width: 30.4%; }
|
||||
.row .five.columns { width: 39.1%; }
|
||||
.row .six.columns { width: 47.8%; }
|
||||
.row .seven.columns { width: 56.5%; }
|
||||
.row .eight.columns { width: 65.2%; }
|
||||
.row .nine.columns { width: 73.9%; }
|
||||
.row .ten.columns { width: 82.6%; }
|
||||
.row .eleven.columns { width: 91.3%; }
|
||||
.row .twelve.columns { width: 100%; }
|
||||
|
||||
.row .offset-by-one { margin-left: 13.1%; }
|
||||
.row .offset-by-two { margin-left: 21.8%; }
|
||||
.row .offset-by-three { margin-left: 30.5%; }
|
||||
.row .offset-by-four { margin-left: 39.2%; }
|
||||
.row .offset-by-five { margin-left: 47.9%; }
|
||||
.row .offset-by-six { margin-left: 56.6%; }
|
||||
.row .offset-by-seven { margin-left: 65.3%; }
|
||||
.row .offset-by-eight { margin-left: 74.0%; }
|
||||
.row .offset-by-nine { margin-left: 82.7%; }
|
||||
.row .offset-by-ten { margin-left: 91.4%; }
|
||||
/*.row .offset-by-eleven { margin-left: 95.7%; }*/
|
||||
|
||||
.row .one.centered { margin-left: 47.9%; }
|
||||
.row .two.centered { margin-left: 43.5%; }
|
||||
.row .three.centered { margin-left: 39.2%; }
|
||||
.row .four.centered { margin-left: 34.8%; }
|
||||
.row .five.centered { margin-left: 30.5%; }
|
||||
.row .six.centered { margin-left: 26.1%; }
|
||||
.row .seven.centered { margin-left: 21.8%; }
|
||||
.row .eight.centered { margin-left: 17.4%; }
|
||||
.row .nine.centered { margin-left: 13.1%; }
|
||||
.row .ten.centered { margin-left: 8.7%; }
|
||||
.row .eleven.centered { margin-left: 4.3%; }
|
||||
|
||||
.row .offset-by-one:first-child { margin-left: 8.7%; }
|
||||
.row .offset-by-two:first-child { margin-left: 17.4%; }
|
||||
.row .offset-by-three:first-child { margin-left: 26.1%; }
|
||||
.row .offset-by-four:first-child { margin-left: 34.8%; }
|
||||
.row .offset-by-five:first-child { margin-left: 43.5%; }
|
||||
.row .offset-by-six:first-child { margin-left: 52.2%; }
|
||||
.row .offset-by-seven:first-child { margin-left: 60.9%; }
|
||||
.row .offset-by-eight:first-child { margin-left: 69.6%; }
|
||||
.row .offset-by-nine:first-child { margin-left: 78.3%; }
|
||||
.row .offset-by-ten:first-child { margin-left: 87%; }
|
||||
.row .offset-by-eleven:first-child { margin-left: 95.7%; }
|
||||
|
||||
img, object, embed { max-width: 100%; }
|
||||
img { -ms-interpolation-mode: bicubic; }
|
||||
|
||||
/* Nicolas Gallagher's micro clearfix */
|
||||
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
|
||||
.row:after, .clearfix:after { clear: both; }
|
||||
.row, .clearfix { zoom: 1; }
|
||||
|
||||
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Block grids
|
||||
|
||||
These are 2-up, 3-up, 4-up and 5-up ULs, suited
|
||||
for repeating blocks of content. Add 'mobile' to
|
||||
them to switch them just like the layout grid
|
||||
(one item per line) on phones
|
||||
-------------------------------------------------- */
|
||||
|
||||
.block-grid { display: block; overflow: hidden; }
|
||||
.block-grid>li { display: block; height: auto; float: left; }
|
||||
|
||||
.block-grid.two-up { margin-left: -4% }
|
||||
.block-grid.two-up>li { margin-left: 4%; width: 46%; }
|
||||
|
||||
.block-grid.three-up { margin-left: -2% }
|
||||
.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
|
||||
|
||||
.block-grid.four-up { margin-left: -2% }
|
||||
.block-grid.four-up>li { margin-left: 2%; width: 23%; }
|
||||
|
||||
.block-grid.five-up { margin-left: -1.5% }
|
||||
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
|
||||
|
||||
@@ -1,4 +0,0 @@
|
||||
/* This is for all IE specfific style less than IE9 and
|
||||
we make IE 8 render like 7. We hate IE. */
|
||||
|
||||
div.panel { border: 1px solid #ccc; }
|
||||
@@ -1,112 +0,0 @@
|
||||
/* --------------------------------------------------
|
||||
:: Grid
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Tablet screens */
|
||||
@media only screen and (device-width: 768px), (device-width: 800px) {
|
||||
/* Currently unused */
|
||||
}
|
||||
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: 767px) {
|
||||
body { -webkit-text-size-adjust: none; }
|
||||
|
||||
.row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
|
||||
.row .row .column, .row .row .columns { padding: 0; }
|
||||
.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
|
||||
.column:last-child, .columns:last-child { margin-right: 0px; }
|
||||
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven { margin-left: 0% !important; }
|
||||
}
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Block Grids
|
||||
-------------------------------------------------- */
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.block-grid.mobile li { float: none; width: 100%; }
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Mobile Visibility Affordances
|
||||
---------------------------------------------------*/
|
||||
|
||||
|
||||
.show-on-phones { display: none !important; }
|
||||
.show-on-tablets { display: none !important; }
|
||||
.show-on-desktops { display: block; }
|
||||
|
||||
.hide-on-phones { display: block !important; }
|
||||
.hide-on-tablets { display: block !important; }
|
||||
.hide-on-desktops { display: none; }
|
||||
|
||||
|
||||
@media only screen and (device-width: 768px), only screen and (device-width: 1280px), only screen and (device-width: 800px) {
|
||||
.hide-on-phones { display: block !important; }
|
||||
.hide-on-tablets { display: none !important; }
|
||||
.hide-on-desktops { display: block !important; }
|
||||
|
||||
.show-on-phones { display: none !important; }
|
||||
.show-on-tablets { display: block !important; }
|
||||
.show-on-desktops { display: none !important; }
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.hide-on-phones { display: none !important; }
|
||||
.hide-on-tablets { display: block !important; }
|
||||
.hide-on-desktops { display: block !important; }
|
||||
|
||||
.show-on-phones { display: block !important; }
|
||||
.show-on-tablets { display: none !important; }
|
||||
.show-on-desktops { display: none !important; }
|
||||
}
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Forms
|
||||
---------------------------------------------------*/
|
||||
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
input.input-text, input.input-text.oversize, textarea,
|
||||
form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; }
|
||||
form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; }
|
||||
form.nice small.error { padding: 6px 2%; display: block; }
|
||||
form.nice .small + .error { width: auto; }
|
||||
form.nice .medium + .error { width: auto; }
|
||||
form.nice .large + .error { width: auto; }
|
||||
}
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: UI
|
||||
---------------------------------------------------*/
|
||||
|
||||
/* Buttons */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.button { display: block; }
|
||||
button.button { width: 100%; padding-left: 0px; padding-right: 0px; }
|
||||
}
|
||||
|
||||
/* Tabs */
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
|
||||
dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }
|
||||
|
||||
dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0px #ccc; border-width: 1px 0px 0px; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
|
||||
dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0px 0px; }
|
||||
|
||||
.nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
|
||||
.nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
|
||||
.nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0px; height: auto; }
|
||||
.nice.tabs.mobile dd:first-child a.active { margin: 0; }
|
||||
|
||||
dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0px; }
|
||||
dl.contained.tabs.mobile dd a { padding: 18px 20px; }
|
||||
dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; }
|
||||
}
|
||||
@@ -1,210 +0,0 @@
|
||||
/* CSS for jQuery Orbit Plugin 1.2.3
|
||||
* www.ZURB.com/playground
|
||||
* Copyright 2010, ZURB
|
||||
* Free to use under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
|
||||
|
||||
|
||||
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
|
||||
================================================== */
|
||||
#caseStudies {
|
||||
width: 1000px;
|
||||
height: 210px;
|
||||
background: #fff url('../images/orbit/loading.gif') no-repeat center center;
|
||||
overflow: hidden; }
|
||||
#caseStudies>img,
|
||||
#caseStudies>div,
|
||||
#caseStudies>a { display: none; }
|
||||
|
||||
|
||||
|
||||
|
||||
/* CONTAINER
|
||||
================================================== */
|
||||
|
||||
div.orbit-wrapper {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
position: relative; }
|
||||
|
||||
div.orbit {
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
position: relative;
|
||||
overflow: hidden }
|
||||
|
||||
div.orbit>img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
/* display: none; */ }
|
||||
|
||||
div.orbit>a {
|
||||
border: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
line-height: 0;
|
||||
display: none; }
|
||||
|
||||
.orbit>div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
|
||||
|
||||
|
||||
/* TIMER
|
||||
================================================== */
|
||||
|
||||
div.timer {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
opacity: .6;
|
||||
cursor: pointer;
|
||||
z-index: 1001; }
|
||||
|
||||
span.rotator {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -20px;
|
||||
background: url(../images/orbit/rotator-black.png) no-repeat;
|
||||
z-index: 3; }
|
||||
|
||||
span.mask {
|
||||
display: block;
|
||||
width: 20px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 2;
|
||||
overflow: hidden; }
|
||||
|
||||
span.rotator.move {
|
||||
left: 0 }
|
||||
|
||||
span.mask.move {
|
||||
width: 40px;
|
||||
left: 0;
|
||||
background: url(../images/orbit/timer-black.png) repeat 0 0; }
|
||||
|
||||
span.pause {
|
||||
display: block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: url(../images/orbit/pause-black.png) no-repeat;
|
||||
z-index: 4;
|
||||
opacity: 0; }
|
||||
|
||||
span.pause.active {
|
||||
background: url(../images/orbit/pause-black.png) no-repeat 0 -40px }
|
||||
|
||||
div.timer:hover span.pause,
|
||||
span.pause.active {
|
||||
opacity: 1 }
|
||||
|
||||
|
||||
/* CAPTIONS
|
||||
================================================== */
|
||||
|
||||
.orbit-caption {
|
||||
display: none;
|
||||
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
|
||||
|
||||
.orbit-wrapper .orbit-caption {
|
||||
background: #000;
|
||||
background: rgba(0,0,0,.6);
|
||||
z-index: 1000;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 7px 0;
|
||||
font-size: 13px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 100%; }
|
||||
|
||||
|
||||
/* DIRECTIONAL NAV
|
||||
================================================== */
|
||||
|
||||
div.slider-nav {
|
||||
display: block }
|
||||
|
||||
div.slider-nav span {
|
||||
width: 78px;
|
||||
height: 100px;
|
||||
text-indent: -9999px;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
top: 50%;
|
||||
margin-top: -50px;
|
||||
cursor: pointer; }
|
||||
|
||||
div.slider-nav span.right {
|
||||
background: url(../images/orbit/right-arrow.png);
|
||||
right: 0; }
|
||||
|
||||
div.slider-nav span.left {
|
||||
background: url(../images/orbit/left-arrow.png);
|
||||
left: 0; }
|
||||
|
||||
/* BULLET NAV
|
||||
================================================== */
|
||||
|
||||
.orbit-bullets {
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
list-style: none;
|
||||
bottom: -40px;
|
||||
left: 50%;
|
||||
margin-left: -50px;
|
||||
padding: 0; }
|
||||
|
||||
.orbit-bullets li {
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
text-indent: -9999px;
|
||||
background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
|
||||
width: 13px;
|
||||
height: 12px;
|
||||
overflow: hidden; }
|
||||
|
||||
.orbit-bullets li.active {
|
||||
color: #222;
|
||||
background-position: -8px 0; }
|
||||
|
||||
.orbit-bullets li.has-thumb {
|
||||
background: none;
|
||||
width: 100px;
|
||||
height: 75px; }
|
||||
|
||||
.orbit-bullets li.active.has-thumb {
|
||||
background-position: 0 0;
|
||||
border-top: 2px solid #000; }
|
||||
|
||||
/* FLUID LAYOUT
|
||||
================================================== */
|
||||
.orbit .fluid-placeholder {
|
||||
visibility: hidden;
|
||||
position: static;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
@@ -1,91 +0,0 @@
|
||||
/* --------------------------------------------------
|
||||
Reveal Modals
|
||||
-------------------------------------------------- */
|
||||
|
||||
.reveal-modal-bg {
|
||||
position: fixed;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
background: #000;
|
||||
background: rgba(0,0,0,.8);
|
||||
z-index: 2000;
|
||||
display: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.reveal-modal {
|
||||
visibility: hidden;
|
||||
top: 100px;
|
||||
left: 50%;
|
||||
margin-left: -300px;
|
||||
width: 520px;
|
||||
background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px -80px;
|
||||
position: absolute;
|
||||
z-index: 2001;
|
||||
padding: 30px 40px 34px;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
||||
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
||||
box-shadow: 0 0 10px rgba(0,0,0,.4);
|
||||
}
|
||||
|
||||
.reveal-modal.small { width: 200px; margin-left: -140px;}
|
||||
.reveal-modal.medium { width: 400px; margin-left: -240px;}
|
||||
.reveal-modal.large { width: 600px; margin-left: -340px;}
|
||||
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
|
||||
|
||||
.reveal-modal .close-reveal-modal {
|
||||
font-size: 22px;
|
||||
line-height: .5;
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 11px;
|
||||
color: #aaa;
|
||||
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* Mobile */
|
||||
|
||||
@media handheld, only screen and (device-width: 768px), (device-width: 800px) {
|
||||
.reveal-modal-bg { position: absolute; }
|
||||
|
||||
.reveal-modal,
|
||||
.reveal-modal.small,
|
||||
.reveal-modal.medium,
|
||||
.reveal-modal.large,
|
||||
.reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0px; padding: 5%; height: auto; }
|
||||
}
|
||||
|
||||
@media handheld, only screen and (max-width: 767px) {
|
||||
.reveal-modal-bg { position: absolute; }
|
||||
|
||||
.reveal-modal,
|
||||
.reveal-modal.small,
|
||||
.reveal-modal.medium,
|
||||
.reveal-modal.large,
|
||||
.reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0px; padding: 5%; height: auto; }
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
|
||||
NOTES
|
||||
|
||||
Close button entity is ×
|
||||
|
||||
Example markup
|
||||
|
||||
<div id="myModal" class="reveal-modal">
|
||||
<h2>Awesome. I have it.</h2>
|
||||
<p class="lead">Your couch. I it's mine.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
|
||||
<a class="close-reveal-modal">×</a>
|
||||
</div>
|
||||
|
||||
*/
|
||||
@@ -1,64 +0,0 @@
|
||||
/* Arfully Masterminded by ZURB */
|
||||
|
||||
/* --------------------------------------------------
|
||||
:: Typography
|
||||
-------------------------------------------------- */
|
||||
h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25 }
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
|
||||
h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;}
|
||||
h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }
|
||||
h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
|
||||
h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
|
||||
h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; }
|
||||
h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }
|
||||
|
||||
.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }
|
||||
|
||||
p { line-height: 17px; margin: 0 0 18px; }
|
||||
p img { margin: 0; }
|
||||
p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px; }
|
||||
|
||||
/* Mobile */
|
||||
|
||||
@media handheld, only screen and (max-width: 767px) {
|
||||
body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
|
||||
}
|
||||
|
||||
em { font-style: italic; line-height: inherit; }
|
||||
strong { font-weight: bold; line-height: inherit; }
|
||||
small { font-size: 60%; line-height: inherit; }
|
||||
|
||||
h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
|
||||
|
||||
/* Blockquotes */
|
||||
blockquote, blockquote p { line-height: 20px; color: #777; }
|
||||
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
|
||||
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
|
||||
blockquote cite:before { content: "\2014 \0020"; }
|
||||
blockquote cite a, blockquote cite a:visited { color: #555; }
|
||||
|
||||
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
|
||||
|
||||
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
|
||||
abbr { text-transform: none; }
|
||||
|
||||
/**
|
||||
* Print styles.
|
||||
*
|
||||
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
||||
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
|
||||
*/
|
||||
@media print {
|
||||
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
|
||||
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
|
||||
p a, p a:visited { color: #444 !important; text-decoration: underline; }
|
||||
p a[href]:after { content: " (" attr(href) ")"; }
|
||||
abbr[title]:after { content: " (" attr(title) ")"; }
|
||||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
||||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
||||
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
||||
tr, img { page-break-inside: avoid; }
|
||||
@page { margin: 0.5cm; }
|
||||
p, h2, h3 { orphans: 3; widows: 3; }
|
||||
h2, h3{ page-break-after: avoid; }
|
||||
}
|
||||
@@ -1,227 +0,0 @@
|
||||
/* Artfully masterminded by ZURB */
|
||||
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
Table of Contents
|
||||
-----------------------------------------------------
|
||||
:: Buttons
|
||||
:: Alerts
|
||||
:: Notices/Alerts
|
||||
:: Tabs
|
||||
:: Pagination
|
||||
:: Lists
|
||||
:: Panels
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
Buttons
|
||||
-------------------------------------------------- */
|
||||
|
||||
.button {
|
||||
background: #00a6fc;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding: 9px 34px 11px;
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button.nice {
|
||||
background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px;
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
|
||||
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
|
||||
background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
|
||||
background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
|
||||
border: 1px solid #0593dc;
|
||||
-webkit-transition: background-color .15s ease-in-out;
|
||||
-moz-transition: background-color .15s ease-in-out;
|
||||
-o-transition: background-color .15s ease-in-out;
|
||||
}
|
||||
|
||||
.button.radius {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.button.round {
|
||||
-moz-border-radius: 1000px;
|
||||
-webkit-border-radius: 1000px;
|
||||
border-radius: 1000px;
|
||||
}
|
||||
|
||||
.button.full-width {
|
||||
width: 100%;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.button.left-align {
|
||||
text-align: left;
|
||||
text-indent: 12px;
|
||||
}
|
||||
|
||||
.button:active {}
|
||||
|
||||
/* Sizes ---------- */
|
||||
.small.button { font-size: 11px; padding: 8px 20px 10px; }
|
||||
.medium.button { font-size: 13px; }
|
||||
.large.button { font-size: 18px; padding: 11px 48px 13px; }
|
||||
|
||||
/* Nice Sizes ---------- */
|
||||
.nice.small.button { background-position: 0 -36px; }
|
||||
.nice.large.button { background-position: 0 -30px; }
|
||||
|
||||
/* Colors ---------- */
|
||||
.blue.button { background-color: #00a6fc; }
|
||||
.red.button { background-color: #e91c21; }
|
||||
.white.button { background-color: #e9e9e9; color: #333; }
|
||||
.charcoal.button { background-color: #141414; }
|
||||
|
||||
/* Nice Colors ---------- */
|
||||
.nice.blue.button { border: 1px solid #0593dc; }
|
||||
.nice.red.button { border: 1px solid #b90b0b; }
|
||||
.nice.white.button { border: 1px solid #cacaca; text-shadow: none !important; }
|
||||
.nice.charcoal.button { border: 1px solid #000; }
|
||||
|
||||
/* Hovers ---------- */
|
||||
.button:hover { background-color: #0192dd; color: #fff; }
|
||||
.blue.button:hover { background-color: #0192dd; }
|
||||
.red.button:hover { background-color: #d01217; }
|
||||
.white.button:hover { background-color: #dadada; color: #333; }
|
||||
.charcoal.button:hover { background-color: #000; }
|
||||
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
Alerts
|
||||
-------------------------------------------------- */
|
||||
|
||||
div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 1px rgba(255,255,255,0.9); position: relative; }
|
||||
.alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
|
||||
.alert-box.warning { background-color: #c08c00; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
|
||||
.alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
|
||||
|
||||
.alert-box a.close { color: #000; position: absolute; right: 4px; top: 0px; font-size: 18px; opacity: 0.2; padding: 4px; }
|
||||
.alert-box a.close:hover { opacity: 0.4; }
|
||||
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
Tabs
|
||||
-------------------------------------------------- */
|
||||
dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
|
||||
dl.tabs dt { display: block; width: auto; height: 30px; padding: 0px 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
|
||||
dl.tabs dt:first-child { padding: 0 9px 0 0px; }
|
||||
dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
|
||||
dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0px 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; }
|
||||
dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0px 1px; height: 30px; }
|
||||
|
||||
.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }
|
||||
.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
|
||||
.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
|
||||
.nice.tabs dd:first-child a.active { margin-left: 0; }
|
||||
|
||||
ul.tabs-content { margin: 0; display: block; }
|
||||
ul.tabs-content > li { display:none; }
|
||||
ul.tabs-content > li.active { display: block; }
|
||||
|
||||
dl.contained, dl.nice.contained { margin-bottom: 0px; }
|
||||
dl.contained.tabs dd a { padding: 0px 14px; }
|
||||
dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
|
||||
|
||||
ul.contained.tabs-content { padding: 0; }
|
||||
ul.contained.tabs-content li { padding: 20px; border: solid 0px #ddd; border-width: 0px 1px 1px 1px; }
|
||||
ul.nice.contained.tabs-content li { border-color: #eee; }
|
||||
|
||||
/* --------------------------------------------------
|
||||
Pagination
|
||||
-------------------------------------------------- */
|
||||
ul.pagination { display: block; height: 24px; margin-left: -5px; }
|
||||
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
|
||||
ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
|
||||
ul.pagination li.current a, ul.pagination li:hover a { border-bottom: solid 2px #00a6fc; color: #141414; }
|
||||
ul.pagination li.unavailable a { cursor: default; color: #999; }
|
||||
ul.pagination li.unavailable:hover a { border-bottom: none; }
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
Lists
|
||||
-------------------------------------------------- */
|
||||
ul.nice, ol.nice { list-style: none; margin: 0; }
|
||||
ul.nice li, ol.nice li { padding-left: 13px; position: relative }
|
||||
ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0px; top: 0px; color: #ccc; }
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
Notices/Alerts
|
||||
---------------------------------------------------*/
|
||||
/* Alerts cannot be closed and notices can */
|
||||
|
||||
.notice, .alert {
|
||||
position: relative;
|
||||
background: #222 url(../images/misc/button-overlay.png) repeat-x bottom;
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
|
||||
font-weight: bold;
|
||||
}
|
||||
.notice>span, .alert>span {
|
||||
display: block;
|
||||
padding: 5px 10px 6px;
|
||||
}
|
||||
.notice a.close {
|
||||
font-size: 20px;
|
||||
line-height: .5;
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 1px rbga(0,0,0,.25);
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
/* NOTES
|
||||
|
||||
Close button entity is ×
|
||||
Sample Markup:
|
||||
<div class="notice"><span>
|
||||
This is awesome
|
||||
<a class="close" href="#">×</a>
|
||||
</span></div>
|
||||
|
||||
*/
|
||||
|
||||
|
||||
|
||||
/* --------------------------------------------------
|
||||
Panels
|
||||
-------------------------------------------------- */
|
||||
div.panel {
|
||||
padding: 20px 20px 2px 20px;
|
||||
background: #efefef;
|
||||
background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
|
||||
box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
|
||||
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
|
||||
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
0
css/bootstrap/lib/accordion.less → css/less/accordion.less
Normal file → Executable file
0
css/bootstrap/lib/accordion.less → css/less/accordion.less
Normal file → Executable file
0
css/bootstrap/lib/alerts.less → css/less/alerts.less
Normal file → Executable file
0
css/bootstrap/lib/alerts.less → css/less/alerts.less
Normal file → Executable file
62
css/less/bootstrap.less
vendored
Executable file
62
css/less/bootstrap.less
vendored
Executable file
@@ -0,0 +1,62 @@
|
||||
/*!
|
||||
* Bootstrap v2.0.0
|
||||
*
|
||||
* Copyright 2012 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 @twitter by @mdo and @fat.
|
||||
*/
|
||||
|
||||
// CSS Reset
|
||||
@import "reset.less";
|
||||
|
||||
// Core variables and mixins
|
||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||
@import "mixins.less";
|
||||
|
||||
// Grid system and page structure
|
||||
@import "scaffolding.less";
|
||||
@import "grid.less";
|
||||
@import "layouts.less";
|
||||
|
||||
// Base CSS
|
||||
@import "type.less";
|
||||
@import "code.less";
|
||||
@import "forms.less";
|
||||
@import "tables.less";
|
||||
|
||||
// Components: common
|
||||
@import "sprites.less";
|
||||
@import "dropdowns.less";
|
||||
@import "wells.less";
|
||||
@import "component-animations.less";
|
||||
@import "close.less";
|
||||
|
||||
// Components: Buttons & Alerts
|
||||
@import "buttons.less";
|
||||
@import "button-groups.less";
|
||||
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
|
||||
|
||||
// Components: Nav
|
||||
@import "navs.less";
|
||||
@import "navbar.less";
|
||||
@import "breadcrumbs.less";
|
||||
@import "pagination.less";
|
||||
@import "pager.less";
|
||||
|
||||
// Components: Popovers
|
||||
@import "modals.less";
|
||||
@import "tooltip.less";
|
||||
@import "popovers.less";
|
||||
|
||||
// Components: Misc
|
||||
@import "thumbnails.less";
|
||||
@import "labels.less";
|
||||
@import "progress-bars.less";
|
||||
@import "accordion.less";
|
||||
@import "carousel.less";
|
||||
@import "hero-unit.less";
|
||||
|
||||
// Utility classes
|
||||
@import "utilities.less"; // Has to be last to override when necessary
|
||||
0
css/bootstrap/lib/breadcrumbs.less → css/less/breadcrumbs.less
Normal file → Executable file
0
css/bootstrap/lib/breadcrumbs.less → css/less/breadcrumbs.less
Normal file → Executable file
0
css/bootstrap/lib/button-groups.less → css/less/button-groups.less
Normal file → Executable file
0
css/bootstrap/lib/button-groups.less → css/less/button-groups.less
Normal file → Executable file
2
css/bootstrap/lib/buttons.less → css/less/buttons.less
Normal file → Executable file
2
css/bootstrap/lib/buttons.less → css/less/buttons.less
Normal file → Executable file
@@ -107,7 +107,7 @@
|
||||
.btn-info,
|
||||
.btn-info:hover {
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||
color: @white
|
||||
color: @white;
|
||||
}
|
||||
// Provide *some* extra contrast for those who can get it
|
||||
.btn-primary.active,
|
||||
0
css/bootstrap/lib/carousel.less → css/less/carousel.less
Normal file → Executable file
0
css/bootstrap/lib/carousel.less → css/less/carousel.less
Normal file → Executable file
0
css/bootstrap/lib/close.less → css/less/close.less
Normal file → Executable file
0
css/bootstrap/lib/close.less → css/less/close.less
Normal file → Executable file
0
css/bootstrap/lib/code.less → css/less/code.less
Normal file → Executable file
0
css/bootstrap/lib/code.less → css/less/code.less
Normal file → Executable file
0
css/bootstrap/lib/component-animations.less → css/less/component-animations.less
Normal file → Executable file
0
css/bootstrap/lib/component-animations.less → css/less/component-animations.less
Normal file → Executable file
0
css/bootstrap/lib/dropdowns.less → css/less/dropdowns.less
Normal file → Executable file
0
css/bootstrap/lib/dropdowns.less → css/less/dropdowns.less
Normal file → Executable file
515
css/less/forms.less
Executable file
515
css/less/forms.less
Executable file
@@ -0,0 +1,515 @@
|
||||
// Forms.less
|
||||
// Base styles for various input types, form layouts, and states
|
||||
// -------------------------------------------------------------
|
||||
|
||||
|
||||
// GENERAL STYLES
|
||||
// --------------
|
||||
|
||||
// Make all forms have space below them
|
||||
form {
|
||||
margin: 0 0 @baseLineHeight;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Groups of fields with labels on top (legends)
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: @baseLineHeight * 1.5;
|
||||
font-size: @baseFontSize * 1.5;
|
||||
line-height: @baseLineHeight * 2;
|
||||
color: @grayDark;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
// Set font for forms
|
||||
label,
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
#font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
|
||||
}
|
||||
|
||||
// Identify controls by their labels
|
||||
label {
|
||||
display: block;
|
||||
margin-bottom: 5px;
|
||||
color: @grayDark;
|
||||
}
|
||||
|
||||
// Inputs, Textareas, Selects
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
width: 210px;
|
||||
height: @baseLineHeight;
|
||||
padding: 4px;
|
||||
margin-bottom: 9px;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @gray;
|
||||
border: 1px solid #ccc;
|
||||
.border-radius(3px);
|
||||
}
|
||||
.uneditable-textarea {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Inputs within a label
|
||||
label input,
|
||||
label textarea,
|
||||
label select {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// Mini reset for unique input types
|
||||
input[type="image"],
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
margin: 3px 0;
|
||||
*margin-top: 0; /* IE7 */
|
||||
line-height: normal;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
.border-radius(0);
|
||||
}
|
||||
|
||||
// Reset the file input to browser defaults
|
||||
input[type="file"] {
|
||||
padding: initial;
|
||||
line-height: initial;
|
||||
border: initial;
|
||||
background-color: @white;
|
||||
background-color: initial;
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
// Help out input buttons
|
||||
input[type="button"],
|
||||
input[type="reset"],
|
||||
input[type="submit"] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Set the height of select and file controls to match text inputs
|
||||
select,
|
||||
input[type="file"] {
|
||||
height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
|
||||
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
// Chrome on Linux and Mobile Safari need background-color
|
||||
select {
|
||||
width: 220px; // default input width + 10px of padding that doesn't get applied
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
// Make multiple select elements height not fixed
|
||||
select[multiple],
|
||||
select[size] {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Remove shadow from image inputs
|
||||
input[type="image"] {
|
||||
.box-shadow(none);
|
||||
}
|
||||
|
||||
// Make textarea height behave
|
||||
textarea {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
// Hidden inputs
|
||||
input[type="hidden"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CHECKBOXES & RADIOS
|
||||
// -------------------
|
||||
|
||||
// Indent the labels to position radios/checkboxes as hanging
|
||||
.radio,
|
||||
.checkbox {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.radio input[type="radio"],
|
||||
.checkbox input[type="checkbox"] {
|
||||
float: left;
|
||||
margin-left: -18px;
|
||||
}
|
||||
|
||||
// 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
|
||||
}
|
||||
|
||||
// Radios and checkboxes on same line
|
||||
.radio.inline,
|
||||
.checkbox.inline {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.radio.inline + .radio.inline,
|
||||
.checkbox.inline + .checkbox.inline {
|
||||
margin-left: 10px; // space out consecutive inline controls
|
||||
}
|
||||
// But don't forget to remove their padding on first-child
|
||||
.controls > .radio.inline:first-child,
|
||||
.controls > .checkbox.inline:first-child {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// FOCUS STATE
|
||||
// -----------
|
||||
|
||||
input,
|
||||
textarea {
|
||||
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
||||
@transition: border linear .2s, box-shadow linear .2s;
|
||||
.transition(@transition);
|
||||
}
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
border-color: rgba(82,168,236,.8);
|
||||
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
|
||||
.box-shadow(@shadow);
|
||||
outline: 0;
|
||||
outline: thin dotted \9; /* IE6-8 */
|
||||
}
|
||||
input[type="file"]:focus,
|
||||
input[type="checkbox"]:focus,
|
||||
select:focus {
|
||||
.box-shadow(none); // override for file inputs
|
||||
.tab-focus();
|
||||
}
|
||||
|
||||
|
||||
|
||||
// INPUT SIZES
|
||||
// -----------
|
||||
|
||||
// General classes for quick sizes
|
||||
.input-mini { width: 60px; }
|
||||
.input-small { width: 90px; }
|
||||
.input-medium { width: 150px; }
|
||||
.input-large { width: 210px; }
|
||||
.input-xlarge { width: 270px; }
|
||||
.input-xxlarge { width: 530px; }
|
||||
|
||||
// Grid style input sizes
|
||||
input[class*="span"],
|
||||
select[class*="span"],
|
||||
textarea[class*="span"],
|
||||
.uneditable-input {
|
||||
float: none;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GRID SIZING FOR INPUTS
|
||||
// ----------------------
|
||||
|
||||
#inputGridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
|
||||
|
||||
|
||||
|
||||
|
||||
// DISABLED STATE
|
||||
// --------------
|
||||
|
||||
// Disabled and read-only inputs
|
||||
input[disabled],
|
||||
select[disabled],
|
||||
textarea[disabled],
|
||||
input[readonly],
|
||||
select[readonly],
|
||||
textarea[readonly] {
|
||||
background-color: #f5f5f5;
|
||||
border-color: #ddd;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// FORM FIELD FEEDBACK STATES
|
||||
// --------------------------
|
||||
|
||||
// Mixin for form field states
|
||||
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
||||
// Set the text color
|
||||
> label,
|
||||
.help-block,
|
||||
.help-inline {
|
||||
color: @textColor;
|
||||
}
|
||||
// Style inputs accordingly
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
color: @textColor;
|
||||
border-color: @borderColor;
|
||||
&:focus {
|
||||
border-color: darken(@borderColor, 10%);
|
||||
.box-shadow(0 0 6px lighten(@borderColor, 20%));
|
||||
}
|
||||
}
|
||||
// Give a small background color for input-prepend/-append
|
||||
.input-prepend .add-on,
|
||||
.input-append .add-on {
|
||||
color: @textColor;
|
||||
background-color: @backgroundColor;
|
||||
border-color: @textColor;
|
||||
}
|
||||
}
|
||||
// Warning
|
||||
.control-group.warning {
|
||||
.formFieldState(@warningText, @warningText, @warningBackground);
|
||||
}
|
||||
// Error
|
||||
.control-group.error {
|
||||
.formFieldState(@errorText, @errorText, @errorBackground);
|
||||
}
|
||||
// Success
|
||||
.control-group.success {
|
||||
.formFieldState(@successText, @successText, @successBackground);
|
||||
}
|
||||
|
||||
// HTML5 invalid states
|
||||
// Shares styles with the .control-group.error above
|
||||
input:focus:required:invalid,
|
||||
textarea:focus:required:invalid,
|
||||
select:focus:required:invalid {
|
||||
color: #b94a48;
|
||||
border-color: #ee5f5b;
|
||||
&:focus {
|
||||
border-color: darken(#ee5f5b, 10%);
|
||||
.box-shadow(0 0 6px lighten(#ee5f5b, 20%));
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// FORM ACTIONS
|
||||
// ------------
|
||||
|
||||
.form-actions {
|
||||
padding: (@baseLineHeight - 1) 20px @baseLineHeight;
|
||||
margin-top: @baseLineHeight;
|
||||
margin-bottom: @baseLineHeight;
|
||||
background-color: #f5f5f5;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
// For text that needs to appear as an input but should not be an input
|
||||
.uneditable-input {
|
||||
display: block;
|
||||
background-color: @white;
|
||||
border-color: #eee;
|
||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
// Placeholder text gets special styles; can't be bundled together though for some reason
|
||||
.placeholder(@grayLight);
|
||||
|
||||
|
||||
|
||||
// HELP TEXT
|
||||
// ---------
|
||||
|
||||
.help-block {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 0;
|
||||
color: @grayLight;
|
||||
}
|
||||
|
||||
.help-inline {
|
||||
display: inline-block;
|
||||
.ie7-inline-block();
|
||||
margin-bottom: 9px;
|
||||
vertical-align: middle;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// INPUT GROUPS
|
||||
// ------------
|
||||
|
||||
// Allow us to put symbols and text within the input field for a cleaner look
|
||||
.input-prepend,
|
||||
.input-append {
|
||||
margin-bottom: 5px;
|
||||
.clearfix(); // Clear the float to prevent wrapping
|
||||
input,
|
||||
.uneditable-input {
|
||||
.border-radius(0 3px 3px 0);
|
||||
&:focus {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
.uneditable-input {
|
||||
border-left-color: #ccc;
|
||||
}
|
||||
.add-on {
|
||||
float: left;
|
||||
display: block;
|
||||
width: auto;
|
||||
min-width: 16px;
|
||||
height: @baseLineHeight;
|
||||
margin-right: -1px;
|
||||
padding: 4px 5px;
|
||||
font-weight: normal;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayLight;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ccc;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.active {
|
||||
background-color: lighten(@green, 30);
|
||||
border-color: @green;
|
||||
}
|
||||
}
|
||||
.input-prepend {
|
||||
.add-on {
|
||||
*margin-top: 1px; /* IE6-7 */
|
||||
}
|
||||
}
|
||||
.input-append {
|
||||
input,
|
||||
.uneditable-input {
|
||||
float: left;
|
||||
.border-radius(3px 0 0 3px);
|
||||
}
|
||||
.uneditable-input {
|
||||
border-right-color: #ccc;
|
||||
}
|
||||
.add-on {
|
||||
margin-right: 0;
|
||||
margin-left: -1px;
|
||||
.border-radius(0 3px 3px 0);
|
||||
}
|
||||
input:first-child {
|
||||
// In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
|
||||
// inherit the sum of its ancestors' margins.
|
||||
*margin-left: -160px;
|
||||
|
||||
&+.add-on {
|
||||
*margin-left: -21px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// SEARCH FORM
|
||||
// -----------
|
||||
|
||||
.search-query {
|
||||
padding-left: 14px;
|
||||
padding-right: 14px;
|
||||
margin-bottom: 0; // remove the default margin on all inputs
|
||||
.border-radius(14px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
// HORIZONTAL & VERTICAL FORMS
|
||||
// ---------------------------
|
||||
|
||||
// Common properties
|
||||
// -----------------
|
||||
|
||||
.form-search,
|
||||
.form-inline,
|
||||
.form-horizontal {
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
.help-inline,
|
||||
.uneditable-input {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.form-search label,
|
||||
.form-inline label,
|
||||
.form-search .input-append,
|
||||
.form-inline .input-append,
|
||||
.form-search .input-prepend,
|
||||
.form-inline .input-prepend {
|
||||
display: inline-block;
|
||||
}
|
||||
// Make the prepend and append add-on vertical-align: middle;
|
||||
.form-search .input-append .add-on,
|
||||
.form-inline .input-prepend .add-on,
|
||||
.form-search .input-append .add-on,
|
||||
.form-inline .input-prepend .add-on {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
// Margin to space out fieldsets
|
||||
.control-group {
|
||||
margin-bottom: @baseLineHeight / 2;
|
||||
}
|
||||
|
||||
// Horizontal-specific styles
|
||||
// --------------------------
|
||||
|
||||
.form-horizontal {
|
||||
// Legend collapses margin, so we're relegated to padding
|
||||
legend + .control-group {
|
||||
margin-top: @baseLineHeight;
|
||||
-webkit-margin-top-collapse: separate;
|
||||
}
|
||||
// Increase spacing between groups
|
||||
.control-group {
|
||||
margin-bottom: @baseLineHeight;
|
||||
.clearfix();
|
||||
}
|
||||
// Float the labels left
|
||||
.control-group > label {
|
||||
float: left;
|
||||
width: 140px;
|
||||
padding-top: 5px;
|
||||
text-align: right;
|
||||
}
|
||||
// Move over all input controls and content
|
||||
.controls {
|
||||
margin-left: 160px;
|
||||
}
|
||||
// Move over buttons in .form-actions to align with .controls
|
||||
.form-actions {
|
||||
padding-left: 160px;
|
||||
}
|
||||
}
|
||||
0
css/bootstrap/lib/grid.less → css/less/grid.less
Normal file → Executable file
0
css/bootstrap/lib/grid.less → css/less/grid.less
Normal file → Executable file
0
css/bootstrap/lib/hero-unit.less → css/less/hero-unit.less
Normal file → Executable file
0
css/bootstrap/lib/hero-unit.less → css/less/hero-unit.less
Normal file → Executable file
0
css/bootstrap/lib/labels.less → css/less/labels.less
Normal file → Executable file
0
css/bootstrap/lib/labels.less → css/less/labels.less
Normal file → Executable file
0
css/bootstrap/lib/layouts.less → css/less/layouts.less
Normal file → Executable file
0
css/bootstrap/lib/layouts.less → css/less/layouts.less
Normal file → Executable file
@@ -1,167 +0,0 @@
|
||||
/* Less Framework 4
|
||||
http://lessframework.com
|
||||
by Joni Korpi
|
||||
License: http://opensource.org/licenses/mit-license.php */
|
||||
|
||||
|
||||
/* Resets
|
||||
------ */
|
||||
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
||||
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
||||
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, figure, figcaption, hgroup,
|
||||
menu, footer, header, nav, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
||||
footer, header, nav, section, audio, video {
|
||||
display: block;
|
||||
}
|
||||
|
||||
a img {border: 0;}
|
||||
|
||||
|
||||
|
||||
/* Typography presets
|
||||
------------------ */
|
||||
|
||||
.gigantic {
|
||||
font-size: 123px;
|
||||
line-height: 132px;
|
||||
letter-spacing: -2px;
|
||||
}
|
||||
|
||||
.huge, h1 {
|
||||
font-size: 76px;
|
||||
line-height: 84px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.large, h2 {
|
||||
font-size: 47px;
|
||||
line-height: 48px;
|
||||
}
|
||||
|
||||
.bigger, h3 {
|
||||
font-size: 29px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.big, h4 {
|
||||
font-size: 25px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 18px/24px "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
.small, small {
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
/* Selection colours (easy to forget) */
|
||||
|
||||
::selection {background: rgb(255,255,158);}
|
||||
::-moz-selection {background: rgb(255,255,158);}
|
||||
img::selection {background: transparent;}
|
||||
img::-moz-selection {background: transparent;}
|
||||
body {-webkit-tap-highlight-color: rgb(255,255,158);}
|
||||
|
||||
|
||||
|
||||
/* Default Layout: 992px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 48px.
|
||||
Leftover space for scrollbars @1024px: 32px.
|
||||
-------------------------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8 9 10
|
||||
px 68 160 252 344 436 528 620 712 804 896 */
|
||||
|
||||
body {
|
||||
width: 896px;
|
||||
padding: 72px 48px 84px;
|
||||
background: #fff;
|
||||
color: rgb(60,60,60);
|
||||
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Tablet Layout: 768px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 28px.
|
||||
Inherits styles from: Default Layout.
|
||||
-----------------------------------------------------------------
|
||||
cols 1 2 3 4 5 6 7 8
|
||||
px 68 160 252 344 436 528 620 712 */
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
|
||||
body {
|
||||
width: 712px;
|
||||
padding: 48px 28px 60px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Mobile Layout: 320px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 34px.
|
||||
Inherits styles from: Default Layout.
|
||||
---------------------------------------------
|
||||
cols 1 2 3
|
||||
px 68 160 252 */
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
width: 252px;
|
||||
padding: 48px 34px 60px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Wide Mobile Layout: 480px.
|
||||
Gutters: 24px.
|
||||
Outer margins: 22px.
|
||||
Inherits styles from: Default Layout, Mobile Layout.
|
||||
------------------------------------------------------------
|
||||
cols 1 2 3 4 5
|
||||
px 68 160 252 344 436 */
|
||||
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
|
||||
body {
|
||||
width: 436px;
|
||||
padding: 36px 22px 48px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Retina media query.
|
||||
Overrides styles for devices with a
|
||||
device-pixel-ratio of 2+, such as iPhone 4.
|
||||
----------------------------------------------- */
|
||||
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min-device-pixel-ratio: 2) {
|
||||
|
||||
body {
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
537
css/less/mixins.less
Executable file
537
css/less/mixins.less
Executable file
@@ -0,0 +1,537 @@
|
||||
// Mixins.less
|
||||
// Snippets of reusable CSS to develop faster and keep code readable
|
||||
// -----------------------------------------------------------------
|
||||
|
||||
|
||||
// UTILITY MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Clearfix
|
||||
// --------
|
||||
// For clearing floats like a boss h5bp.com/q
|
||||
.clearfix() {
|
||||
*zoom: 1;
|
||||
&:before,
|
||||
&:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
// Webkit-style focus
|
||||
// ------------------
|
||||
.tab-focus() {
|
||||
// Default
|
||||
outline: thin dotted;
|
||||
// Webkit
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
// Center-align a block level element
|
||||
// ----------------------------------
|
||||
.center-block() {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
// IE7 inline-block
|
||||
// ----------------
|
||||
.ie7-inline-block() {
|
||||
*display: inline; /* IE7 inline-block hack */
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
// IE7 likes to collapse whitespace on either side of the inline-block elements.
|
||||
// Ems because we're attempting to match the width of a space character. Left
|
||||
// version is for form buttons, which typically come after other elements, and
|
||||
// right version is for icons, which come before. Applying both is ok, but it will
|
||||
// mean that space between those elements will be .6em (~2 space characters) in IE7,
|
||||
// instead of the 1 space in other browsers.
|
||||
.ie7-restore-left-whitespace() {
|
||||
*margin-left: .3em;
|
||||
|
||||
&:first-child {
|
||||
*margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ie7-restore-right-whitespace() {
|
||||
*margin-right: .3em;
|
||||
|
||||
&:last-child {
|
||||
*margin-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Sizing shortcuts
|
||||
// -------------------------
|
||||
.size(@height: 5px, @width: 5px) {
|
||||
width: @width;
|
||||
height: @height;
|
||||
}
|
||||
.square(@size: 5px) {
|
||||
.size(@size, @size);
|
||||
}
|
||||
|
||||
// Placeholder text
|
||||
// -------------------------
|
||||
.placeholder(@color: @placeholderText) {
|
||||
:-moz-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
::-webkit-input-placeholder {
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// FONTS
|
||||
// --------------------------------------------------
|
||||
|
||||
#font {
|
||||
#family {
|
||||
.serif() {
|
||||
font-family: Georgia, "Times New Roman", Times, serif;
|
||||
}
|
||||
.sans-serif() {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.monospace() {
|
||||
font-family: Menlo, Monaco, "Courier New", monospace;
|
||||
}
|
||||
}
|
||||
.shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
font-size: @size;
|
||||
font-weight: @weight;
|
||||
line-height: @lineHeight;
|
||||
}
|
||||
.serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .sans-serif;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
.monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||
#font > #family > .monospace;
|
||||
#font > .shorthand(@size, @weight, @lineHeight);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// GRID SYSTEM
|
||||
// --------------------------------------------------
|
||||
|
||||
// Site container
|
||||
// -------------------------
|
||||
.container-fixed() {
|
||||
width: @gridRowWidth;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
// Le grid system
|
||||
// -------------------------
|
||||
#gridSystem {
|
||||
// Setup the mixins to be used
|
||||
.columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
|
||||
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||
}
|
||||
.offset(@gridColumnWidth, @gridGutterWidth, @columns) {
|
||||
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + (@gridGutterWidth * 2);
|
||||
}
|
||||
.gridColumn(@gridGutterWidth) {
|
||||
float: left;
|
||||
margin-left: @gridGutterWidth;
|
||||
}
|
||||
// Take these values and mixins, and make 'em do their thang
|
||||
.generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
|
||||
// Row surrounds the columns
|
||||
.row {
|
||||
margin-left: @gridGutterWidth * -1;
|
||||
.clearfix();
|
||||
}
|
||||
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
|
||||
[class*="span"] {
|
||||
#gridSystem > .gridColumn(@gridGutterWidth);
|
||||
}
|
||||
// Default columns
|
||||
.span1 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
|
||||
.span2 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
|
||||
.span3 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
|
||||
.span4 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
|
||||
.span5 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
|
||||
.span6 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
|
||||
.span7 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
|
||||
.span8 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
|
||||
.span9 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
|
||||
.span10 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
|
||||
.span11 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
|
||||
.span12,
|
||||
.container { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
|
||||
// Offset column options
|
||||
.offset1 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 1); }
|
||||
.offset2 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 2); }
|
||||
.offset3 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 3); }
|
||||
.offset4 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 4); }
|
||||
.offset5 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 5); }
|
||||
.offset6 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 6); }
|
||||
.offset7 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 7); }
|
||||
.offset8 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 8); }
|
||||
.offset9 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 9); }
|
||||
.offset10 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 10); }
|
||||
.offset11 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 11); }
|
||||
}
|
||||
}
|
||||
|
||||
// Fluid grid system
|
||||
// -------------------------
|
||||
#fluidGridSystem {
|
||||
// Setup the mixins to be used
|
||||
.columns(@fluidGridGutterWidth, @fluidGridColumnWidth, @columns) {
|
||||
width: 1% * (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
|
||||
}
|
||||
.gridColumn(@fluidGridGutterWidth) {
|
||||
float: left;
|
||||
margin-left: @fluidGridGutterWidth;
|
||||
}
|
||||
// Take these values and mixins, and make 'em do their thang
|
||||
.generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth) {
|
||||
// Row surrounds the columns
|
||||
.row-fluid {
|
||||
width: 100%;
|
||||
.clearfix();
|
||||
|
||||
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
|
||||
> [class*="span"] {
|
||||
#fluidGridSystem > .gridColumn(@fluidGridGutterWidth);
|
||||
}
|
||||
> [class*="span"]:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
// Default columns
|
||||
.span1 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 1); }
|
||||
.span2 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 2); }
|
||||
.span3 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 3); }
|
||||
.span4 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 4); }
|
||||
.span5 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 5); }
|
||||
.span6 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 6); }
|
||||
.span7 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 7); }
|
||||
.span8 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 8); }
|
||||
.span9 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 9); }
|
||||
.span10 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 10); }
|
||||
.span11 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 11); }
|
||||
.span12 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 12); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Input grid system
|
||||
// -------------------------
|
||||
#inputGridSystem {
|
||||
.inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
|
||||
width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 10;
|
||||
}
|
||||
.generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
|
||||
input,
|
||||
textarea,
|
||||
.uneditable-input {
|
||||
&.span1 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
|
||||
&.span2 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
|
||||
&.span3 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
|
||||
&.span4 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
|
||||
&.span5 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
|
||||
&.span6 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
|
||||
&.span7 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
|
||||
&.span8 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
|
||||
&.span9 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
|
||||
&.span10 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
|
||||
&.span11 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
|
||||
&.span12 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CSS3 PROPERTIES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Border Radius
|
||||
.border-radius(@radius: 5px) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// Drop shadows
|
||||
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
||||
-webkit-box-shadow: @shadow;
|
||||
-moz-box-shadow: @shadow;
|
||||
box-shadow: @shadow;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition) {
|
||||
-webkit-transition: @transition;
|
||||
-moz-transition: @transition;
|
||||
-ms-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
|
||||
// Transformations
|
||||
.rotate(@degrees) {
|
||||
-webkit-transform: rotate(@degrees);
|
||||
-moz-transform: rotate(@degrees);
|
||||
-ms-transform: rotate(@degrees);
|
||||
-o-transform: rotate(@degrees);
|
||||
transform: rotate(@degrees);
|
||||
}
|
||||
.scale(@ratio) {
|
||||
-webkit-transform: scale(@ratio);
|
||||
-moz-transform: scale(@ratio);
|
||||
-ms-transform: scale(@ratio);
|
||||
-o-transform: scale(@ratio);
|
||||
transform: scale(@ratio);
|
||||
}
|
||||
.translate(@x: 0, @y: 0) {
|
||||
-webkit-transform: translate(@x, @y);
|
||||
-moz-transform: translate(@x, @y);
|
||||
-ms-transform: translate(@x, @y);
|
||||
-o-transform: translate(@x, @y);
|
||||
transform: translate(@x, @y);
|
||||
}
|
||||
.skew(@x: 0, @y: 0) {
|
||||
-webkit-transform: translate(@x, @y);
|
||||
-moz-transform: translate(@x, @y);
|
||||
-ms-transform: translate(@x, @y);
|
||||
-o-transform: translate(@x, @y);
|
||||
transform: translate(@x, @y);
|
||||
}
|
||||
.skew(@x: 0, @y: 0) {
|
||||
-webkit-transform: skew(@x, @y);
|
||||
-moz-transform: skew(@x, @y);
|
||||
-ms-transform: skew(@x, @y);
|
||||
-o-transform: skew(@x, @y);
|
||||
transform: skew(@x, @y);
|
||||
}
|
||||
|
||||
// Background clipping
|
||||
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
|
||||
.background-clip(@clip) {
|
||||
-webkit-background-clip: @clip;
|
||||
-moz-background-clip: @clip;
|
||||
background-clip: @clip;
|
||||
}
|
||||
|
||||
// Background sizing
|
||||
.background-size(@size){
|
||||
-webkit-background-size: @size;
|
||||
-moz-background-size: @size;
|
||||
-o-background-size: @size;
|
||||
background-size: @size;
|
||||
}
|
||||
|
||||
|
||||
// Box sizing
|
||||
.box-sizing(@boxmodel) {
|
||||
-webkit-box-sizing: @boxmodel;
|
||||
-moz-box-sizing: @boxmodel;
|
||||
box-sizing: @boxmodel;
|
||||
}
|
||||
|
||||
// User select
|
||||
// For selecting text on the page
|
||||
.user-select(@select) {
|
||||
-webkit-user-select: @select;
|
||||
-moz-user-select: @select;
|
||||
-o-user-select: @select;
|
||||
user-select: @select;
|
||||
}
|
||||
|
||||
// Resize anything
|
||||
.resizable(@direction: both) {
|
||||
resize: @direction; // Options: horizontal, vertical, both
|
||||
overflow: auto; // Safari fix
|
||||
}
|
||||
|
||||
// CSS3 Content Columns
|
||||
.content-columns(@columnCount, @columnGap: @gridColumnGutter) {
|
||||
-webkit-column-count: @columnCount;
|
||||
-moz-column-count: @columnCount;
|
||||
column-count: @columnCount;
|
||||
-webkit-column-gap: @columnGap;
|
||||
-moz-column-gap: @columnGap;
|
||||
column-gap: @columnGap;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity(@opacity: 100) {
|
||||
opacity: @opacity / 100;
|
||||
filter: e(%("alpha(opacity=%d)", @opacity));
|
||||
}
|
||||
|
||||
|
||||
|
||||
// BACKGROUNDS
|
||||
// --------------------------------------------------
|
||||
|
||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||
#translucent {
|
||||
.background(@color: @white, @alpha: 1) {
|
||||
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
}
|
||||
.border(@color: @white, @alpha: 1) {
|
||||
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||
.background-clip(padding-box);
|
||||
}
|
||||
}
|
||||
|
||||
// Gradient Bar Colors for buttons and alerts
|
||||
.gradientBar(@primaryColor, @secondaryColor) {
|
||||
#gradient > .vertical(@primaryColor, @secondaryColor);
|
||||
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
||||
}
|
||||
|
||||
// Gradients
|
||||
#gradient {
|
||||
.horizontal(@startColor: #555, @endColor: #333) {
|
||||
background-color: @endColor;
|
||||
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(left, @startColor, @endColor); // Le standard
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
|
||||
}
|
||||
.vertical(@startColor: #555, @endColor: #333) {
|
||||
background-color: mix(@startColor, @endColor, 60%);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
||||
background-repeat: repeat-x;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
|
||||
}
|
||||
.directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
|
||||
background-color: @endColor;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
|
||||
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
||||
background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
|
||||
}
|
||||
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||
background-color: mix(@midColor, @endColor, 80%);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||
background-repeat: no-repeat;
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
|
||||
}
|
||||
.radial(@innerColor: #555, @outerColor: #333) {
|
||||
background-color: @outerColor;
|
||||
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
|
||||
background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-image: -ms-radial-gradient(circle, @innerColor, @outerColor);
|
||||
background-repeat: no-repeat;
|
||||
// Opera cannot do radial gradients yet
|
||||
}
|
||||
.striped(@color, @angle: -45deg) {
|
||||
background-color: @color;
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -ms-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||
}
|
||||
}
|
||||
// Reset filters for IE
|
||||
.reset-filter() {
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
||||
}
|
||||
|
||||
|
||||
// Mixin for generating button backgrounds
|
||||
// ---------------------------------------
|
||||
.buttonBackground(@startColor, @endColor) {
|
||||
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
|
||||
.gradientBar(@startColor, @endColor);
|
||||
.reset-filter();
|
||||
|
||||
// in these cases the gradient won't cover the background, so we override
|
||||
&:hover, &:active, &.active, &.disabled, &[disabled] {
|
||||
background-color: @endColor;
|
||||
}
|
||||
|
||||
// IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: darken(@endColor, 10%) e("\9");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// COMPONENT MIXINS
|
||||
// --------------------------------------------------
|
||||
|
||||
// POPOVER ARROWS
|
||||
// -------------------------
|
||||
// For tipsies and popovers
|
||||
#popoverArrow {
|
||||
.top(@arrowWidth: 5px) {
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
margin-left: -@arrowWidth;
|
||||
border-left: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid transparent;
|
||||
border-top: @arrowWidth solid @black;
|
||||
}
|
||||
.left(@arrowWidth: 5px) {
|
||||
top: 50%;
|
||||
right: 0;
|
||||
margin-top: -@arrowWidth;
|
||||
border-top: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid transparent;
|
||||
border-left: @arrowWidth solid @black;
|
||||
}
|
||||
.bottom(@arrowWidth: 5px) {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -@arrowWidth;
|
||||
border-left: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid @black;
|
||||
}
|
||||
.right(@arrowWidth: 5px) {
|
||||
top: 50%;
|
||||
left: 0;
|
||||
margin-top: -@arrowWidth;
|
||||
border-top: @arrowWidth solid transparent;
|
||||
border-bottom: @arrowWidth solid transparent;
|
||||
border-right: @arrowWidth solid @black;
|
||||
}
|
||||
}
|
||||
0
css/bootstrap/lib/modals.less → css/less/modals.less
Normal file → Executable file
0
css/bootstrap/lib/modals.less → css/less/modals.less
Normal file → Executable file
0
css/bootstrap/lib/navbar.less → css/less/navbar.less
Normal file → Executable file
0
css/bootstrap/lib/navbar.less → css/less/navbar.less
Normal file → Executable file
5
css/bootstrap/lib/navs.less → css/less/navs.less
Normal file → Executable file
5
css/bootstrap/lib/navs.less → css/less/navs.less
Normal file → Executable file
@@ -49,12 +49,13 @@
|
||||
.nav-list > li + .nav-header {
|
||||
margin-top: 9px;
|
||||
}
|
||||
.nav-list .active > a {
|
||||
.nav-list .active > a,
|
||||
.nav-list .active > a:hover {
|
||||
color: @white;
|
||||
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
||||
background-color: @linkColor;
|
||||
}
|
||||
.nav-list .icon {
|
||||
.nav-list [class^="icon-"] {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
0
css/bootstrap/lib/pager.less → css/less/pager.less
Normal file → Executable file
0
css/bootstrap/lib/pager.less → css/less/pager.less
Normal file → Executable file
0
css/bootstrap/lib/pagination.less → css/less/pagination.less
Normal file → Executable file
0
css/bootstrap/lib/pagination.less → css/less/pagination.less
Normal file → Executable file
0
css/bootstrap/lib/popovers.less → css/less/popovers.less
Normal file → Executable file
0
css/bootstrap/lib/popovers.less → css/less/popovers.less
Normal file → Executable file
0
css/bootstrap/lib/progress-bars.less → css/less/progress-bars.less
Normal file → Executable file
0
css/bootstrap/lib/progress-bars.less → css/less/progress-bars.less
Normal file → Executable file
89
css/bootstrap/lib/reset.less → css/less/reset.less
Normal file → Executable file
89
css/bootstrap/lib/reset.less → css/less/reset.less
Normal file → Executable file
@@ -1,44 +1,10 @@
|
||||
/* Reset.less
|
||||
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
|
||||
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
|
||||
|
||||
|
||||
// ERIC MEYER RESET
|
||||
// --------------------------------------------------
|
||||
|
||||
html, body { margin: 0; padding: 0; }
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
ol, ul { list-style: none; }
|
||||
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
|
||||
|
||||
|
||||
// Normalize.css
|
||||
// Pulling in select resets form the normalize.css project
|
||||
// --------------------------------------------------
|
||||
// Reset.less
|
||||
// Adapted from Normalize.css http://github.com/necolas/normalize.css
|
||||
// ------------------------------------------------------------------------
|
||||
|
||||
// Display in IE6-9 and FF3
|
||||
// -------------------------
|
||||
// Source: http://github.com/necolas/normalize.css
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
// Focus states
|
||||
a:focus {
|
||||
outline: thin dotted;
|
||||
}
|
||||
// Hover & Active
|
||||
a:hover,
|
||||
a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Display in IE6-9 and FF3
|
||||
// -------------------------
|
||||
// Source: http://github.com/necolas/normalize.css
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
@@ -54,7 +20,7 @@ section {
|
||||
|
||||
// Display block in IE6-9 and FF3
|
||||
// -------------------------
|
||||
// Source: http://github.com/necolas/normalize.css
|
||||
|
||||
audio,
|
||||
canvas,
|
||||
video {
|
||||
@@ -65,19 +31,37 @@ video {
|
||||
|
||||
// Prevents modern browsers from displaying 'audio' without controls
|
||||
// -------------------------
|
||||
// Source: http://github.com/necolas/normalize.css
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Base settings
|
||||
// -------------------------
|
||||
|
||||
html {
|
||||
font-size: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
// Focus states
|
||||
a:focus {
|
||||
.tab-focus();
|
||||
}
|
||||
// Hover & Active
|
||||
a:hover,
|
||||
a:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
// Prevents sub and sup affecting line-height in all browsers
|
||||
// -------------------------
|
||||
// Source: http://github.com/necolas/normalize.css
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
sup {
|
||||
@@ -89,35 +73,35 @@ sub {
|
||||
|
||||
// Img border in a's and image quality
|
||||
// -------------------------
|
||||
// Source: http://github.com/necolas/normalize.css
|
||||
|
||||
img {
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border: 0;
|
||||
-ms-interpolation-mode: bicubic;
|
||||
}
|
||||
|
||||
// Forms
|
||||
// -------------------------
|
||||
// Source: http://github.com/necolas/normalize.css
|
||||
|
||||
// Font size in all browsers, margin changes, misc consistency
|
||||
button,
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
vertical-align: baseline;
|
||||
*vertical-align: middle;
|
||||
font-size: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
button,
|
||||
input {
|
||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
||||
*overflow: visible; // Inner spacing ie IE6/7
|
||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
||||
}
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
||||
border: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
button,
|
||||
input[type="button"],
|
||||
@@ -132,10 +116,11 @@ input[type="search"] { // Appearance in Safari/Chrome
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
input[type="search"]::-webkit-search-decoration,
|
||||
input[type="search"]::-webkit-search-cancel-button {
|
||||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
||||
}
|
||||
textarea {
|
||||
overflow: auto; // Remove vertical scrollbar in IE6-9
|
||||
vertical-align: top; // Readability and alignment cross-browser
|
||||
}
|
||||
}
|
||||
0
css/bootstrap/lib/responsive.less → css/less/responsive.less
Normal file → Executable file
0
css/bootstrap/lib/responsive.less → css/less/responsive.less
Normal file → Executable file
29
css/less/scaffolding.less
Executable file
29
css/less/scaffolding.less
Executable file
@@ -0,0 +1,29 @@
|
||||
// Scaffolding
|
||||
// Basic and global styles for generating a grid system, structural layout, and page templates
|
||||
// -------------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
// STRUCTURAL LAYOUT
|
||||
// -----------------
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: @baseFontFamily;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
color: @textColor;
|
||||
background-color: @white;
|
||||
}
|
||||
|
||||
|
||||
// LINKS
|
||||
// -----
|
||||
|
||||
a {
|
||||
color: @linkColor;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: @linkColorHover;
|
||||
text-decoration: underline;
|
||||
}
|
||||
0
css/bootstrap/lib/sprites.less → css/less/sprites.less
Normal file → Executable file
0
css/bootstrap/lib/sprites.less → css/less/sprites.less
Normal file → Executable file
139
css/less/tables.less
Executable file
139
css/less/tables.less
Executable file
@@ -0,0 +1,139 @@
|
||||
//
|
||||
// Tables.less
|
||||
// Tables for, you guessed it, tabular data
|
||||
// ----------------------------------------
|
||||
|
||||
|
||||
// BASE TABLES
|
||||
// -----------------
|
||||
|
||||
table {
|
||||
max-width: 100%;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
// BASELINE STYLES
|
||||
// ---------------
|
||||
|
||||
.table {
|
||||
width: 100%;
|
||||
margin-bottom: @baseLineHeight;
|
||||
// Cells
|
||||
th,
|
||||
td {
|
||||
padding: 8px;
|
||||
line-height: @baseLineHeight;
|
||||
text-align: left;
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
th {
|
||||
font-weight: bold;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
// Remove top border from thead by default
|
||||
thead:first-child tr th,
|
||||
thead:first-child tr td {
|
||||
border-top: 0;
|
||||
}
|
||||
// Account for multiple tbody instances
|
||||
tbody + tbody {
|
||||
border-top: 2px solid #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// CONDENSED TABLE W/ HALF PADDING
|
||||
// -------------------------------
|
||||
|
||||
.table-condensed {
|
||||
th,
|
||||
td {
|
||||
padding: 4px 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// BORDERED VERSION
|
||||
// ----------------
|
||||
|
||||
.table-bordered {
|
||||
border: 1px solid #ddd;
|
||||
border-collapse: separate; // Done so we can round those corners!
|
||||
*border-collapse: collapsed; // IE7 can't round corners anyway
|
||||
.border-radius(4px);
|
||||
th + th,
|
||||
td + td,
|
||||
th + td,
|
||||
td + th {
|
||||
border-left: 1px solid #ddd;
|
||||
}
|
||||
// Prevent a double border
|
||||
thead:first-child tr:first-child th,
|
||||
tbody:first-child tr:first-child th,
|
||||
tbody:first-child tr:first-child td {
|
||||
border-top: 0;
|
||||
}
|
||||
// For first th or td in the first row in the first thead or tbody
|
||||
thead:first-child tr:first-child th:first-child,
|
||||
tbody:first-child tr:first-child td:first-child {
|
||||
.border-radius(4px 0 0 0);
|
||||
}
|
||||
thead:first-child tr:first-child th:last-child,
|
||||
tbody:first-child tr:first-child td:last-child {
|
||||
.border-radius(0 4px 0 0);
|
||||
}
|
||||
// For first th or td in the first row in the first thead or tbody
|
||||
thead:last-child tr:last-child th:first-child,
|
||||
tbody:last-child tr:last-child td:first-child {
|
||||
.border-radius(0 0 0 4px);
|
||||
}
|
||||
thead:last-child tr:last-child th:last-child,
|
||||
tbody:last-child tr:last-child td:last-child {
|
||||
.border-radius(0 0 4px 0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ZEBRA-STRIPING
|
||||
// --------------
|
||||
|
||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
||||
.table-striped {
|
||||
tbody {
|
||||
tr:nth-child(odd) td,
|
||||
tr:nth-child(odd) th {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TABLE CELL SIZING
|
||||
// -----------------
|
||||
|
||||
// Change the columns
|
||||
.tableColumns(@columnSpan: 1) {
|
||||
float: none;
|
||||
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16;
|
||||
margin-left: 0;
|
||||
}
|
||||
table {
|
||||
.span1 { .tableColumns(1); }
|
||||
.span2 { .tableColumns(2); }
|
||||
.span3 { .tableColumns(3); }
|
||||
.span4 { .tableColumns(4); }
|
||||
.span5 { .tableColumns(5); }
|
||||
.span6 { .tableColumns(6); }
|
||||
.span7 { .tableColumns(7); }
|
||||
.span8 { .tableColumns(8); }
|
||||
.span9 { .tableColumns(9); }
|
||||
.span10 { .tableColumns(10); }
|
||||
.span11 { .tableColumns(11); }
|
||||
.span12 { .tableColumns(12); }
|
||||
}
|
||||
0
css/bootstrap/lib/thumbnails.less → css/less/thumbnails.less
Normal file → Executable file
0
css/bootstrap/lib/thumbnails.less → css/less/thumbnails.less
Normal file → Executable file
0
css/bootstrap/lib/tooltip.less → css/less/tooltip.less
Normal file → Executable file
0
css/bootstrap/lib/tooltip.less → css/less/tooltip.less
Normal file → Executable file
217
css/less/type.less
Executable file
217
css/less/type.less
Executable file
@@ -0,0 +1,217 @@
|
||||
// Typography.less
|
||||
// Headings, body text, lists, code, and more for a versatile and durable typography system
|
||||
// ----------------------------------------------------------------------------------------
|
||||
|
||||
|
||||
// BODY TEXT
|
||||
// ---------
|
||||
|
||||
p {
|
||||
margin: 0 0 @baseLineHeight / 2;
|
||||
font-family: @baseFontFamily;
|
||||
font-size: @baseFontSize;
|
||||
line-height: @baseLineHeight;
|
||||
small {
|
||||
font-size: @baseFontSize - 2;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
.lead {
|
||||
margin-bottom: @baseLineHeight;
|
||||
font-size: 20px;
|
||||
font-weight: 200;
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
}
|
||||
|
||||
// HEADINGS
|
||||
// --------
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
font-weight: bold;
|
||||
color: @grayDark;
|
||||
text-rendering: optimizelegibility; // Fix the character spacing for headings
|
||||
small {
|
||||
font-weight: normal;
|
||||
color: @grayLight;
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-size: 30px;
|
||||
line-height: @baseLineHeight * 2;
|
||||
small {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
line-height: @baseLineHeight * 2;
|
||||
small {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
line-height: @baseLineHeight * 1.5;
|
||||
font-size: 18px;
|
||||
small {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
h4, h5, h6 {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
h4 {
|
||||
font-size: 14px;
|
||||
small {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
h5 {
|
||||
font-size: 12px;
|
||||
}
|
||||
h6 {
|
||||
font-size: 11px;
|
||||
color: @grayLight;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
// Page header
|
||||
.page-header {
|
||||
padding-bottom: @baseLineHeight - 1;
|
||||
margin: @baseLineHeight 0;
|
||||
border-bottom: 1px solid @grayLighter;
|
||||
}
|
||||
.page-header h1 {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// LISTS
|
||||
// -----
|
||||
|
||||
// Unordered and Ordered lists
|
||||
ul, ol {
|
||||
padding: 0;
|
||||
margin: 0 0 @baseLineHeight / 2 25px;
|
||||
}
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ol,
|
||||
ol ul {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul {
|
||||
list-style: disc;
|
||||
}
|
||||
ol {
|
||||
list-style: decimal;
|
||||
}
|
||||
li {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
ul.unstyled {
|
||||
margin-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
// Description Lists
|
||||
dl {
|
||||
margin-bottom: @baseLineHeight;
|
||||
}
|
||||
dt,
|
||||
dd {
|
||||
line-height: @baseLineHeight;
|
||||
}
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
dd {
|
||||
margin-left: @baseLineHeight / 2;
|
||||
}
|
||||
|
||||
// MISC
|
||||
// ----
|
||||
|
||||
// Horizontal rules
|
||||
hr {
|
||||
margin: @baseLineHeight 0;
|
||||
border: 0;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
border-bottom: 1px solid @white;
|
||||
}
|
||||
|
||||
// Emphasis
|
||||
strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
.muted {
|
||||
color: @grayLight;
|
||||
}
|
||||
|
||||
// Abbreviations and acronyms
|
||||
abbr {
|
||||
font-size: 90%;
|
||||
text-transform: uppercase;
|
||||
border-bottom: 1px dotted #ddd;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
// Blockquotes
|
||||
blockquote {
|
||||
padding: 0 0 0 15px;
|
||||
margin: 0 0 @baseLineHeight;
|
||||
border-left: 5px solid @grayLighter;
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
#font > .shorthand(16px,300,@baseLineHeight * 1.25);
|
||||
}
|
||||
small {
|
||||
display: block;
|
||||
line-height: @baseLineHeight;
|
||||
color: @grayLight;
|
||||
&:before {
|
||||
content: '\2014 \00A0';
|
||||
}
|
||||
}
|
||||
|
||||
// Float right with text-align: right
|
||||
&.pull-right {
|
||||
float: right;
|
||||
padding-left: 0;
|
||||
padding-right: 15px;
|
||||
border-left: 0;
|
||||
border-right: 5px solid @grayLighter;
|
||||
p,
|
||||
small {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Quotes
|
||||
q:before,
|
||||
q:after,
|
||||
blockquote:before,
|
||||
blockquote:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
// Addresses
|
||||
address {
|
||||
display: block;
|
||||
margin-bottom: @baseLineHeight;
|
||||
line-height: @baseLineHeight;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
// Misc
|
||||
small {
|
||||
font-size: 100%;
|
||||
}
|
||||
cite {
|
||||
font-style: normal;
|
||||
}
|
||||
0
css/bootstrap/lib/utilities.less → css/less/utilities.less
Normal file → Executable file
0
css/bootstrap/lib/utilities.less → css/less/utilities.less
Normal file → Executable file
99
css/less/variables.less
Executable file
99
css/less/variables.less
Executable file
@@ -0,0 +1,99 @@
|
||||
// Variables.less
|
||||
// Variables to customize the look and feel of Bootstrap
|
||||
// -----------------------------------------------------
|
||||
|
||||
|
||||
|
||||
// GLOBAL VALUES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Links
|
||||
@linkColor: #08c;
|
||||
@linkColorHover: darken(@linkColor, 15%);
|
||||
|
||||
// Grays
|
||||
@black: #000;
|
||||
@grayDarker: #222;
|
||||
@grayDark: #333;
|
||||
@gray: #555;
|
||||
@grayLight: #999;
|
||||
@grayLighter: #eee;
|
||||
@white: #fff;
|
||||
|
||||
// Accent colors
|
||||
@blue: #049cdb;
|
||||
@blueDark: #0064cd;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
@orange: #f89406;
|
||||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
// Typography
|
||||
@baseFontSize: 13px;
|
||||
@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
@baseLineHeight: 18px;
|
||||
@textColor: @grayDark;
|
||||
|
||||
// Buttons
|
||||
@primaryButtonBackground: @linkColor;
|
||||
|
||||
|
||||
|
||||
// COMPONENT VARIABLES
|
||||
// --------------------------------------------------
|
||||
|
||||
// Z-index master list
|
||||
// Used for a bird's eye view of components dependent on the z-axis
|
||||
// Try to avoid customizing these :)
|
||||
@zindexDropdown: 1000;
|
||||
@zindexPopover: 1010;
|
||||
@zindexTooltip: 1020;
|
||||
@zindexFixedNavbar: 1030;
|
||||
@zindexModalBackdrop: 1040;
|
||||
@zindexModal: 1050;
|
||||
|
||||
// Input placeholder text color
|
||||
@placeholderText: @grayLight;
|
||||
|
||||
// Navbar
|
||||
@navbarHeight: 40px;
|
||||
@navbarBackground: @grayDarker;
|
||||
@navbarBackgroundHighlight: @grayDark;
|
||||
|
||||
@navbarText: @grayLight;
|
||||
@navbarLinkColor: @grayLight;
|
||||
@navbarLinkColorHover: @white;
|
||||
|
||||
// Form states and alerts
|
||||
@warningText: #c09853;
|
||||
@warningBackground: #fcf8e3;
|
||||
@warningBorder: darken(spin(@warningBackground, -10), 3%);
|
||||
|
||||
@errorText: #b94a48;
|
||||
@errorBackground: #f2dede;
|
||||
@errorBorder: darken(spin(@errorBackground, -10), 3%);
|
||||
|
||||
@successText: #468847;
|
||||
@successBackground: #dff0d8;
|
||||
@successBorder: darken(spin(@successBackground, -10), 5%);
|
||||
|
||||
@infoText: #3a87ad;
|
||||
@infoBackground: #d9edf7;
|
||||
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
||||
|
||||
|
||||
|
||||
// GRID
|
||||
// --------------------------------------------------
|
||||
|
||||
// Default 940px grid
|
||||
@gridColumns: 12;
|
||||
@gridColumnWidth: 60px;
|
||||
@gridGutterWidth: 20px;
|
||||
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||
|
||||
// Fluid grid
|
||||
@fluidGridColumnWidth: 6.382978723%;
|
||||
@fluidGridGutterWidth: 2.127659574%;
|
||||
0
css/bootstrap/lib/wells.less → css/less/wells.less
Normal file → Executable file
0
css/bootstrap/lib/wells.less → css/less/wells.less
Normal file → Executable file
389
css/style.css
389
css/style.css
@@ -1,5 +1,9 @@
|
||||
/*
|
||||
* HTML5 ✰ Boilerplate
|
||||
* HTML5 Boilerplate
|
||||
*
|
||||
* What follows is the result of much research on cross-browser styling.
|
||||
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
|
||||
* Kroc Camen, and the H5BP dev community and team.
|
||||
*
|
||||
* Detailed information about this CSS: h5bp.com/css
|
||||
*
|
||||
@@ -12,14 +16,13 @@ audio:not([controls]) { display: none; }
|
||||
[hidden] { display: none; }
|
||||
|
||||
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
||||
body { margin: 0; /* add your base font-size and line-height here */ }
|
||||
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
|
||||
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
|
||||
body { margin: 0; font-size: 1em; line-height: 1.4; }
|
||||
|
||||
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
||||
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
||||
|
||||
a { color: #00e; }
|
||||
a:visited { color: #551a8b; }
|
||||
a:hover { color: #06e; }
|
||||
a:focus { outline: thin dotted; }
|
||||
a:hover, a:active { outline: 0; }
|
||||
@@ -53,6 +56,7 @@ legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
|
||||
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
|
||||
button, input { line-height: normal; }
|
||||
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
|
||||
button[disabled], input[disabled] { cursor: default; }
|
||||
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
|
||||
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-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
|
||||
@@ -64,401 +68,38 @@ input:invalid, textarea:invalid { background-color: #f0dddd; }
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
td { vertical-align: top; }
|
||||
|
||||
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
|
||||
|
||||
|
||||
/* ==|== roots styles ======================================================= */
|
||||
|
||||
a:active, input.button:active { outline: 0; position: relative; top: 1px; }
|
||||
|
||||
.button, #post-nav a, #comments-nav a {
|
||||
display: inline-block;
|
||||
background: #06c;
|
||||
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
||||
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
||||
background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
||||
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
.button:hover, #post-nav a:hover, #comments-nav a:hover {
|
||||
background: #09f;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Header
|
||||
/* ==|== primary styles =====================================================
|
||||
Author:
|
||||
========================================================================== */
|
||||
|
||||
#banner { position: relative; margin: 16px auto 0; z-index: 1000; }
|
||||
#banner .container { padding: 0; }
|
||||
|
||||
#logo { float: left; width: 300px; height: 75px; margin: 0 0 16px; padding: 0; }
|
||||
|
||||
#nav-main ul {
|
||||
background: #06c;
|
||||
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
||||
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
||||
background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
||||
position: relative;
|
||||
list-style: none;
|
||||
margin: 0 0 16px 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
width: 100%;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
#nav-main ul li { float: left; margin: 0; *zoom: 1; }
|
||||
#nav-main ul li:hover { position: relative; }
|
||||
#nav-main ul li a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
padding: 8px 16px;
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
#nav-main ul li a:hover,
|
||||
#nav-main ul li.current-menu-item > a,
|
||||
#nav-main ul li.current-menu-parent > a,
|
||||
#nav-main ul li.current-menu-ancestor > a,
|
||||
#nav-main ul li.current-page-item > a,
|
||||
#nav-main ul li.current-page-parent > a,
|
||||
#nav-main ul li.current-page-ancestor > a
|
||||
#nav-main ul li:hover > a {
|
||||
color: #73c8ff;
|
||||
}
|
||||
|
||||
#nav-main ul ul {
|
||||
position: absolute;
|
||||
visibility: hidden;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 200px;
|
||||
background: #73c8ff;
|
||||
padding: 0;
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
#nav-main ul ul li { float: none; }
|
||||
#nav-main ul ul li a {
|
||||
font-size: 12px;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
||||
padding: 4px 16px;
|
||||
width: 168px; /* account for the width of ul#nav-main ul and the padding on the anchor */
|
||||
display: inline-block;
|
||||
|
||||
}
|
||||
#nav-main ul ul li a:hover,
|
||||
#nav-main ul ul li.current-menu-item > a,
|
||||
#nav-main ul ul li.current-menu-parent > a,
|
||||
#nav-main ul ul li.current-menu-ancestor > a,
|
||||
#nav-main ul ul li.current-page-item > a,
|
||||
#nav-main ul ul li.current-page-parent > a,
|
||||
#nav-main ul ul li.current-page-ancestor > a
|
||||
#nav-main ul ul li:hover > a {
|
||||
color: #06c;
|
||||
}
|
||||
|
||||
#nav-main ul ul ul { left: 100%; top: 0; }
|
||||
#nav-main ul li:hover > ul { visibility: visible; }
|
||||
|
||||
#nav-utility { position: absolute; top: 0; right: 0; }
|
||||
#nav-utility ul { list-style: none; margin: 0; padding: 0; float: right; width: auto; position: relative; }
|
||||
#nav-utility ul li { float: left; position: relative; }
|
||||
#nav-utility ul li a { display: block; float: left; padding: 2px 6px; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Content
|
||||
========================================================================== */
|
||||
|
||||
#content { margin-bottom: 24px; }
|
||||
#content .container { width: auto; position: relative; padding: 0; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Primary Content
|
||||
========================================================================== */
|
||||
|
||||
#main { position: relative; }
|
||||
#main .container { padding: 0; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Sidebar
|
||||
========================================================================== */
|
||||
|
||||
#sidebar { position: relative; }
|
||||
#sidebar .container { width: auto; padding: 0; }
|
||||
#sidebar .widget { clear: both; margin-bottom: 1.5em; }
|
||||
#sidebar .widget .gform_wrapper ul { padding: 0; list-style-type: none; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Posts
|
||||
========================================================================== */
|
||||
|
||||
.hentry header { margin-bottom: 1.5em; }
|
||||
.hentry h1 { line-height: 1.2em; margin-bottom: 0.2em; }
|
||||
.hentry h2:first-child { line-height: 1.2em; margin-bottom: 0; }
|
||||
.hentry h2 a { text-decoration: none; }
|
||||
.hentry time { display: block; font-size: 1.2em; position: relative; }
|
||||
.hentry p.byline { }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Post & Comment Navigation
|
||||
========================================================================== */
|
||||
|
||||
#post-nav { clear: both; *display: inline-block; }
|
||||
#post-nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
|
||||
#post-nav .post-previous { float: left; width: 50%; }
|
||||
#post-nav .post-next { float: right; width: 50%; text-align: right; }
|
||||
#post-nav .post-next a { float: right; }
|
||||
|
||||
#comments-nav { clear: both; margin: 0 0 1.5em 0; *display: inline-block; }
|
||||
#comments-nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
|
||||
#comments-nav .comments-previous { float: left; width: 50%; }
|
||||
#comments-nav .comments-next { float: right; width: 50%; text-align: right; }
|
||||
#comments-nav .comments-next a { float: right; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Post Comments
|
||||
========================================================================== */
|
||||
|
||||
ol.commentlist img.avatar { float: left; margin-right: 10px; }
|
||||
ol.commentlist time { display: block; font-size: 1em; margin-bottom: 0.5em; position: relative; }
|
||||
#commentform label { display: block; }
|
||||
#commentform textarea { display: block; }
|
||||
#commentform input.button { margin-top: 0.5em; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Galleries
|
||||
========================================================================== */
|
||||
|
||||
figure.gallery-item { float: left; margin: 0 1em 1em 0; position: relative; }
|
||||
figure.gallery-item a img {
|
||||
border: 4px solid #bbb;
|
||||
-moz-border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
figure.gallery-item a:hover img { border-color: #ccc; }
|
||||
figure.gallery-item figcaption { display: none; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Footer
|
||||
========================================================================== */
|
||||
|
||||
#content-info { clear: both; position: relative; }
|
||||
#content-info > .container { padding: 0 0 1.5em; }
|
||||
|
||||
#content-info ul.menu { margin: 0 0 24px; padding: 0; list-style-type: none; }
|
||||
#content-info ul.menu li { display: inline; margin-right: 1em; }
|
||||
|
||||
#content-info p.copy small { font-size: 1em; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Gravity Forms
|
||||
========================================================================== */
|
||||
|
||||
.gform_wrapper { margin: 0; max-width: none; }
|
||||
.gform_wrapper .gform_heading { width: 100%; margin-bottom: 1.5em; }
|
||||
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-size: 1.5em; font-weight: 400; }
|
||||
.gform_wrapper h3.gform_title { margin-top: 0; }
|
||||
.gform_wrapper .top_label .gfield_label { margin: 6px 0 0 0; }
|
||||
.gform_wrapper .top_label input.medium { padding-right: 0; }
|
||||
.gform_wrapper .left_label .gfield_label,
|
||||
.gform_wrapper .right_label .gfield_label { margin: 10px 10px 0 0; }
|
||||
.gform_wrapper .left_label ul.gfield_checkbox,
|
||||
.gform_wrapper .left_label ul.gfield_radio,
|
||||
.gform_wrapper .right_label ul.gfield_checkbox,
|
||||
.gform_wrapper .right_label ul.gfield_radio {
|
||||
margin: 9px 0 0 31%;
|
||||
}
|
||||
.gform_wrapper input[type=text],
|
||||
.gform_wrapper input[type=url],
|
||||
.gform_wrapper input[type=email],
|
||||
.gform_wrapper input[type=tel],
|
||||
.gform_wrapper input[type=file],
|
||||
.gform_wrapper input[type=number],
|
||||
.gform_wrapper input[type=password],
|
||||
.gform_wrapper textarea,
|
||||
.gform_wrapper select {
|
||||
font-size: 1em;
|
||||
line-height: 14px;
|
||||
padding: 4px;
|
||||
margin: 6px 0;
|
||||
border: 1px solid #bbb;
|
||||
-moz-background-clip: padding;
|
||||
-webkit-background-clip: padding;
|
||||
background-clip: padding-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.gform_wrapper input[type=text]:focus,
|
||||
.gform_wrapper input[type=url]:focus,
|
||||
.gform_wrapper input[type=email]:focus,
|
||||
.gform_wrapper input[type=tel]:focus,
|
||||
.gform_wrapper input[type=number]:focus,
|
||||
.gform_wrapper input[type=password]:focus,
|
||||
.gform_wrapper textarea:focus,
|
||||
.gform_wrapper select:focus {
|
||||
border: 1px solid #666;
|
||||
}
|
||||
.gform_wrapper select { padding: 3px; }
|
||||
.gform_wrapper .small, .gform_wrapper .large { font-size: 1em; line-height: 14px; }
|
||||
.gform_wrapper ul.right_label li,
|
||||
.gform_wrapper ul.left_label li,
|
||||
.gform_wrapper form ul.right_label li,
|
||||
.gform_wrapper form ul.left_label li {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.gform_wrapper .description,
|
||||
.gform_wrapper .gfield_description,
|
||||
.gform_wrapper .gsection_description,
|
||||
.gform_wrapper .instruction {
|
||||
font-size: 0.9em;
|
||||
font-style: normal;
|
||||
padding: 0;
|
||||
}
|
||||
.gform_wrapper .right_label .gfield_description,
|
||||
.gform_wrapper .right_label .instruction,
|
||||
.gform_wrapper .left_label .gfield_description,
|
||||
.gform_wrapper .left_label .instruction {
|
||||
padding: 0;
|
||||
margin-left: 31%;
|
||||
}
|
||||
.gform_wrapper .ginput_complex label,
|
||||
.gform_wrapper .gfield_time_hour label,
|
||||
.gform_wrapper .gfield_time_minute label,
|
||||
.gform_wrapper .gfield_date_month label,
|
||||
.gform_wrapper .gfield_date_day label,
|
||||
.gform_wrapper .gfield_date_year label,
|
||||
.gform_wrapper .instruction {
|
||||
font-size: 0.9em;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0;
|
||||
margin: 0 0 6px 0;
|
||||
}
|
||||
.gform_wrapper .gfield_checkbox li input[type=checkbox],
|
||||
.gform_wrapper .gfield_radio li input[type=radio],
|
||||
.gform_wrapper .gfield_checkbox li input { float: none; display: inline-block; margin-top: 0; vertical-align: middle; }
|
||||
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: inline-block; margin: 0 0 0 8px; vertical-align: middle; }
|
||||
.gform_wrapper .left_label .ginput_complex .ginput_right label,
|
||||
.gform_wrapper .left_label .ginput_complex .ginput_left label,
|
||||
.gform_wrapper .right_label .ginput_complex .ginput_right label,
|
||||
.gform_wrapper .right_label .ginput_complex .ginput_left label { word-spacing: 0; }
|
||||
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font-weight: 400; }
|
||||
img.ui-datepicker-trigger { vertical-align: middle; }
|
||||
.gform_wrapper .gf_progressbar_wrapper { width: 100%; }
|
||||
.gform_wrapper .gf_page_steps { border-bottom: 1px dashed #ddd; width: 100%; }
|
||||
.gform_wrapper .gf_step { font-family: sans-serif; }
|
||||
.gform_wrapper .gf_step span.gf_step_number { font-family: sans-serif; }
|
||||
.gform_wrapper .gsection { border-bottom: 1px dashed #ddd; }
|
||||
.gform_wrapper .gform_page_footer { border-top: 1px dashed #ddd; }
|
||||
.gform_wrapper .gform_footer { margin: 6px 0 0 0; padding: 0; }
|
||||
.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { margin: 6px 0 0 0; padding: 0 0 0 31%; }
|
||||
.gform_footer input.button { *padding: 8px 16px; }
|
||||
.gform_wrapper .gform_edit_link { display: none; }
|
||||
.gform_wrapper .validation_error { font-size: 1em; font-weight: 400; padding: 0.8em; margin-bottom: 1.5em; background: #fbe3e4; color: #8a1f11; border: 2px solid #fbc2c4; }
|
||||
.gform_wrapper .validation_message { display: none; }
|
||||
.gform_wrapper li.gfield.gfield_error {
|
||||
background: none;
|
||||
margin-bottom: 6px !important;
|
||||
padding: 0 !important;
|
||||
border: none;
|
||||
}
|
||||
.gform_wrapper .top_label .gfield_error .ginput_container { max-width: none; }
|
||||
.gform_wrapper .top_label .gfield_error { margin-bottom: 0 !important; }
|
||||
.gform_wrapper .gfield_error .gfield_label { color: #8a1f11; }
|
||||
.gform_wrapper .gfield_error input,
|
||||
.gform_wrapper .gfield_error select,
|
||||
.gform_wrapper .gfield_error textarea { background: #FBE3E4; border-color: #FBC2C4; }
|
||||
.gform_wrapper .top_label .gfield_error input,
|
||||
.gform_wrapper .top_label .gfield_error textarea,
|
||||
.gform_wrapper .top_label .gfield_error select { border-color: #FBC2C4; }
|
||||
.gform_wrapper .top_label .gfield_error { width: auto; }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Search form
|
||||
========================================================================== */
|
||||
|
||||
#searchform #s { padding: 5px; }
|
||||
|
||||
|
||||
|
||||
/* ==|== media queries ======================================================
|
||||
PLACEHOLDER Media Queries for Responsive Design.
|
||||
These override the primary ('mobile first') styles
|
||||
EXAMPLE Media Query for Responsive Design.
|
||||
This example overrides the primary ('mobile first') styles
|
||||
Modify as content requires.
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (min-width: 480px) {
|
||||
/* Style adjustments for viewports 480px and over go here */
|
||||
|
||||
@media only screen and (min-width: 35em) {
|
||||
/* Style adjustments for viewports that meet the condition */
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
/* Style adjustments for viewports 768px and over go here */
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ==|== wordpress generated classes ========================================
|
||||
See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
|
||||
========================================================================== */
|
||||
|
||||
.aligncenter { display: block; margin: 0 auto; }
|
||||
.alignleft { margin: 0 1.5em 1.5em 0; float: left; }
|
||||
.alignright { margin: 0 0 1.5em 1.5em; float: right; }
|
||||
|
||||
.wp-caption { border: 1px solid #ddd; text-align: center; background: #eee; padding: 14px 10px 6px 10px; margin: 15px 10px; }
|
||||
.wp-caption-text { margin: 0; }
|
||||
|
||||
|
||||
|
||||
/* ==|== non-semantic helper classes ======================================== */
|
||||
|
||||
Reference in New Issue
Block a user