clean up commented out css, slightly updated docs again
This commit is contained in:
Mark Otto
parent
1905a992d9
commit
9e33ab20ab
|
|
@ -1,17 +1,16 @@
|
|||
/*
|
||||
* Master Stylesheet
|
||||
* This file is only for importing all required stylesheets for LESS to include and then compile.
|
||||
*
|
||||
*
|
||||
* Copyright 2011 Twitter, Inc
|
||||
* Open-sourced under Apache License v2.0: http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Designed and built @twitter by @mdo and @fat, like bosses.
|
||||
*/
|
||||
/* 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 (dfn, samp, etc).
|
||||
* ----------------------------------------------------------------- */
|
||||
/*
|
||||
* 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).
|
||||
*/
|
||||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
@ -122,9 +121,12 @@ aside {
|
|||
clear: both;
|
||||
content: ".";
|
||||
}
|
||||
/* Scaffolding.less
|
||||
/*
|
||||
* Scaffolding
|
||||
* Basic and global styles for generating a grid system, structural layout, and page templates
|
||||
* ------------------------------------------------------------------------------------------- */
|
||||
*/
|
||||
/* Baseline Grid System
|
||||
-------------------------------------------------- */
|
||||
div.row {
|
||||
zoom: 1;
|
||||
}
|
||||
|
|
@ -263,6 +265,8 @@ div.row div.span16 {
|
|||
div.row div.span16:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
/* Structural Layout
|
||||
-------------------------------------------------- */
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
@ -299,6 +303,8 @@ div.container-fluid div.content {
|
|||
max-width: 1180px;
|
||||
margin-left: 240px;
|
||||
}
|
||||
/* Base Styles
|
||||
-------------------------------------------------- */
|
||||
a {
|
||||
color: #0069d6;
|
||||
text-decoration: none;
|
||||
|
|
@ -338,35 +344,17 @@ a:hover {
|
|||
text-decoration: none;
|
||||
}
|
||||
.btn.primary {
|
||||
background-color: #0069d6;
|
||||
background-color: #0064cd;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#08b5fb), to(#0069d6));
|
||||
/* Konqueror */
|
||||
|
||||
background-image: -moz-linear-gradient(#08b5fb, #0069d6);
|
||||
/* FF 3.6+ */
|
||||
|
||||
background-image: -ms-linear-gradient(#08b5fb, #0069d6);
|
||||
/* IE10 */
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #08b5fb), color-stop(100%, #0069d6));
|
||||
/* Safari 4+, Chrome 2+ */
|
||||
|
||||
background-image: -webkit-linear-gradient(#08b5fb, #0069d6);
|
||||
/* Safari 5.1+, Chrome 10+ */
|
||||
|
||||
background-image: -o-linear-gradient(#08b5fb, #0069d6);
|
||||
/* Opera 11.10 */
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b5fb', endColorstr='#0069d6', GradientType=0)";
|
||||
/* IE8+ */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b5fb', endColorstr='#0069d6', GradientType=0);
|
||||
/* IE6 & IE7 */
|
||||
|
||||
background-image: linear-gradient(#08b5fb, #0069d6);
|
||||
/* the standard */
|
||||
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
|
||||
background-image: -moz-linear-gradient(#049cdb, #0064cd);
|
||||
background-image: -ms-linear-gradient(#049cdb, #0064cd);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
|
||||
background-image: -webkit-linear-gradient(#049cdb, #0064cd);
|
||||
background-image: -o-linear-gradient(#049cdb, #0064cd);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0)";
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
|
||||
background-image: linear-gradient(#049cdb, #0064cd);
|
||||
color: #fff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
|
@ -578,9 +566,12 @@ pre {
|
|||
border-radius: 3px;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
/* Forms.less
|
||||
/*
|
||||
* Forms.less
|
||||
* Base styles for various input types, form layouts, and states
|
||||
* ------------------------------------------------------------- */
|
||||
*/
|
||||
/* Global form styles
|
||||
-------------------------------------------------- */
|
||||
form {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
|
@ -898,9 +889,12 @@ form.form-stacked ul.inputs-list li label {
|
|||
font-weight: normal;
|
||||
padding-top: 0;
|
||||
}
|
||||
/* Tables.less
|
||||
/*
|
||||
* Tables.less
|
||||
* Tables for, you guessed it, tabular data
|
||||
* ---------------------------------------- */
|
||||
*/
|
||||
/* Baseline styles
|
||||
-------------------------------------------------- */
|
||||
table {
|
||||
width: 100%;
|
||||
margin-bottom: 18px;
|
||||
|
|
@ -920,6 +914,8 @@ table th {
|
|||
font-weight: bold;
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
/* Zebra-striping
|
||||
-------------------------------------------------- */
|
||||
table.zebra-striped tbody tr:nth-child(odd) td {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
|
@ -955,11 +951,11 @@ table.zebra-striped th.headerSortUp, table.zebra-striped th.headerSortUp:hover {
|
|||
background-position: right -65px;
|
||||
}
|
||||
table.zebra-striped th.blue {
|
||||
color: #08b5fb;
|
||||
border-bottom-color: #08b5fb;
|
||||
color: #049cdb;
|
||||
border-bottom-color: #049cdb;
|
||||
}
|
||||
table.zebra-striped th.headerSortUp.blue, table.zebra-striped th.headerSortDown.blue {
|
||||
background-color: #d1f1fe;
|
||||
background-color: #ade6fe;
|
||||
}
|
||||
table.zebra-striped th.green {
|
||||
color: #46a546;
|
||||
|
|
@ -1003,32 +999,14 @@ div.topbar {
|
|||
background-color: #222222;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
|
||||
/* Konqueror */
|
||||
|
||||
background-image: -moz-linear-gradient(#333333, #222222);
|
||||
/* FF 3.6+ */
|
||||
|
||||
background-image: -ms-linear-gradient(#333333, #222222);
|
||||
/* IE10 */
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
|
||||
/* Safari 4+, Chrome 2+ */
|
||||
|
||||
background-image: -webkit-linear-gradient(#333333, #222222);
|
||||
/* Safari 5.1+, Chrome 10+ */
|
||||
|
||||
background-image: -o-linear-gradient(#333333, #222222);
|
||||
/* Opera 11.10 */
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0)";
|
||||
/* IE8+ */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
|
||||
/* IE6 & IE7 */
|
||||
|
||||
background-image: linear-gradient(#333333, #222222);
|
||||
/* the standard */
|
||||
|
||||
height: 40px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
|
@ -1260,32 +1238,14 @@ div.alert-message {
|
|||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.15)));
|
||||
/* Konqueror */
|
||||
|
||||
background-image: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
|
||||
/* FF 3.6+ */
|
||||
|
||||
background-image: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
|
||||
/* IE10 */
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.15)));
|
||||
/* Safari 4+, Chrome 2+ */
|
||||
|
||||
background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
|
||||
/* Safari 5.1+, Chrome 10+ */
|
||||
|
||||
background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.15));
|
||||
/* Opera 11.10 */
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0)";
|
||||
/* IE8+ */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(0, 0, 0, 0.15)', GradientType=0);
|
||||
/* IE6 & IE7 */
|
||||
|
||||
background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15));
|
||||
/* the standard */
|
||||
|
||||
background-color: #e6e6e6;
|
||||
margin-bottom: 18px;
|
||||
padding: 8px 15px;
|
||||
|
|
@ -1313,7 +1273,7 @@ div.alert-message.success {
|
|||
background-color: #74c474;
|
||||
}
|
||||
div.alert-message.info {
|
||||
background-color: #53ccfc;
|
||||
background-color: #30c0fb;
|
||||
}
|
||||
div.alert-message a.close {
|
||||
float: right;
|
||||
|
|
@ -1372,8 +1332,8 @@ div.block-message.success {
|
|||
border: 1px solid #bbe2bb;
|
||||
}
|
||||
div.block-message.info {
|
||||
background: #eaf9ff;
|
||||
border: 1px solid #d1f1fe;
|
||||
background: #c7eefe;
|
||||
border: 1px solid #ade6fe;
|
||||
}
|
||||
ul.tabs, ul.pills {
|
||||
margin: 0 0 20px;
|
||||
|
|
@ -1464,7 +1424,7 @@ div.pagination ul li a {
|
|||
text-decoration: none;
|
||||
}
|
||||
div.pagination ul li a:hover, div.pagination ul li.active a {
|
||||
background-color: #eaf9ff;
|
||||
background-color: #c7eefe;
|
||||
}
|
||||
div.pagination ul li.disabled a, div.pagination ul li.disabled a:hover {
|
||||
background-color: none;
|
||||
|
|
@ -1552,34 +1512,3 @@ div.modal .modal-footer .btn {
|
|||
float: right;
|
||||
margin-left: 10px;
|
||||
}
|
||||
div.quickstart {
|
||||
background-color: #f5f5f5;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
|
||||
/* Konqueror */
|
||||
|
||||
background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5);
|
||||
/* FF 3.6+ */
|
||||
|
||||
background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5);
|
||||
/* IE10 */
|
||||
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
|
||||
/* Safari 4+, Chrome 2+ */
|
||||
|
||||
background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5);
|
||||
/* Safari 5.1+, Chrome 10+ */
|
||||
|
||||
background-image: -o-linear-gradient(#f9f9f9, #f5f5f5);
|
||||
/* Opera 11.10 */
|
||||
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";
|
||||
/* IE8+ */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
|
||||
/* IE6 & IE7 */
|
||||
|
||||
background-image: linear-gradient(#f9f9f9, #f5f5f5);
|
||||
/* the standard */
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ div.container-fluid div.sidebar{float:left;width:220px;}
|
|||
div.container-fluid div.content{min-width:700px;max-width:1180px;margin-left:240px;}
|
||||
a{color:#0069d6;text-decoration:none;line-height:inherit;}a:hover{color:#0050a3;text-decoration:underline;}
|
||||
.btn{display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, color-stop(0.25, #ffffff), #e6e6e6);background-image:-moz-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);padding:4px 14px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333333;font-size:13px;line-height:18px;border:1px solid rgba(0, 0, 0, 0.1);border-bottom-color:rgba(0, 0, 0, 0.25);-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;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333333;text-decoration:none;}
|
||||
.btn.primary{background-color:#0069d6;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#08b5fb), to(#0069d6));background-image:-moz-linear-gradient(#08b5fb, #0069d6);background-image:-ms-linear-gradient(#08b5fb, #0069d6);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #08b5fb), color-stop(100%, #0069d6));background-image:-webkit-linear-gradient(#08b5fb, #0069d6);background-image:-o-linear-gradient(#08b5fb, #0069d6);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b5fb', endColorstr='#0069d6', GradientType=0)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08b5fb', endColorstr='#0069d6', GradientType=0);background-image:linear-gradient(#08b5fb, #0069d6);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.btn.primary:hover{color:#fff;}
|
||||
.btn.primary{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(#049cdb, #0064cd);background-image:-ms-linear-gradient(#049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(#049cdb, #0064cd);background-image:-o-linear-gradient(#049cdb, #0064cd);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);background-image:linear-gradient(#049cdb, #0064cd);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}.btn.primary:hover{color:#fff;}
|
||||
.btn.large{font-size:16px;line-height:28px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
|
||||
.btn.small{padding-right:9px;padding-left:9px;font-size:11px;}
|
||||
.btn:disabled,.btn.disabled{background-image:none;filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;cursor:default;}
|
||||
|
|
@ -122,8 +122,8 @@ table.zebra-striped th.header:hover{background-image:url(assets/img/tablesorter-
|
|||
table.zebra-striped th.actions:hover{background-image:none;}
|
||||
table.zebra-striped th.headerSortDown,table.zebra-striped th.headerSortDown:hover{background-position:right -25px;}
|
||||
table.zebra-striped th.headerSortUp,table.zebra-striped th.headerSortUp:hover{background-position:right -65px;}
|
||||
table.zebra-striped th.blue{color:#08b5fb;border-bottom-color:#08b5fb;}
|
||||
table.zebra-striped th.headerSortUp.blue,table.zebra-striped th.headerSortDown.blue{background-color:#d1f1fe;}
|
||||
table.zebra-striped th.blue{color:#049cdb;border-bottom-color:#049cdb;}
|
||||
table.zebra-striped th.headerSortUp.blue,table.zebra-striped th.headerSortDown.blue{background-color:#ade6fe;}
|
||||
table.zebra-striped th.green{color:#46a546;border-bottom-color:#46a546;}
|
||||
table.zebra-striped th.headerSortUp.green,table.zebra-striped th.headerSortDown.green{background-color:#cdeacd;}
|
||||
table.zebra-striped th.red{color:#9d261d;border-bottom-color:#9d261d;}
|
||||
|
|
@ -158,7 +158,7 @@ div.alert-message{background-color:rgba(0, 0, 0, 0.15);background-repeat:repeat-
|
|||
div.alert-message.error{background-color:#e06359;}
|
||||
div.alert-message.warning{background-color:#ffd75a;}
|
||||
div.alert-message.success{background-color:#74c474;}
|
||||
div.alert-message.info{background-color:#53ccfc;}
|
||||
div.alert-message.info{background-color:#30c0fb;}
|
||||
div.alert-message a.close{float:right;margin-top:-2px;opacity:.5;color:#fff;font-size:20px;font-weight:bold;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}div.alert-message a.close:hover{opacity:1;text-decoration:none;}
|
||||
div.block-message{margin-bottom:18px;padding:14px;color:#404040;color:rgba(0, 0, 0, 0.8);text-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}div.block-message p{color:#404040;color:rgba(0, 0, 0, 0.8);margin-right:30px;margin-bottom:0;}
|
||||
div.block-message ul{margin-bottom:0;}
|
||||
|
|
@ -167,7 +167,7 @@ div.block-message a.close{display:block;color:#404040;color:rgba(0, 0, 0, 0.5);t
|
|||
div.block-message.error{background:#f8dcda;border:1px solid #f4c8c5;}
|
||||
div.block-message.warning{background:#fff0c0;border:1px solid #ffe38d;}
|
||||
div.block-message.success{background:#dff1df;border:1px solid #bbe2bb;}
|
||||
div.block-message.info{background:#eaf9ff;border:1px solid #d1f1fe;}
|
||||
div.block-message.info{background:#c7eefe;border:1px solid #ade6fe;}
|
||||
ul.tabs,ul.pills{margin:0 0 20px;padding:0;zoom:1;}ul.tabs:after,ul.pills:after{display:block;visibility:hidden;height:0;clear:both;content:".";}
|
||||
ul.tabs li,ul.pills li{display:inline;}ul.tabs li a,ul.pills li a{float:left;width:auto;}
|
||||
ul.tabs{width:100%;border-bottom:1px solid #bfbfbf;}ul.tabs li a{margin-bottom:-1px;margin-right:2px;padding:0 15px;line-height:35px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}ul.tabs li a:hover{background-color:#e6e6e6;border-bottom:1px solid #bfbfbf;}
|
||||
|
|
@ -175,7 +175,7 @@ ul.tabs li.active a{background-color:#fff;padding:0 14px;border:1px solid #ccc;b
|
|||
ul.pills li a{margin:5px 3px 5px 0;padding:0 15px;text-shadow:0 1px 1px #fff;line-height:30px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}ul.pills li a:hover{background:#0050a3;color:#fff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
|
||||
ul.pills li.active a{background:#0069d6;color:#fff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);}
|
||||
div.pagination{height:36px;margin:18px 0;}div.pagination ul{float:left;margin:0;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.075);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.075);box-shadow:0 1px 2px rgba(0, 0, 0, 0.075);}div.pagination ul li{display:inline;}div.pagination ul li a{float:left;padding:0 14px;line-height:34px;border-right:1px solid rgba(0, 0, 0, 0.15);text-decoration:none;}
|
||||
div.pagination ul li a:hover,div.pagination ul li.active a{background-color:#eaf9ff;}
|
||||
div.pagination ul li a:hover,div.pagination ul li.active a{background-color:#c7eefe;}
|
||||
div.pagination ul li.disabled a,div.pagination ul li.disabled a:hover{background-color:none;color:#bfbfbf;}
|
||||
div.pagination ul li.next a,div.pagination ul li:last-child a{border:0;}
|
||||
div.well{background:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #ddd;-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);}
|
||||
|
|
@ -184,4 +184,3 @@ div.modal{position:fixed;top:50%;left:50%;z-index:2000;width:560px;margin:-280px
|
|||
div.modal .modal-body{padding:20px;}
|
||||
div.modal .modal-footer{background-color:#eee;padding:14px 20px 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;}div.modal .modal-footer:after{display:block;visibility:hidden;height:0;clear:both;content:".";}
|
||||
div.modal .modal-footer .btn{float:right;margin-left:10px;}
|
||||
div.quickstart{background-color:#f5f5f5;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));background-image:-moz-linear-gradient(#f9f9f9, #f5f5f5);background-image:-ms-linear-gradient(#f9f9f9, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(#f9f9f9, #f5f5f5);background-image:-o-linear-gradient(#f9f9f9, #f5f5f5);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);background-image:linear-gradient(#f9f9f9, #f5f5f5);}
|
||||
|
|
|
|||
|
|
@ -51,6 +51,7 @@ section {
|
|||
line-height: 1;
|
||||
text-align: center;
|
||||
margin-bottom: 9px;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,.5);
|
||||
}
|
||||
#masthead p.lead {
|
||||
font-size: 20px;
|
||||
|
|
@ -59,51 +60,27 @@ section {
|
|||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
#masthead a.btn {
|
||||
background-color: #552e7e;
|
||||
background-repeat: no-repeat;
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));
|
||||
background-image: -webkit-linear-gradient(#7a43b6, #552e7e);
|
||||
background-image: -moz-linear-gradient(#7a43b6, #552e7e);
|
||||
background-image: -o-linear-gradient(top, #7a43b6, #552e7e);
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#7a43b6), to(#552e7e));
|
||||
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a43b6', EndColorStr='#552e7e', GradientType=0))";
|
||||
padding-top: 5px;
|
||||
padding-bottom: 4px;
|
||||
margin-bottom: 18px;
|
||||
font-weight: normal;
|
||||
border: 0;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.4);
|
||||
-webkit-transition: all 0.2s linear;
|
||||
-moz-transition: all 0.2s linear;
|
||||
transition: all 0.2s linear;
|
||||
}
|
||||
#masthead small {
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
line-height: 18px;
|
||||
color: rgba(255,255,255,0.5);
|
||||
}
|
||||
#masthead small a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
div.quickstart {
|
||||
background-color: rgba(0,0,0,.03);
|
||||
background-color: #f5f5f5;
|
||||
background-repeat: repeat-x;
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
|
||||
background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5);
|
||||
background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5);
|
||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
|
||||
background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5);
|
||||
background-image: -o-linear-gradient(#f9f9f9, #f5f5f5);
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
|
||||
background-image: linear-gradient(#f9f9f9, #f5f5f5);
|
||||
margin-bottom: -36px;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
div.quickstart div.row {
|
||||
margin: 0 -20px;
|
||||
/* background-color: rgba(0,0,0,.1); */
|
||||
}
|
||||
div.quickstart div.columns {
|
||||
/* background-color: rgba(0,0,0,.1); */
|
||||
width: 285px;
|
||||
height: 100px;
|
||||
margin-left: 0;
|
||||
|
|
@ -113,7 +90,6 @@ div.quickstart div.columns {
|
|||
div.quickstart div.columns:last-child {
|
||||
border-right: 1px solid #eee;
|
||||
width: 286px;
|
||||
/* padding-right: 20px; */
|
||||
}
|
||||
div.quickstart h6,
|
||||
div.quickstart p {
|
||||
|
|
@ -137,64 +113,7 @@ div.quickstart form textarea {
|
|||
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
|
||||
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
|
||||
box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
|
||||
/*
|
||||
border: 0;
|
||||
display: block;
|
||||
width: 270px;
|
||||
margin: 0 0 9px;
|
||||
padding: 3px 5px;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.15);
|
||||
-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.15);
|
||||
box-shadow: inset 0 1px 3px rgba(0,0,0,.2), 0 1px 0 rgba(255,255,255,.15);
|
||||
color: #fff;
|
||||
color: rgba(255,255,255,.65);
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
*/
|
||||
}
|
||||
/*
|
||||
div.quickstart form textarea:focus {
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
-webkit-box-shadow: 0 0 5px rgba(255,255,255,.25);
|
||||
-moz-box-shadow: 0 0 5px rgba(255,255,255,.25);
|
||||
box-shadow: 0 0 5px rgba(255,255,255,.25);
|
||||
}
|
||||
*/
|
||||
|
||||
/*
|
||||
div.quick-start {
|
||||
padding: 0 20px;
|
||||
margin: 36px 0 0;
|
||||
}
|
||||
div.quick-start h4,
|
||||
div.quick-start p,
|
||||
div.quick-start form {
|
||||
float: left;
|
||||
}
|
||||
#masthead div.quick-start p {
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
line-height: 27px;
|
||||
color: rgba(255,255,255,.5);
|
||||
}
|
||||
div.quick-start p a {
|
||||
color: #fff;
|
||||
}
|
||||
div.quick-start form {
|
||||
margin-bottom: 0;
|
||||
padding: 0 10px;
|
||||
}
|
||||
div.quick-start form input {
|
||||
width: 530px;
|
||||
border: none;
|
||||
padding: 3px 5px;
|
||||
height: 21px;
|
||||
line-height: 21px;
|
||||
}
|
||||
*/
|
||||
#footer {
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
/*
|
||||
* Master Stylesheet
|
||||
* This file is only for importing all required stylesheets for LESS to include and then compile.
|
||||
*
|
||||
*
|
||||
* Copyright 2011 Twitter, Inc
|
||||
* Open-sourced under Apache License v2.0: http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
|
|
@ -20,9 +20,4 @@
|
|||
@import "type.less";
|
||||
@import "forms.less";
|
||||
@import "tables.less";
|
||||
@import "patterns.less";
|
||||
|
||||
|
||||
div.quickstart {
|
||||
#gradient > .vertical(#f9f9f9,#f5f5f5);
|
||||
}
|
||||
@import "patterns.less";
|
||||
|
|
@ -1,9 +1,11 @@
|
|||
/* Forms.less
|
||||
/*
|
||||
* Forms.less
|
||||
* Base styles for various input types, form layouts, and states
|
||||
* ------------------------------------------------------------- */
|
||||
*/
|
||||
|
||||
// Global form styles
|
||||
// ------------------
|
||||
|
||||
/* Global form styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
form {
|
||||
margin-bottom: @baseline;
|
||||
|
|
|
|||
|
|
@ -18,8 +18,8 @@
|
|||
@white: #fff;
|
||||
|
||||
// Accent Colors
|
||||
@blue: #08b5fb;
|
||||
@blueDark: #0069d6;
|
||||
@blue: #049CDB;
|
||||
@blueDark: #0064CD;
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
|
|
@ -219,31 +219,31 @@
|
|||
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
|
||||
-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); /* IE8+ */
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); /* IE6 & IE7 */
|
||||
-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor); // IE8+
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE6 & IE7
|
||||
background-image: linear-gradient(left, @startColor, @endColor); // Le standard
|
||||
}
|
||||
.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(@startColor, @endColor); /* FF 3.6+ */
|
||||
background-image: -ms-linear-gradient(@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(@startColor, @endColor); /* Safari 5.1+, Chrome 10+ */
|
||||
background-image: -o-linear-gradient(@startColor, @endColor); /* Opera 11.10 */
|
||||
-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); /* IE8+ */
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); /* IE6 & IE7 */
|
||||
background-image: linear-gradient(@startColor, @endColor); /* the standard */
|
||||
background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
|
||||
background-image: -moz-linear-gradient(@startColor, @endColor); // FF 3.6+
|
||||
background-image: -ms-linear-gradient(@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(@startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||
background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10
|
||||
-ms-filter: %("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor); // IE8+
|
||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE6 & IE7
|
||||
background-image: linear-gradient(@startColor, @endColor); // The standard
|
||||
}
|
||||
.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 */
|
||||
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: 0.5, @endColor: #c3325f) {
|
||||
background-color: @endColor;
|
||||
|
|
|
|||
|
|
@ -1,8 +1,7 @@
|
|||
/* 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 (dfn, samp, etc).
|
||||
* ----------------------------------------------------------------- */
|
||||
/*
|
||||
* 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; }
|
||||
|
|
|
|||
|
|
@ -1,9 +1,10 @@
|
|||
/* Scaffolding.less
|
||||
/*
|
||||
* Scaffolding
|
||||
* Basic and global styles for generating a grid system, structural layout, and page templates
|
||||
* ------------------------------------------------------------------------------------------- */
|
||||
*/
|
||||
|
||||
// Baseline Grid System
|
||||
// --------------------
|
||||
/* Baseline Grid System
|
||||
-------------------------------------------------- */
|
||||
|
||||
div.row {
|
||||
.clearfix();
|
||||
|
|
@ -26,8 +27,8 @@ div.row {
|
|||
}
|
||||
|
||||
|
||||
// Structural Layout
|
||||
// -----------------
|
||||
/* Structural Layout
|
||||
-------------------------------------------------- */
|
||||
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
|
|
@ -61,8 +62,8 @@ div.container-fluid {
|
|||
}
|
||||
|
||||
|
||||
// Base Styles
|
||||
// -----------
|
||||
/* Base Styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Links
|
||||
a {
|
||||
|
|
@ -104,7 +105,7 @@ a {
|
|||
cursor: default;
|
||||
}
|
||||
&:focus {
|
||||
|
||||
|
||||
}
|
||||
&:active {
|
||||
@shadow: inset 0 3px 7px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.05);
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
/* Tables.less
|
||||
/*
|
||||
* Tables.less
|
||||
* Tables for, you guessed it, tabular data
|
||||
* ---------------------------------------- */
|
||||
*/
|
||||
|
||||
// Baseline styles
|
||||
// ---------------
|
||||
|
||||
/* Baseline styles
|
||||
-------------------------------------------------- */
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
|
|
@ -25,8 +27,9 @@ table {
|
|||
}
|
||||
}
|
||||
|
||||
// Zebra-striping
|
||||
// --------------
|
||||
|
||||
/* Zebra-striping
|
||||
-------------------------------------------------- */
|
||||
|
||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
||||
table.zebra-striped {
|
||||
|
|
|
|||
Loading…
Reference in New Issue