You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

520 lines
10 KiB

/*
99Lime.com HTML KickStart by Joshua Gatcke
kickstart.css
Don't edit the file if you want HTML KickStart to be upgradeable.
Instead, copy any CSS selectors you want to modify to your style.css file.
// Colors
blue: #4D99E0;
*/
/*---------------------------------
IMPORTS
-----------------------------------*/
@import url(kickstart-buttons.css);
@import url(kickstart-forms.css);
@import url(kickstart-menus.css);
@import url(kickstart-grid.css);
@import url(jquery.fancybox-1.3.4.css);
@import url(kickstart-slideshow.css);
@import url(prettify.css);
@import url(tiptip.css);
@import url(fonts/font-awesome-4.2.0/css/font-awesome.min.css);
/*---------------------------------
HTML ELEMENTS
-----------------------------------*/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
a{color:#4D99E0;outline:0;}
a:active{color:inherit;}
a:visited{}
a:hover{}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;}
strong,b{color:#000;font-weight:bold;}
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}
/*---------------------------------
UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
/*---------------------------------
HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}
/*---------------------------------
HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
/*---------------------------------
HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-weight:bold;
line-height:140%;
}
h1{
font-size:3.5em;
margin:10px 0 10px 0;
}
h2{
font-size:3em;
margin:10px 0 10px 0;
}
h3{
font-size:2.5em;
margin:10px 0 10px 0;
line-height:130%;
}
h4{
font-size:2em;
margin:10px 0 10px 0;
}
h5{
font-size:1.5em;
margin:10px 0 10px 0;
}
h6{
font-size:1.2em;
margin:10px 0 5px 0;
}
/*---------------------------------
PARAGRAPHS
-----------------------------------*/
p{
margin:10px 0;
}
/*---------------------------------
BLOCKQUOTES
-----------------------------------*/
blockquote{
font-size:1.5em;
line-height:1.5em;
font-style: italic;
margin:30px 30px 30px 0;
padding:0 0 0 20px;
border-left:1px solid #ccc;
}
blockquote span{font-size:0.7em;display:block;}
blockquote.small{font-size:1.2em;}
/*---------------------------------
LISTS
-----------------------------------*/
ul, ol{
padding:0;
margin:0 0 20px 25px;
}
li{
padding:5px 0;
margin:0;
}
ul.list-unstyled{
padding:0;
margin:0 0 20px 0;
}
ul.list-unstyled li{
padding:5px 0;
margin:0;
list-style-type:none;
}
ul.alt{
padding:0;
margin:0 0 20px 0;
}
ul.alt li{
list-style-type:none;
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
margin:0 0 -1px 0;
background:url(img/icon-arrow-right.png) no-repeat 5px 0.7em;
padding-left:20px;
}
ul.icons{
margin:0 0 20px 0;
padding:0;
}
ul.icons li{
list-style-type:none;
margin:0;
padding:5px 0;
}
/*---------------------------------
PRE & CODE
-----------------------------------*/
code{
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
border:1px solid lightblue;
padding:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
color:#518BAB;
}
pre{
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
margin: 0 0 0 0;
padding:5px 5px 3px 5px;
background:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
box-shadow:inset 0 0 7px rgba(0,0,0,0.2);
padding:10px;
margin:0 0;
border:1px solid #ddd;
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
font-size:0.9em;
}
/*---------------------------------
TABLES
-----------------------------------*/
table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
thead, tbody{margin:0;padding:0;}
th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
tbody tr.last th,
tbody tr.last td{border-bottom:0;}
/* striped */
table.striped{}
table.striped tr.alt{background:#f5f5f5;}
table.striped thead th{background:#fff;}
table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
table.striped tbody tr.alt th{background:#efefef;}
/* tight */
table.tight{}
table.tight th, .tight td{padding:2px 10px;}
/* sortable */
table.sortable{border:1px solid #ddd;}
table.sortable thead th{cursor: pointer;position:relative;top:0;left:0;border-right:1px solid #ddd;}
table.sortable thead th:hover{background:#efefef;}
table.sortable span.arrow{border-style:solid;border-width:5px;
display:block;position:absolute;top:50%;right:5px;font-size:0;
border-color:#ccc transparent transparent transparent;
line-height:0;height:0;width:0;margin-top:-2px;}
table.sortable span.arrow.up{border-color:transparent transparent #ccc transparent;margin-top:-7px;}
/*---------------------------------
TABS
-----------------------------------*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #e5e5e5;
float:left;
font-size:0;
}
ul.tabs.left{text-align:left;}
ul.tabs.center{text-align:center;}
ul.tabs.right{text-align:right;}
ul.tabs.right li{margin:0 0 0 -2px;}
ul.tabs li{
font-size:14px;
list-style-type:none;
margin:0 -2px 0 0;
padding:0;
display:inline-block;
*display:inline;/*IE ONLY*/
position:relative;
top:0;
left:0;
*top:1px;/*IE 7 ONLY*/
zoom:1;
}
ul.tabs li a{
text-decoration:none;
color:#666;
display:inline-block;
padding:9px 15px;
position: relative;
top:0;
left:0;
line-height:100%;
background:#f5f5f5;
-webkit-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
-moz-box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
box-shadow: inset 0 -3px 3px rgba(0,0,0,0.03);
border:1px solid #e5e5e5;
border-bottom:0;
font-size:0.9em;
zoom:1;
}
ul.tabs li a:hover{
background:#fff;
}
ul.tabs li.current a{
position:relative;
top:1px;
left:0;
background:#fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color:#222;
}
.tab-content{
border:1px solid #efefef;
border:1px solid #e5e5e5;
background:#fff;
clear:both;
padding:20px;
margin:0 0 40px 0;
}
/*---------------------------------
BREADCRUMBS
-----------------------------------*/
ul.breadcrumbs{
margin:10px 0;
padding:0;
line-height:0%;
font-size:0;
}
ul.breadcrumbs li{
list-style-type:none;
margin:0;
padding:0;
display:inline-block;
*display:inline; /* IE ONLY*/
position:relative;
zoom:1;
line-height:100%;
font-size:14px; /* 0.8em default to override font-size:0; on parent*/
}
ul.breadcrumbs li a{
display:inline-block;
*display:inline; /* IE ONLY*/
position:relative;
padding:5px 15px 5px 5px;
font-size:0.9em;
zoom:1;
margin:0;
background:url(img/icon-arrow-right.png) no-repeat right center;
}
ul.breadcrumbs li.last a{
color:#333;
cursor: default;
text-decoration:none;
background:none;
}
ul.breadcrumbs li.last a:hover{
text-decoration:none;
}
/* Alternative Style */
ul.breadcrumbs.alt1{
border:1px solid transparent;
font-size:0;
}
ul.breadcrumbs.alt1 li a{
padding:10px 25px 10px 15px;
background:url(img/breadcrumbs-bg.gif) no-repeat right center;
text-decoration:none;
border-top:1px solid #efefef;
border-bottom:1px solid #efefef;
font-size:12px;
}
ul.breadcrumbs.alt1 a:hover{
text-decoration:underline;
}
ul.breadcrumbs.alt1 li.first a{
border-left:1px solid #efefef;
}
ul.breadcrumbs.alt1 li.last a{
background:none;
border-right:1px solid #efefef;
}
/*---------------------------------
IMAGES
-----------------------------------*/
/*
for img .style1, .style2, .style3
view js/kickstart.js Image Style Helpers
*/
img{
margin:0;
padding:0;
display:inline-block;
position:relative;
zoom:1;
vertical-align: bottom;
}
img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
div.caption{
background:#f5f5f5;
border:1px solid #ddd;
padding:3px;
max-width:100%;
display:inline-block;
height:auto;
}
div.caption img{
display:block;
padding:0;
margin:0;
width:100%;
height:auto;
}
div.caption span{
display:block;
margin-top:3px;
font-size:0.8em;
color:#666;
padding:0px 5px;
}
.gallery{}
.gallery a{
display:inline-block;
position:relative;
border:1px solid #ddd;
background:#fff;
padding:3px;
margin:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.gallery a img{
display: block;
position: relative;
margin:0;
padding:0;
}
/*---------------------------------
SLIDESHOW2
-----------------------------------*/
.slideshow-wrap{
clear:both;
margin:0;
padding:0;
position:relative;
top:0;
left:0;
overflow:hidden;
clear:both;
}
.slideshow-inner{
overflow:hidden;
clear:both;
position:relative;
top:0;
left:0;
border:1px solid #efefef;
}
.slideshow{
clear:both;
margin:0;
padding:0;
width:auto;
height:auto;
overflow:hidden;
}
.slideshow li{
list-style-type:none;
margin:0;
padding:0;
float:left;
display:block;
}
.slideshow img{vertical-align: bottom;}
.slideshow-buttons{
text-align:right;
margin:3px 0 0 0;
padding:0;
}
.slideshow-buttons li{display:inline;position:relative;top:0;left:0;line-height:100%;margin:0;padding:0;}
.slideshow-buttons li.current a{background:#ddd;}
.slideshow-buttons a{
display:inline;
position:relative;
top:0;
left:0;
padding:1px 3px;
margin:0 1px;
line-height:100%;
border:1px solid #efefef;
text-decoration:none;
font-size:0.8em;
}