792 lines
18 KiB
Plaintext
792 lines
18 KiB
Plaintext
/* -*- mode:css -*- */
|
|
|
|
html {
|
|
font-size: 100%;
|
|
-webkit-text-size-adjust: 100%;
|
|
-ms-text-size-adjust: 100%;
|
|
}
|
|
|
|
a:hover,
|
|
a:active {
|
|
outline: 0;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%; // Make images inherently responsive
|
|
vertical-align: middle;
|
|
border: 0;
|
|
-ms-interpolation-mode: bicubic;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
select,
|
|
textarea {
|
|
margin: 0;
|
|
font-size: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
button,
|
|
input {
|
|
*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
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
button,
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
cursor: pointer; // Cursors on all buttons applied consistently
|
|
-webkit-appearance: button; // Style clickable inputs in iOS
|
|
}
|
|
input[type="search"] { // Appearance in Safari/Chrome
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
-webkit-appearance: textfield;
|
|
}
|
|
input[type="search"]::-webkit-search-decoration,
|
|
input[type="search"]::-webkit-search-cancel-button {
|
|
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
|
}
|
|
|
|
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font: 13pt/190% Montserrat,Calibri,Georgia,"Lucida Bright",Lucidabright,"Bitstream Vera Serif",serif;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.clearfix {
|
|
*zoom: 1;
|
|
&:before,
|
|
&:after {
|
|
display: table;
|
|
content: "";
|
|
}
|
|
&:after {
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
// Block level inputs
|
|
.input-block-level {
|
|
display: block;
|
|
width: 100%;
|
|
min-height: 28px; // Make inputs at least the height of their button counterpart
|
|
.box-sizing(border-box); // Makes inputs behave like true block-level elements
|
|
}
|
|
|
|
|
|
// GRID
|
|
// --------------------------------------------------
|
|
|
|
// Default 940px grid
|
|
// -------------------------
|
|
@gridColumns: 12;
|
|
@gridColumnWidth: 60px;
|
|
@gridGutterWidth: 20px;
|
|
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
|
|
|
// Fluid grid
|
|
// -------------------------
|
|
@fluidGridColumnWidth: 6.382978723%;
|
|
@fluidGridGutterWidth: 2.127659574%;
|
|
|
|
@baseFontSize: 13px;
|
|
@baseLineHeight: 18px;
|
|
|
|
@inputBackground: #fff;
|
|
@inputBorder: #ccc;
|
|
@inputBorderRadius: 3px;
|
|
@inputDisabledBackground: #eee;
|
|
|
|
.transition(@transition) {
|
|
-webkit-transition: @transition;
|
|
-moz-transition: @transition;
|
|
-ms-transition: @transition;
|
|
-o-transition: @transition;
|
|
transition: @transition;
|
|
}
|
|
|
|
// Border Radius
|
|
.border-radius(@radius) {
|
|
-webkit-border-radius: @radius;
|
|
-moz-border-radius: @radius;
|
|
border-radius: @radius;
|
|
}
|
|
|
|
// Drop shadows
|
|
.box-shadow(@shadow) {
|
|
-webkit-box-shadow: @shadow;
|
|
-moz-box-shadow: @shadow;
|
|
box-shadow: @shadow;
|
|
}
|
|
|
|
// 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: #555;
|
|
background-color: @inputBackground;
|
|
border: 1px solid @inputBorder;
|
|
.border-radius(@inputBorderRadius);
|
|
}
|
|
|
|
// Help out input buttons
|
|
input[type="button"],
|
|
input[type="reset"],
|
|
input[type="submit"] {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
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);
|
|
outline: 0;
|
|
outline: thin dotted \9; /* IE6-9 */
|
|
.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");
|
|
}
|
|
|
|
#grid {
|
|
|
|
.core (@gridColumnWidth, @gridGutterWidth) {
|
|
|
|
.spanX (@index) when (@index > 0) {
|
|
(~".span@{index}") { .span(@index); }
|
|
.spanX(@index - 1);
|
|
}
|
|
.spanX (0) {}
|
|
|
|
.offsetX (@index) when (@index > 0) {
|
|
(~".offset@{index}") { .offset(@index); }
|
|
.offsetX(@index - 1);
|
|
}
|
|
.offsetX (0) {}
|
|
|
|
.offset (@columns) {
|
|
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));
|
|
}
|
|
|
|
.span (@columns) {
|
|
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
|
}
|
|
|
|
.row {
|
|
margin-left: @gridGutterWidth * -1;
|
|
.clearfix();
|
|
}
|
|
|
|
[class*="span"] {
|
|
float: left;
|
|
margin-left: @gridGutterWidth;
|
|
}
|
|
|
|
// Set the container width, and override it for fixed navbars in media queries
|
|
.container,
|
|
.navbar-fixed-top .container,
|
|
.navbar-fixed-bottom .container { .span(@gridColumns); }
|
|
|
|
// generate .spanX and .offsetX
|
|
.spanX (@gridColumns);
|
|
.offsetX (@gridColumns);
|
|
|
|
}
|
|
|
|
.fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {
|
|
|
|
.spanX (@index) when (@index > 0) {
|
|
(~".span@{index}") { .span(@index); }
|
|
.spanX(@index - 1);
|
|
}
|
|
.spanX (0) {}
|
|
|
|
.span (@columns) {
|
|
width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
|
|
*width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
|
|
}
|
|
|
|
.row-fluid {
|
|
width: 100%;
|
|
.clearfix();
|
|
[class*="span"] {
|
|
.input-block-level();
|
|
float: left;
|
|
margin-left: @fluidGridGutterWidth;
|
|
*margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);
|
|
}
|
|
[class*="span"]:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
// generate .spanX
|
|
.spanX (@gridColumns);
|
|
}
|
|
|
|
}
|
|
|
|
.input(@gridColumnWidth, @gridGutterWidth) {
|
|
|
|
.spanX (@index) when (@index > 0) {
|
|
(~"input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index}") { .span(@index); }
|
|
.spanX(@index - 1);
|
|
}
|
|
.spanX (0) {}
|
|
|
|
.span(@columns) {
|
|
width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 10;
|
|
}
|
|
|
|
input,
|
|
textarea,
|
|
.uneditable-input {
|
|
margin-left: 0; // override margin-left from core grid system
|
|
}
|
|
|
|
// generate .spanX
|
|
.spanX (@gridColumns);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
|
|
// Fixed grid
|
|
#grid > .core(42px, 20px);
|
|
|
|
// Fluid grid
|
|
#grid > .fluid(5.801104972%, 2.762430939%);
|
|
|
|
// Input grid
|
|
#grid > .input(42px, 20px);
|
|
|
|
// No need to reset .thumbnails here since it is the same @gridGutterWidth
|
|
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
// Fixed grid
|
|
#grid > .core(70px, 30px);
|
|
|
|
// Fluid grid
|
|
#grid > .fluid(5.982905983%, 2.564102564%);
|
|
|
|
// Input grid
|
|
#grid > .input(70px, 30px);
|
|
|
|
// Thumbnails
|
|
.thumbnails {
|
|
margin-left: -30px;
|
|
}
|
|
.thumbnails > li {
|
|
margin-left: 30px;
|
|
}
|
|
.row-fluid .thumbnails {
|
|
margin-left: 0;
|
|
}
|
|
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
|
|
// Smooth out the collapsing/expanding nav
|
|
.nav-collapse {
|
|
-webkit-transform: translate3d(0, 0, 0); // activate the GPU
|
|
}
|
|
|
|
// Block level the page header small tag for readability
|
|
.page-header h1 small {
|
|
display: block;
|
|
line-height: @baseLineHeight;
|
|
}
|
|
|
|
// Update checkboxes for iOS
|
|
input[type="checkbox"],
|
|
input[type="radio"] {
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
// Remove the horizontal form styles
|
|
.form-horizontal .control-group > label {
|
|
float: none;
|
|
width: auto;
|
|
padding-top: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.modal-header .close {
|
|
padding: 10px;
|
|
margin: -10px;
|
|
}
|
|
|
|
// Carousel
|
|
.carousel-caption {
|
|
position: static;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// LANDSCAPE PHONE TO SMALL DESKTOP & PORTRAIT TABLET
|
|
// --------------------------------------------------
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
// Padding to set content in a bit
|
|
body {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
// Negative indent the now static "fixed" navbar
|
|
.navbar-fixed-top,
|
|
.navbar-fixed-bottom {
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
}
|
|
// Remove padding on container given explicit padding set on body
|
|
.container-fluid {
|
|
padding: 0;
|
|
}
|
|
|
|
// TYPOGRAPHY
|
|
// ----------
|
|
// Reset horizontal dl
|
|
.dl-horizontal {
|
|
dt {
|
|
float: none;
|
|
clear: none;
|
|
width: auto;
|
|
text-align: left;
|
|
}
|
|
dd {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
// GRID & CONTAINERS
|
|
// -----------------
|
|
// Remove width from containers
|
|
.container {
|
|
width: auto;
|
|
}
|
|
// Fluid rows
|
|
.row-fluid {
|
|
width: 100%;
|
|
}
|
|
// Undo negative margin on rows and thumbnails
|
|
.row,
|
|
.thumbnails {
|
|
margin-left: 0;
|
|
}
|
|
// Make all grid-sized elements block level again
|
|
[class*="span"],
|
|
.row-fluid [class*="span"] {
|
|
float: none;
|
|
display: block;
|
|
width: auto;
|
|
margin-left: 0;
|
|
}
|
|
|
|
// FORM FIELDS
|
|
// -----------
|
|
// Make span* classes full width
|
|
.input-large,
|
|
.input-xlarge,
|
|
.input-xxlarge,
|
|
input[class*="span"],
|
|
select[class*="span"],
|
|
textarea[class*="span"],
|
|
.uneditable-input {
|
|
.input-block-level();
|
|
}
|
|
// But don't let it screw up prepend/append inputs
|
|
.input-prepend input,
|
|
.input-append input,
|
|
.input-prepend input[class*="span"],
|
|
.input-append input[class*="span"] {
|
|
display: inline-block; // redeclare so they don't wrap to new lines
|
|
width: auto;
|
|
}
|
|
|
|
}
|
|
|
|
@baseLineHeight: 18px;
|
|
|
|
// Box sizing
|
|
.box-sizing(@boxmodel) {
|
|
-webkit-box-sizing: @boxmodel;
|
|
-moz-box-sizing: @boxmodel;
|
|
-ms-box-sizing: @boxmodel;
|
|
box-sizing: @boxmodel;
|
|
}
|
|
|
|
p,li,ul {
|
|
color: #333333;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
p {
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
ul {
|
|
margin-left: 4%;
|
|
}
|
|
|
|
ul + p {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
#prioritize { background: url(thumbsup.png) top left no-repeat; }
|
|
#ignorize { background: url(thumbsdown.png) top left no-repeat; }
|
|
|
|
#grid {
|
|
margin: 0 auto;
|
|
|
|
h1 {
|
|
display: block;
|
|
padding-bottom: 0;
|
|
min-height: 72px;
|
|
border: none;
|
|
color: #333;
|
|
font-size: 24px;
|
|
font-weight: normal;
|
|
line-height: 1.2;
|
|
padding-left: 80px;
|
|
padding-top: 18px;
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
margin-top: 20px;
|
|
font-size: 20px;
|
|
margin-left: 12%;
|
|
li {
|
|
.catcontainer {
|
|
display: inline-block;
|
|
.category {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
margin-top: 5px;
|
|
font-size: 17px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.fadebutton, .addstory, .addcat, .editcat {
|
|
cursor: pointer;
|
|
display: block;
|
|
float: right;
|
|
background-color: #ff9f00;
|
|
background-image: repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255,255,255,.3) 8px, rgba(255,255,255,.3) 16px);
|
|
background-image: -webkit-repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255,255,255,.3) 8px, rgba(255,255,255,.3) 16px);
|
|
font-weight: bold;
|
|
padding: 2px 6px 3px 6px;
|
|
color: #111;
|
|
-webkit-border-radius: 20px;
|
|
-moz-border-radius: 20px;
|
|
border-radius: 20px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#newcat h1, div.category, .editcat, .addstory, li.priority {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.edit-category, .edit-priority {
|
|
|
|
.edit-priority-field {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.delete-priority-field {
|
|
padding: 0px 4px 3px 3px;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
background-color: #ff9f00;
|
|
vertical-align: middle;
|
|
color: #333;
|
|
-webkit-border-radius: 20px;
|
|
-moz-border-radius: 20px;
|
|
border-radius: 20px;
|
|
}
|
|
}
|
|
|
|
#message {
|
|
font-family: Constantina,Georgia,"Lucida Bright",Lucidabright,"Bitstream Vera Serif",serif;
|
|
}
|
|
|
|
#gear {
|
|
position: fixed;
|
|
bottom: 0px;
|
|
height: 20px;
|
|
width: 100%;
|
|
}
|
|
|
|
#gearbutton {
|
|
position: relative;
|
|
-webkit-border-top-left-radius: 2px;
|
|
-moz-border-radius-top-left: 2px;
|
|
border-top-left-radius: 2px;
|
|
float: right;
|
|
margin-right: 0px;
|
|
background-color: black;
|
|
height: 20px;
|
|
img {
|
|
vertical-align: top;
|
|
padding: 2px 2px 0px 2px;
|
|
}
|
|
}
|
|
|
|
@zindexDropdown: 1000;
|
|
@zindexPopover: 1010;
|
|
@zindexTooltip: 1020;
|
|
@zindexFixedNavbar: 1030;
|
|
@zindexModalBackdrop: 1040;
|
|
@zindexModal: 1050;
|
|
|
|
// Opacity
|
|
.opacity(@opacity) {
|
|
opacity: @opacity / 100;
|
|
filter: ~"alpha(opacity=@{opacity})";
|
|
}
|
|
|
|
.background-clip(@clip) {
|
|
-webkit-background-clip: @clip;
|
|
-moz-background-clip: @clip;
|
|
background-clip: @clip;
|
|
}
|
|
|
|
.modal-open {
|
|
.dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
|
|
.dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
|
|
.popover { z-index: @zindexPopover + @zindexModal; }
|
|
.tooltip { z-index: @zindexTooltip + @zindexModal; }
|
|
}
|
|
|
|
// Background
|
|
.modal-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: @zindexModalBackdrop;
|
|
background-color: black;
|
|
// Fade for backdrop
|
|
&.fade { opacity: 0; }
|
|
}
|
|
|
|
.modal-backdrop,
|
|
.modal-backdrop.fade.in {
|
|
.opacity(80);
|
|
}
|
|
|
|
#gradient {
|
|
.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;
|
|
}
|
|
}
|
|
|
|
.buttonBackground(@startColor, @endColor) {
|
|
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
|
|
.gradientBar(@startColor, @endColor);
|
|
*background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
|
|
|
// in these cases the gradient won't cover the background, so we override
|
|
&:hover, &:active, &.active, &.disabled, &[disabled] {
|
|
background-color: @endColor;
|
|
*background-color: darken(@endColor, 5%);
|
|
}
|
|
|
|
// 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");
|
|
}
|
|
}
|
|
|
|
|
|
.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%);
|
|
}
|
|
|
|
@btnBackground: #fff;
|
|
@btnBackgroundHighlight: darken(#fff, 10%);
|
|
@btnBorder: #ccc;
|
|
|
|
.btn {
|
|
display: inline-block;
|
|
padding: 4px 10px 4px;
|
|
margin-bottom: 0; // For input.btn
|
|
font-size: @baseFontSize;
|
|
line-height: @baseLineHeight;
|
|
*line-height: 20px;
|
|
color: #333;
|
|
text-align: center;
|
|
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
.buttonBackground(@btnBackground, @btnBackgroundHighlight);
|
|
border: 1px solid @btnBorder;
|
|
*border: 0; // Remove the border to prevent IE7's black border on input:focus
|
|
border-bottom-color: darken(@btnBorder, 10%);
|
|
.border-radius(4px);
|
|
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
|
}
|
|
|
|
// Hover state
|
|
.btn:hover {
|
|
color: #333;
|
|
text-decoration: none;
|
|
background-color: darken(white, 10%);
|
|
*background-color: darken(white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
|
|
background-position: 0 -15px;
|
|
|
|
// transition is only when going to hover, otherwise the background
|
|
// behind the gradient (there for IE<=9 fallback) gets mismatched
|
|
.transition(background-position .1s linear);
|
|
}
|
|
|
|
// Focus state for keyboard and accessibility
|
|
.btn:focus {
|
|
.tab-focus();
|
|
}
|
|
|
|
.tab-focus() {
|
|
// Default
|
|
outline: thin dotted #333;
|
|
// Webkit
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
outline-offset: -2px;
|
|
}
|
|
|
|
// Active state
|
|
.btn.active,
|
|
.btn:active {
|
|
background-color: darken(#fff, 10%);
|
|
background-color: darken(#fff, 15%) e("\9");
|
|
background-image: none;
|
|
outline: 0;
|
|
.box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
|
|
}
|
|
// Disabled state
|
|
.btn.disabled,
|
|
.btn[disabled] {
|
|
cursor: default;
|
|
background-color: darken(#fff, 10%);
|
|
background-image: none;
|
|
.opacity(65);
|
|
.box-shadow(none);
|
|
}
|
|
|
|
// Base modal
|
|
.modal {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
z-index: @zindexModal;
|
|
overflow: auto;
|
|
width: 560px;
|
|
margin: -250px 0 0 -280px;
|
|
background-color: white;
|
|
border: 1px solid #999;
|
|
border: 1px solid rgba(0,0,0,.3);
|
|
*border: 1px solid #999; /* IE6-7 */
|
|
.border-radius(6px);
|
|
.box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
|
.background-clip(padding-box);
|
|
&.fade {
|
|
.transition(e('opacity .3s linear, top .3s ease-out'));
|
|
top: -25%;
|
|
}
|
|
&.fade.in { top: 50%; }
|
|
}
|
|
.modal-header {
|
|
padding: 9px 15px;
|
|
border-bottom: 1px solid #eee;
|
|
// Close icon
|
|
.close { margin-top: 2px; float: left }
|
|
}
|
|
|
|
// Body (where all modal content resides)
|
|
.modal-body {
|
|
overflow-y: auto;
|
|
max-height: 400px;
|
|
padding: 15px;
|
|
}
|
|
// Remove bottom margin if need be
|
|
.modal-form {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
// Footer (for actions)
|
|
.modal-footer {
|
|
padding: 14px 15px 15px;
|
|
margin-bottom: 0;
|
|
text-align: right; // right align buttons
|
|
background-color: #f5f5f5;
|
|
border-top: 1px solid #ddd;
|
|
.border-radius(0 0 6px 6px);
|
|
.box-shadow(inset 0 1px 0 white);
|
|
.clearfix(); // clear it in case folks use .pull-* classes on buttons
|
|
|
|
// Properly space out buttons
|
|
.btn + .btn {
|
|
margin-left: 5px;
|
|
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
|
}
|
|
// but override that for button groups
|
|
.btn-group .btn + .btn {
|
|
margin-left: -1px;
|
|
}
|
|
}
|
|
|
|
.hide {
|
|
display: none;
|
|
}
|
|
.show {
|
|
display: block;
|
|
}
|
|
|
|
|