Commit a81dfee3 authored by Thomas Park's avatar Thomas Park
Browse files

all: modal support

parent 0887b396
......@@ -4553,6 +4553,17 @@ textarea,
background-color: #8AD5DC;
text-shadow: none;
}
.modal {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.modal-header {
color: #ad1d28;
}
.modal-body {
color: #003f4d;
}
.alert,
.label,
.progress,
......@@ -4568,6 +4579,11 @@ code {
box-shadow: none;
text-shadow: none;
}
.hero-unit {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
code,
pre {
background-color: rgba(256, 256, 256, 0.3);
......
......@@ -775,7 +775,11 @@ input,textarea,.search-query,.uneditable-input,.input-append input,.input-append
.nav-list .nav-header{text-shadow:none;color:rgba(256, 256, 256, 0.9);}
.nav-list li>a{text-shadow:none;}
.nav-list li.active>a,.nav-list li:active>a,.nav-list li>a:hover,.nav-list li.active>a:hover,.nav-list li:active>a:hover{background-color:#8AD5DC;text-shadow:none;}
.modal{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.modal-header{color:#ad1d28;}
.modal-body{color:#003f4d;}
.alert,.label,.progress,.well,pre,code{border-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;}
.hero-unit{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
code,pre{background-color:rgba(256, 256, 256, 0.3);padding:2px;}
.well{background-color:#3CB9C6;background-image:none;}
.label,.label:hover{background-color:#dddddd;text-shadow:none;color:#333333;}
......
......@@ -476,6 +476,21 @@ input, textarea, .search-query, .uneditable-input,
}
}
// MODALS
// -----------------------------------------------------
.modal {
.border-radius(0);
}
.modal-header {
color: @navbarBackground;
}
.modal-body {
color: @bodyBackground;
}
// MISCELLANEOUS
// -----------------------------------------------------
......@@ -486,6 +501,10 @@ input, textarea, .search-query, .uneditable-input,
text-shadow: none;
}
.hero-unit {
.border-radius(0);
}
code, pre {
background-color: rgba(256, 256, 256, 0.3);
padding: 2px;
......
......@@ -4122,6 +4122,25 @@ div.subnav .nav > .active > a:hover {
.btn-primary.active {
background-color: #080808 \9;
}
.modal {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #fcfbfd;
}
.modal-header {
border-bottom: none;
}
.modal-header .close {
text-decoration: none;
}
.modal-footer {
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-top: none;
}
code,
pre,
pre.prettyprint,
......
......@@ -707,6 +707,10 @@ div.subnav{background-color:#fcfbfd;background-image:none;-webkit-box-shadow:0 1
.navbar .nav-collapse.in .nav li>a,div.subnav .nav>li>a:hover,div.subnav .nav>.active>a,div.subnav .nav>.active>a:hover{color:#222222;text-decoration:none;font-weight:normal;}
.btn-primary{background-color:#2a2a2a;background-image:-moz-linear-gradient(top, #2f2f2f, #222222);background-image:-ms-linear-gradient(top, #2f2f2f, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#2f2f2f), to(#222222));background-image:-webkit-linear-gradient(top, #2f2f2f, #222222);background-image:-o-linear-gradient(top, #2f2f2f, #222222);background-image:linear-gradient(top, #2f2f2f, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#222222;}
.btn-primary:active,.btn-primary.active{background-color:#080808 \9;}
.modal{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background:#fcfbfd;}
.modal-header{border-bottom:none;}
.modal-header .close{text-decoration:none;}
.modal-footer{background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top:none;}
code,pre,pre.prettyprint,.well,.form-actions{background-color:#eeeeee;}
.hero-unit{-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);border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.table-bordered,.well,.prettyprint{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
......@@ -113,6 +113,33 @@ div.subnav .nav > .active > a:hover {
.buttonBackground(lighten(@linkColor, 5%), @linkColor);
}
// MODALS
// -----------------------------------------------------
.modal {
.border-radius(0px);
background: @bodyBackground;
}
.modal-header {
border-bottom: none;
}
.modal-header .close {
text-decoration: none;
}
.modal-body {
}
.modal-footer {
background: transparent;
.box-shadow(none);
border-top: none;
}
// MISC
// -----------------------------------------------------
......
......@@ -4318,6 +4318,30 @@ input[type="file"] {
-moz-border-radius: 0;
border-radius: 0;
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.modal {
background-color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.modal-header {
border-bottom: none;
}
.modal-footer {
background-color: #fdfdfa;
}
.alert,
.label,
.label:hover {
......
......@@ -742,6 +742,11 @@ input,textarea,select{color:#090000;}
select,input[type="file"]{height:auto;line-height:normal;}
.form-actions{background-color:transparent;border-top:1px solid #D4D4D4;padding-top:2em;}
.table-bordered{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.modal{background-color:#ffffff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.modal-header{border-bottom:none;}
.modal-footer{background-color:#fdfdfa;}
.alert,.label,.label:hover{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #D4D4D4;color:#090000;text-shadow:none;}
.alert-heading{color:#090000;text-shadow:none;}
.label,.label:hover{background-color:#ffffff;font-weight:normal;font-size:19px;padding:4px;}
......
......@@ -359,6 +359,33 @@ select, input[type="file"] {
.border-radius(0);
}
.table-bordered thead:first-child tr:first-child th:first-child,
.table-bordered tbody:first-child tr:first-child td:first-child {
.border-radius(0);
}
.table-bordered thead:last-child tr:last-child th:first-child,
.table-bordered tbody:last-child tr:last-child td:first-child {
.border-radius(0);
}
// MODALS
// -----------------------------------------------------
.modal {
background-color: @white;
.border-radius(0);
}
.modal-header {
border-bottom: none;
}
.modal-footer {
background-color: @bodyBackground;
}
// MISCELLANEOUS
// -----------------------------------------------------
......
......@@ -1262,11 +1262,11 @@ table {
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
background-color: #f9f9f9;
background-color: #2e3236;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: #f5f5f5;
background-color: #3a3f44;
}
table .span1 {
float: none;
......@@ -4301,33 +4301,6 @@ div.subnav-fixed {
.caret {
border-top-color: #ffffff;
}
.table th,
.table td,
.table tbody + tbody {
border-top: 1px solid #1c1e22;
}
.table-bordered {
border: 1px solid #1c1e22;
}
.table-bordered th + th,
.table-bordered td + td,
.table-bordered th + td,
.table-bordered td + th {
border-left: 1px solid #1c1e22;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
background-color: #2e3236;
}
.table tbody tr:hover td,
.table tbody tr:hover th {
background-color: #3a3f44;
}
.pagination > ul {
-webkit-box-shadow: none;
-moz-box-shadow: none;
......@@ -4549,6 +4522,22 @@ textarea[readonly] {
background-color: #3a87ad;
border-color: #3a87ad;
}
.modal {
background-color: #2e3236;
}
.modal-header {
border-bottom: none;
}
.modal-body {
border-bottom: 1px solid #1C1E22;
}
.modal-footer {
border-top: none;
background-color: #272b30;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
code,
pre {
background-color: #F7F7F7;
......
......@@ -219,8 +219,8 @@ table{max-width:100%;border-collapse:collapse;border-spacing:0;background-color:
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child 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;}
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child 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;}
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child 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-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#2e3236;}
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#3a3f44;}
table .span1{float:none;width:44px;margin-left:0;}
table .span2{float:none;width:124px;margin-left:0;}
table .span3{float:none;width:204px;margin-left:0;}
......@@ -719,11 +719,6 @@ div.subnav-fixed{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.btn-inverse{background-color:#393939;background-image:-moz-linear-gradient(top, #454545, #262626);background-image:-ms-linear-gradient(top, #454545, #262626);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));background-image:-webkit-linear-gradient(top, #454545, #262626);background-image:-o-linear-gradient(top, #454545, #262626);background-image:linear-gradient(top, #454545, #262626);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);border-color:#262626 #262626 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:dximagetransform.microsoft.gradient(enabled=false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#262626;}
.btn-inverse:active,.btn-inverse.active{background-color:#0c0c0c \9;}
.caret{border-top-color:#ffffff;}
.table th,.table td,.table tbody+tbody{border-top:1px solid #1c1e22;}
.table-bordered{border:1px solid #1c1e22;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:1px solid #1c1e22;}
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#2e3236;}
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#3a3f44;}
.pagination>ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.breadcrumb{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.breadcrumb,.pagination>ul a,.pager a{border:1px solid transparent;-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)';background-color:#3a3f44;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44));background-image:-webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-moz-linear-gradient(top, #52575c, #3a3f44 70%, #3a3f44);background-image:-ms-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:-o-linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-image:linear-gradient(#52575c, #3a3f44 70%, #3a3f44);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52575c', endColorstr='#3a3f44', GradientType=0);}
......@@ -757,6 +752,10 @@ label,input,button,select,textarea,legend{color:#757c82;}
.alert-success{background-color:#468847;border-color:#468847;}
.alert-danger,.alert-error{background-color:#b94a48;border-color:#b94a48;}
.alert-info{background-color:#3a87ad;border-color:#3a87ad;}
.modal{background-color:#2e3236;}
.modal-header{border-bottom:none;}
.modal-body{border-bottom:1px solid #1C1E22;}
.modal-footer{border-top:none;background-color:#272b30;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
code,pre{background-color:#F7F7F7;border:1px solid #1c1e22;text-shadow:none;}
hr,legend,.page-header,.dropdown-menu .divider{border-top:none;border-bottom:1px solid #1c1e22;background-color:transparent;}
footer.footer{border-top:1px solid #1c1e22;}footer.footer p{color:#757c82;}
......
......@@ -163,41 +163,7 @@ div.subnav-fixed {
// TABLES
// -----------------------------------------------------
.table th, .table td, .table tbody + tbody {
border-top: 1px solid darken(@grayDarker, 5%);
}
.table-bordered {
border: 1px solid darken(@grayDarker, 5%);
th + th,
td + td,
th + td,
td + th {
border-left: 1px solid darken(@grayDarker, 5%);
}
// 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;
}
}
.table-striped {
tbody {
tr:nth-child(odd) td,
tr:nth-child(odd) th {
background-color: darken(@grayDark, 5%);
}
}
}
.table {
tbody tr:hover td,
tbody tr:hover th {
background-color: @grayDark;
}
}
// NAVIGATION
// -----------------------------------------------------
......@@ -393,6 +359,27 @@ label, input, button, select, textarea, legend {
border-color: @infoText;
}
// MODALS
// -----------------------------------------------------
.modal {
background-color: darken(@grayDark, 5%);
}
.modal-header {
border-bottom: none;
}
.modal-body {
border-bottom: 1px solid #1C1E22;
}
.modal-footer {
border-top: none;
background-color: @grayDarker;
.box-shadow(none);
}
// MISCELLANEOUS
// -----------------------------------------------------
......
......@@ -60,8 +60,8 @@
// Tables
// -------------------------
@tableBackground: transparent; // overall background-color
@tableBackgroundAccent: #f9f9f9; // for striping
@tableBackgroundHover: #f5f5f5; // for hover
@tableBackgroundAccent: darken(@grayDark, 5%); // for striping
@tableBackgroundHover: @grayDark; // for hover
@tableBorder: darken(@grayDarker, 5%); // table and cell border
......
......@@ -4528,6 +4528,22 @@ legend {
-moz-border-radius: 4px;
border-radius: 4px;
}
.modal-header {
background-color: #015b4e;
}
.modal-body,
.modal-footer {
background-color: #f5f3dc;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.modal-footer {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.alert {
text-shadow: none;
border: none;
......
......@@ -769,6 +769,9 @@ input,textarea,select{color:#013435;}
.uneditable-input{color:#555555;}
legend{border-bottom:2px solid #ffffff;}
.form-actions{background-color:transparent;border-top:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.modal-header{background-color:#015b4e;}
.modal-body,.modal-footer{background-color:#f5f3dc;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.modal-footer{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
.alert{text-shadow:none;border:none;}
.label{color:#f5f3dc;opacity:1;text-shadow:none;}
.progress{background-color:#748c73;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.progress .bar{background-image:none;background-color:#A2CDB5;}
......
......@@ -430,6 +430,24 @@ legend {
.border-radius(4px);
}
// MODALS
// --------------------------------------------------
.modal-header {
background-color: @green;
}
.modal-body,
.modal-footer {
background-color: @linkColor;
border: none;
.box-shadow(none);
}
.modal-footer {
.border-radius(0 0 4px 4px);
}
// MISCELLANEOUS
// --------------------------------------------------
......
......@@ -4536,6 +4536,28 @@ label {
background-color: #dff0d8;
border-color: #58a959;
}
.modal {
background-color: transparent;
}
.modal-header,
.modal-body,
.modal-footer {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #2a333c;
border: none;
}
.modal-header {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.modal-footer {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.page-header {
border-bottom: none;
}
......
......@@ -776,6 +776,10 @@ label{color:#ece9d7;line-height:15px;}
.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#58a959;}
.control-group.success input,.control-group.success select,.control-group.success textarea{color:#58a959;border-color:#58a959;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#468847;-webkit-box-shadow:0 0 6px #9bcc9c;-moz-box-shadow:0 0 6px #9bcc9c;box-shadow:0 0 6px #9bcc9c;}
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#58a959;background-color:#dff0d8;border-color:#58a959;}
.modal{background-color:transparent;}
.modal-header,.modal-body,.modal-footer{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#2a333c;border:none;}
.modal-header{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
.modal-footer{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
.page-header{border-bottom:none;}
footer.footer{border-top:1px solid #20262d;}
.well,.hero-unit{background-color:#45515f;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
......
......@@ -513,6 +513,29 @@ label {
.formFieldState(lighten(@successText, 10%), lighten(@successText, 10%), @successBackground);
}
// MODALS
// --------------------------------------------------
.modal {
background-color: transparent;
}
.modal-header,
.modal-body,
.modal-footer {
.box-shadow(none);
background-color: @bodyBackground;
border: none;
}
.modal-header {
.border-radius(4px 4px 0 0);
}
.modal-footer {
.border-radius(0 0 4px 4px);
}
// MISCELLANEOUS
// --------------------------------------------------
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment