mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-08 09:24:25 +03:00
247 lines
4 KiB
CSS
247 lines
4 KiB
CSS
/**
|
||
* Типография
|
||
* Стили частично позаимствованы у бутстрапа
|
||
*
|
||
* @module ls/typography
|
||
*
|
||
* @license GNU General Public License, version 2
|
||
* @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
|
||
* @author Denis Shakhov <denis.shakhov@gmail.com>
|
||
*/
|
||
|
||
/**
|
||
* Основные стили
|
||
*/
|
||
body {
|
||
font-size: 12px;
|
||
font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||
line-height: 18px;
|
||
color: #000;
|
||
background-color: #fbfcfc;
|
||
}
|
||
|
||
/**
|
||
* Ссылки
|
||
*/
|
||
a {
|
||
color: #3f8ad7;
|
||
text-decoration: none;
|
||
}
|
||
a:hover {
|
||
color: #f00;
|
||
}
|
||
|
||
|
||
/**
|
||
* Параграф
|
||
*/
|
||
p {
|
||
margin: 0 0 15px;
|
||
}
|
||
p:last-child {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
|
||
/**
|
||
* Заголовки
|
||
*/
|
||
h1, h2, h3, h4, h5, h6,
|
||
.h1, .h2, .h3, .h4, .h5, .h6,
|
||
.ls-heading {
|
||
margin: 0 0 15px;
|
||
font-family: "PT Sans", sans-serif;
|
||
font-weight: 300;
|
||
line-height: 1.2em;
|
||
}
|
||
|
||
h1, .h1 { font-size: 36px; }
|
||
h2, .h2 { font-size: 30px; }
|
||
h3, .h3 { font-size: 24px; }
|
||
h4, .h4 { font-size: 18px; }
|
||
h5, .h5 { font-size: 14px; }
|
||
h6, .h6 { font-size: 12px; }
|
||
|
||
/* Мелкий текст */
|
||
h1 small, .h1 small,
|
||
h2 small, .h2 small,
|
||
h3 small, .h3 small,
|
||
h4 small, .h4 small,
|
||
h5 small, .h5 small,
|
||
h6 small, .h6 small { font-size: 65%; color: #aaa; }
|
||
|
||
.ls-heading a {
|
||
color: #275ec2;
|
||
text-decoration: underline;
|
||
}
|
||
.ls-heading a:hover {
|
||
color: #f00;
|
||
}
|
||
|
||
/* Заголовок страницы */
|
||
.page-header {
|
||
color: #333;
|
||
font-size: 30px;
|
||
line-height: 1em;
|
||
margin-bottom: 20px;
|
||
}
|
||
.page-header span {
|
||
color: #aaa;
|
||
}
|
||
|
||
|
||
/**
|
||
* Выделенный текст
|
||
*/
|
||
mark {
|
||
padding: 2px 3px;
|
||
background: #fcf8e3;
|
||
}
|
||
|
||
/**
|
||
* Позиционирвоние текста
|
||
*/
|
||
.text-left { text-align: left; }
|
||
.text-right { text-align: right; }
|
||
.text-center { text-align: center; }
|
||
.text-justify { text-align: justify; }
|
||
.text-nowrap { white-space: nowrap; }
|
||
|
||
/**
|
||
*
|
||
*/
|
||
.text-lowercase { text-transform: lowercase; }
|
||
.text-uppercase { text-transform: uppercase; }
|
||
.text-capitalize { text-transform: capitalize; }
|
||
|
||
/**
|
||
*
|
||
*/
|
||
.text-muted { color: #777; }
|
||
.text-primary { color: #337ab7; }
|
||
.text-success { color: #3c763d; }
|
||
.text-info { color: #31708f; }
|
||
.text-warning { color: #8a6d3b; }
|
||
.text-danger { color: #a94442; }
|
||
.text-help { color: #aaa; }
|
||
|
||
/**
|
||
*
|
||
*/
|
||
blockquote {
|
||
margin: 0 0 15px;
|
||
padding: 10px 15px;
|
||
background: #fbfbfc;
|
||
color: #555;
|
||
border-left: 5px solid #EDEDF2;
|
||
}
|
||
|
||
.blockquote--reverse,
|
||
blockquote.pull-right {
|
||
border-left: 5px solid #EDEDF2;
|
||
border-left: 0;
|
||
text-align: right;
|
||
}
|
||
|
||
blockquote footer,
|
||
blockquote cite {
|
||
color: #aaa;
|
||
}
|
||
|
||
/**
|
||
*
|
||
*/
|
||
address {
|
||
margin-bottom: 15px;
|
||
font-style: normal;
|
||
}
|
||
|
||
/**
|
||
*
|
||
*/
|
||
abbr {
|
||
border-bottom: 1px dotted;
|
||
cursor: help;
|
||
}
|
||
|
||
/**
|
||
* Списки
|
||
*/
|
||
ul, ol {
|
||
margin: 0;
|
||
list-style: none;
|
||
padding: 0;
|
||
}
|
||
ul ol, ol ul, ul ul, ol ol {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
.list-inline {
|
||
padding-left: 0;
|
||
}
|
||
.list-inline li {
|
||
display: inline-block;
|
||
margin-right: 15px;
|
||
}
|
||
|
||
/**
|
||
* Код
|
||
*/
|
||
code,
|
||
kbd,
|
||
pre,
|
||
samp {
|
||
font-family: Menlo, Monaco, Consolas, monospace;
|
||
}
|
||
|
||
/* Строчный код */
|
||
code {
|
||
padding: 2px 5px;
|
||
border-radius: 3px;
|
||
background: #f1f1f1;
|
||
color: #555;
|
||
word-break: break-all;
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
/* Блок кода */
|
||
pre {
|
||
display: block;
|
||
padding: 15px;
|
||
font: normal 13px/1.5em;
|
||
margin: 0 0 15px;
|
||
word-break: break-all;
|
||
word-wrap: break-word;
|
||
color: #333;
|
||
background-color: #f8f8f8;
|
||
border: 1px solid #eee;
|
||
border-radius: 3px;
|
||
direction: ltr !important;
|
||
}
|
||
pre code {
|
||
padding: 0;
|
||
font-size: inherit;
|
||
color: inherit;
|
||
white-space: pre-wrap;
|
||
background-color: transparent;
|
||
border-radius: 0;
|
||
}
|
||
.pre-scrollable {
|
||
max-height: 150px;
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
/* Тег kbd */
|
||
kbd {
|
||
padding: 2px 4px;
|
||
font-size: 90%;
|
||
color: #eee;
|
||
background-color: #333;
|
||
border-radius: 3px;
|
||
}
|
||
kbd kbd {
|
||
padding: 0;
|
||
font-size: 100%;
|
||
font-weight: bold;
|
||
box-shadow: none;
|
||
} |