Файл: Documentation/assets/style.css
Строк: 320
@import
url(http://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,700italic);
/*
-----------------------------------------------------
GENERAL
----------------------------------------------------- */
html
{ -webkit-text-stroke: 0.25px; }
body { margin: 0; font-size: 16px;
font-family: 'Lato', arial, sans-serif; font-weight: 300; color: #61677A;
background-color: #3c4346; }
h1, h2, h3, h4, h5, h6 { margin: 0;
font-size: 1em; line-height: 1.2em; font-weight: normal; }
ul, ol, li {
padding: 0; margin: 0; list-style-type: none; }
img { max-width: 100%;
}
small { font-size: .8em; }
a { color: #6AB0D3; }
/*
-----------------------------------------------------
TYPOGRAPHY
-----------------------------------------------------
*/
strong { font-weight: bold; }
.content h1 { margin: 0 0 30px 0;
font-size: 2em; font-weight: normal; }
.content h2 { margin: 30px 0 30px
0; font-size: 1.6em; font-weight: normal; color: #ec587a; }
.content h3 {
margin: 30px 0 30px 0; font-size: 1.375em; font-weight: normal; color:
#444; }
.content h4 { margin: 30px 0 30px 0; font-size: 1.2em;
font-weight: normal; }
.content h5 { margin: 30px 0 30px 0; font-size:
1em; font-weight: bold; }
.content h6 { margin: 30px 0 30px 0; font-size:
1em; }
.content p { margin: 30px 0 30px 0; line-height: 1.5em; }
.content
p.lead { font-size: 1.2em; }
.content iframe { display: block; margin:
30px 0 30px 0; }
.content a { text-decoration: underline; background:
rgba(255,255,255,.1);
-webkit-transition: color 300ms ease-in-out;
-moz-transition: color 300ms ease-in-out;
-ms-transition: color 300ms
ease-in-out;
-o-transition: color 300ms ease-in-out;
transition:
color 300ms ease-in-out; }
.content a:hover { color: #5c626a; }
.content
ul, .content ol { margin: 30px 0 30px 0; padding: 0; }
.content ul ul,
.content ul ol,
.content ol ol, .content ol ul { margin: 2px 0 0 20px;
}
.content ul li { padding: 2px 0 2px 15px; list-style-type: disc;
list-style-position: inside; }
.content ol li { padding: 2px 0 2px 15px;
list-style-type: decimal; list-style-position: inside; }
.content
ol.no-list-style li,
.content ul.no-list-style li { list-style-type: none;
}
.content blockquote { margin: 0 0 30px 20px; padding-left: 30px;
border-left: 5px solid #f2f2f2; font-style: italic; line-height: 2em;
}
.content .img-center { text-align: center; }
.content hr { background:
none; border: 0; border-top: 1px solid #fafafa; border-color:
rgba(0,0,0,0.05); }
.content dl { margin: 30px 0; line-height: 1.8em;
}
.content dl em { font-weight: normal; }
.content dt { margin-top: 20px;
padding: 10px; font-style: italic; background: #EEE; }
.content
dt:first-child { margin-top: 0; }
.content dt small { font-style: normal;
}
.content dd { margin: 0; padding: 10px; }
pre { display: block; margin:
30px 0; padding: 20px; border: 1px solid #DDD; background: #EEE;
overflow-x: auto; white-space: wrap; }
/*
-----------------------------------------------------
WRAPPER
-----------------------------------------------------
*/
#wrapper { background: #FFF; }
/*
-----------------------------------------------------
HEADER
-----------------------------------------------------
*/
header { padding: 130px 0 70px 0; }
header #logo { position:
relative; text-align: center; }
/*
-----------------------------------------------------
DESCRIPTION
-----------------------------------------------------
*/
#description h1 { line-height: 2em; font-size: 2em; text-align:
center; }
#description .description-inner { padding: 30px 0 30px 0;
border: 1px solid #ebebeb; border-width: 1px 0 1px 0; }
#description a {
text-decoration: none; color: #F45F51; }
/*
-----------------------------------------------------
CORE
----------------------------------------------------- */
#core {
padding: 60px 0 30px 0; }
/*
-----------------------------------------------------
NAVIGATION
-----------------------------------------------------
*/
nav li { padding: 5px 0 5px 0; }
nav a { text-decoration: none;
font-size: 1.4em; color: #5c626a;
-webkit-transition: color 300ms
ease-in-out;
-moz-transition: color 300ms ease-in-out;
-ms-transition: color 300ms ease-in-out;
-o-transition: color 300ms
ease-in-out;
transition: color 300ms ease-in-out; }
nav .active >
a,
nav a:hover { color: #ec587a; }
nav ul ul { display: none; padding:
5px 0 0 20px; font-size: 0.7em; }
nav li:hover ul,
nav ul .active ul {
display: block; }
nav.main.affix { top: 10px; }
nav.main.affix-bottom {
position: fixed; top: 0; }
/*
-----------------------------------------------------
CONTENT
-----------------------------------------------------
*/
section { margin-top: 60px; padding-top: 60px; border-top: 1px solid
#e4e4e4; }
section:first-child { margin-top: 0; padding-top: 0;
border-top: 0; }
section h2:first-child { margin-top: 0; }
.subsection
{ margin-top: 50px; }
.section-figures .figure { display: block; float:
left; margin: 0 20px 20px 0; width: 140px; height: 140px; overflow: hidden;
border-radius: 50%;
border: 3px solid rgba(0,0,0,0.05);
-webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms
ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all
250ms ease-in-out; transition: all 250ms ease-in-out;
cursor:
-webkit-zoom-in; cursor: -moz-zoom-in; }
.section-figures .figure img {
max-width: inherit; }
.section-figures .figure:hover { border-color:
rgba(0,0,0,0.15); }
.content img { border-radius: 7px; }
.content em {
font-weight: bold; }
.content table { margin: 30px 0 30px 0;
border-collapse: collapse; }
.content table td,
.content table th {
padding: 10px; }
.content table td,
.content table th { background:
#f5f5f5; }
.content table .even td,
.content table .even th { background:
none; }
.content table th { font-weight: bold; font-style: italic;
text-align: left; }
.social-icons-list { margin: 30px 0;
}
.social-icons-list i { margin-right: 10px; }
.social-icons-list .i-code
{ display: none; }
.social-icons-list .the-icons { padding: 3px 0;
}
table.theme-options { font-size: 0.9em; }
/*
-----------------------------------------------------
FOOTER
-----------------------------------------------------
*/
footer p { margin: 0; padding: 30px 0 30px; text-align: center;
font-size: 0.9em; color: #616871; }
/*
-----------------------------------------------------
RESPONSIVE
-----------------------------------------------------
*/
@media (max-width: 979px) {
.offset1
.span10 { margin: 0;
}
nav.main { margin-bottom: 30px; width: auto; }
nav.main.affix {
position: relative; }
nav.main.affix-bottom { position: relative; }
.row { margin: 0; }
.span3,
.content { float: none; margin: 0;
padding: 0 20px 0 20px; width: auto; }
}