Stackedit/public/res/styles/base.less

475 lines
11 KiB
Plaintext
Raw Normal View History

2014-05-27 23:36:37 +00:00
// Core variables and mixins
@import "../bower-libs/bootstrap/less/variables.less";
@import "../bower-libs/bootstrap/less/mixins.less";
// Reset
@import "../bower-libs/bootstrap/less/normalize.less";
// Core CSS
@import "../bower-libs/bootstrap/less/scaffolding.less";
@import "../bower-libs/bootstrap/less/type.less";
@import "../bower-libs/bootstrap/less/code.less";
@import "../bower-libs/bootstrap/less/grid.less";
@import "../bower-libs/bootstrap/less/tables.less";
@import "../bower-libs/bootstrap/less/forms.less";
@import "../bower-libs/bootstrap/less/buttons.less";
// Components
@import "../bower-libs/bootstrap/less/component-animations.less";
@import "../bower-libs/bootstrap/less/glyphicons.less";
@import "../bower-libs/bootstrap/less/dropdowns.less";
@import "../bower-libs/bootstrap/less/button-groups.less";
@import "../bower-libs/bootstrap/less/input-groups.less";
@import "../bower-libs/bootstrap/less/navs.less";
@import "../bower-libs/bootstrap/less/navbar.less";
@import "../bower-libs/bootstrap/less/breadcrumbs.less";
@import "../bower-libs/bootstrap/less/pagination.less";
@import "../bower-libs/bootstrap/less/pager.less";
@import "../bower-libs/bootstrap/less/labels.less";
@import "../bower-libs/bootstrap/less/badges.less";
@import "../bower-libs/bootstrap/less/jumbotron.less";
@import "../bower-libs/bootstrap/less/thumbnails.less";
@import "../bower-libs/bootstrap/less/alerts.less";
@import "../bower-libs/bootstrap/less/progress-bars.less";
@import "../bower-libs/bootstrap/less/media.less";
@import "../bower-libs/bootstrap/less/list-group.less";
@import "../bower-libs/bootstrap/less/panels.less";
@import "../bower-libs/bootstrap/less/wells.less";
@import "../bower-libs/bootstrap/less/close.less";
// Components w/ JavaScript
@import "../bower-libs/bootstrap/less/modals.less";
@import "../bower-libs/bootstrap/less/tooltip.less";
@import "../bower-libs/bootstrap/less/popovers.less";
// Utility classes
@import "../bower-libs/bootstrap/less/utilities.less";
@import (less) "../libs/highlight/styles/default.css";
2013-12-02 00:09:39 +00:00
@import (less) "../libs/fontello/css/fontello.css";
2013-11-30 01:40:26 +00:00
2014-05-27 23:36:37 +00:00
/* Pretty printing styles. Used with prettify.js. */
/* SPAN elements with the classes below are added by prettyprint. */
.pln { color: #000 } /* plain text */
.str { color: #080 } /* string content */
.kwd { color: #008 } /* a keyword */
.com { color: #800 } /* a comment */
.typ { color: #606 } /* a type name */
.lit { color: #066 } /* a literal value */
/* punctuation, lisp open bracket, lisp close bracket */
.pun, .opn, .clo { color: #660 }
.tag { color: #008 } /* a markup tag name */
.atn { color: #606 } /* a markup attribute name */
.atv { color: #080 } /* a markup attribute value */
.dec, .var { color: #606 } /* a declaration; a variable name */
.fun { color: red } /* a function name */
/* Put a border around prettyprinted code snippets. */
pre.prettyprint { padding: 2px; border: 1px solid #888 }
/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0 } /* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background: #eee }
2014-04-27 12:43:57 +00:00
@body-bg: #fff;
2013-12-03 00:20:16 +00:00
@text-color: #000;
2013-12-04 19:35:41 +00:00
@kbd-color: #333;
@kbd-bg-color: #FFF;
@kbd-border-color: fade(@text-color, 25%);
2013-11-30 01:40:26 +00:00
@blockquote-border-color: #eee;
@blockquote-bg: #f8f8f8;
2014-03-12 00:53:15 +00:00
@title-base-size: 1em;
2013-12-02 23:05:45 +00:00
@code-color: @text-color;
2013-12-27 22:29:42 +00:00
@code-bg: fade(@text-color, 4%);
2014-01-13 18:57:59 +00:00
@pre-bg: @blockquote-bg;
@pre-border-color: @blockquote-border-color;
2014-03-12 00:53:15 +00:00
@font-size-base: 15px;
@line-height-base: 1.45;
@p-margin: 1.1em;
2014-03-16 02:13:42 +00:00
@headings-font-family: inherit;
2014-06-09 16:37:58 +00:00
@headings-font-weight: 300;
2013-11-30 01:40:26 +00:00
2014-04-22 17:40:24 +00:00
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg#fontello') format('svg'),
url('../font/fontello.woff') format('woff');
font-weight: normal;
font-style: normal;
}
2013-11-30 01:40:26 +00:00
@font-face {
2014-03-12 00:53:15 +00:00
font-family: 'Source Sans Pro';
2013-12-05 20:59:57 +00:00
font-style: normal;
font-weight: 300;
2014-03-12 00:53:15 +00:00
src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url("../font/SourceSansPro-Light-webfont.woff") format('woff');
2013-11-30 01:40:26 +00:00
}
@font-face {
2014-03-12 00:53:15 +00:00
font-family: 'Source Sans Pro';
2013-12-05 20:59:57 +00:00
font-style: normal;
font-weight: 400;
2014-03-12 00:53:15 +00:00
src: local('Source Sans Pro'), local('SourceSansPro'), url("../font/SourceSansPro-Regular-webfont.woff") format('woff');
2013-11-30 01:40:26 +00:00
}
@font-face {
2014-03-12 00:53:15 +00:00
font-family: 'Source Sans Pro';
2013-12-05 20:59:57 +00:00
font-style: normal;
font-weight: 700;
2014-03-12 00:53:15 +00:00
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url("../font/SourceSansPro-Bold-webfont.woff") format('woff');
2013-11-30 01:40:26 +00:00
}
@font-face {
2014-03-12 00:53:15 +00:00
font-family: 'Source Sans Pro';
2013-12-05 20:59:57 +00:00
font-style: italic;
font-weight: 300;
2014-03-12 00:53:15 +00:00
src: local('Source Sans Pro Light Italic'), local('SourceSansProLight-Italic'), url("../font/SourceSansPro-LightItalic-webfont.woff") format('woff');
2013-11-30 01:40:26 +00:00
}
@font-face {
2014-03-12 00:53:15 +00:00
font-family: 'Source Sans Pro';
2013-12-05 20:59:57 +00:00
font-style: italic;
font-weight: 400;
2014-03-12 00:53:15 +00:00
src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url("../font/SourceSansPro-Italic-webfont.woff") format('woff');
2013-11-30 01:40:26 +00:00
}
@font-face {
2014-03-12 00:53:15 +00:00
font-family: 'Source Sans Pro';
2013-12-05 20:59:57 +00:00
font-style: italic;
font-weight: 700;
2014-03-12 00:53:15 +00:00
src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url("../font/SourceSansPro-BoldItalic-webfont.woff") format('woff');
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
src: local('Source Code Pro'), local('SourceCodePro-Regular'), url("../font/SourceCodePro-Regular-webfont.woff") format('woff');
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 700;
src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url("../font/SourceCodePro-Bold-webfont.woff") format('woff');
}
@font-family-sans-serif: "Source Sans Pro", sans-serif;
@font-family-monospace: "Source Code Pro", monospace;
2013-11-30 01:40:26 +00:00
// Copied from Bootstrap in order to have correct urls
.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
background-image: url("@{file-1x}");
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
background-image: url("@{file-2x}");
background-size: @width-1x @height-1x;
}
}
2013-12-02 23:05:45 +00:00
.container {
2013-12-03 00:29:57 +00:00
margin-bottom: 180px;
2014-06-09 16:37:58 +00:00
text-align: justify;
2013-12-02 23:05:45 +00:00
}
2013-11-30 01:40:26 +00:00
a code {
color: inherit;
}
2014-03-12 00:53:15 +00:00
h1 { font-size: @title-base-size * 2.60; }
h2 { font-size: @title-base-size * 2.15; }
h3 { font-size: @title-base-size * 1.70; }
h4 { font-size: @title-base-size * 1.25; }
h5 { font-size: @title-base-size; }
h6 { font-size: @title-base-size * 0.85; }
2013-11-30 01:40:26 +00:00
2014-03-12 00:53:15 +00:00
h1, h2, h3, h4, h5, h6 {
margin: 1.3em 0;
2014-05-25 18:38:26 +00:00
text-align: start;
2013-11-30 01:40:26 +00:00
}
2014-03-16 02:13:42 +00:00
pre {
2014-03-30 01:44:51 +00:00
word-break: break-word;
2014-03-16 02:13:42 +00:00
}
2013-11-30 01:40:26 +00:00
p,
pre,
2014-01-19 14:27:25 +00:00
pre.prettyprint,
2013-11-30 01:40:26 +00:00
blockquote {
2014-03-12 00:53:15 +00:00
margin: 0 0 @p-margin;
2013-11-30 01:40:26 +00:00
}
hr {
2014-03-12 00:53:15 +00:00
margin: 2em 0;
2013-11-30 01:40:26 +00:00
}
2014-08-13 21:06:14 +00:00
img {
max-width: 100%;
}
2014-04-24 23:43:57 +00:00
.sequence-diagram, .flow-chart {
text-align: center;
2014-04-26 00:53:06 +00:00
margin-bottom: @p-margin;
2014-04-24 23:43:57 +00:00
text {
2014-06-09 18:34:29 +00:00
font-size: 15px !important;
2014-04-24 23:43:57 +00:00
font-family: @font-family-sans-serif !important;
}
[fill="#ffffff"] {
2014-04-27 12:43:57 +00:00
fill: @body-bg;
2014-04-24 23:43:57 +00:00
}
[stroke="#000000"] {
stroke: @text-color;
}
2014-06-09 16:37:58 +00:00
text[stroke="#000000"] {
stroke: none;
}
2014-04-24 23:43:57 +00:00
[fill="#000"], [fill="#000000"], [fill="black"] {
fill: @text-color;
}
}
2013-11-30 01:40:26 +00:00
code, pre {
2014-03-12 00:53:15 +00:00
font-family: @font-family-monospace;
2014-04-21 15:36:22 +00:00
font-size: 0.9em;
2013-11-30 01:40:26 +00:00
}
2014-04-23 23:12:21 +00:00
code {
white-space: normal;
}
2014-01-19 14:27:25 +00:00
pre, pre.prettyprint {
border: 0 solid @pre-border-color;
border-left: 10px solid @pre-border-color;
2014-01-13 18:57:59 +00:00
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
2014-01-19 14:27:25 +00:00
padding: 10px 15px;
2013-11-30 01:40:26 +00:00
code {
background-color: transparent !important;
}
}
/* Definition list */
dt,dd {
margin-top: 5px;
margin-bottom: 5px;
}
dd {
margin-left: 40px;
}
/* Table style */
table {
margin-bottom: 20px;
}
table th,table td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #dddddd;
}
table th {
font-weight: bold;
}
table thead th {
vertical-align: bottom;
}
table caption+thead tr:first-child th,table caption+thead tr:first-child td,table colgroup+thead tr:first-child th,table colgroup+thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td
{
border-top: 0;
}
table tbody+tbody {
border-top: 2px solid #dddddd;
}
blockquote {
border-left-width: 10px;
background-color: @blockquote-bg;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding: 15px 20px;
p {
2014-03-12 00:53:15 +00:00
margin-bottom: @p-margin;
font-size: 1em;
2013-11-30 01:40:26 +00:00
line-height: @line-height-base;
}
2014-03-30 01:44:51 +00:00
2013-11-30 01:40:26 +00:00
ul:last-child,
ol:last-child {
margin-bottom: 0;
}
2014-01-13 18:57:59 +00:00
}
2013-11-30 01:40:26 +00:00
ul,ol {
2014-03-12 00:53:15 +00:00
margin-bottom: @p-margin;
2013-11-30 01:40:26 +00:00
ul,ol {
2014-03-12 00:53:15 +00:00
margin-bottom: @p-margin;
2013-11-30 01:40:26 +00:00
}
}
2013-12-04 19:35:41 +00:00
kbd {
padding: 0.1em 0.6em;
border: 1px solid @kbd-border-color;
.box-shadow(0 1px 0px @kbd-border-color);
2014-04-21 15:36:22 +00:00
font-size: 0.7em;
2014-04-27 12:43:57 +00:00
font-family: sans-serif;
2013-12-04 19:35:41 +00:00
background-color: @kbd-bg-color;
color: @kbd-color;
border-radius: 3px;
display: inline-block;
margin: 0 0.1em;
white-space: nowrap;
}
2013-11-30 01:40:26 +00:00
.toc ul {
list-style-type: none;
2014-03-17 02:01:46 +00:00
margin-bottom: 15px;
2013-11-30 01:40:26 +00:00
}
.footnote {
vertical-align: top;
position: relative;
top: -0.5em;
font-size: 0.8em;
}
/***********************
* Icons
***********************/
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
2014-04-16 23:29:51 +00:00
line-height: 1.35em;
2013-11-30 01:40:26 +00:00
vertical-align: middle;
background-repeat: no-repeat;
}
// Custom icons (not from Font Awesome)
.icon-code {
2014-03-12 00:53:15 +00:00
font-size: 83%;
2014-04-20 01:13:43 +00:00
line-height: 1.65em;
2013-12-01 15:43:46 +00:00
&:before {
margin-left: 0.1em;
margin-right: 0.6em;
}
2013-11-30 01:40:26 +00:00
}
2014-08-10 23:40:45 +00:00
.icon-trash {
line-height: 1.50em;
}
2013-11-30 01:40:26 +00:00
.icon-folder-open {
font-size: 80%;
2013-12-01 15:43:46 +00:00
&:before {
margin-right: 0.6em;
}
2013-11-30 01:40:26 +00:00
}
.icon-chart-bar {
2014-04-16 23:29:51 +00:00
font-size: 95%;
2013-12-01 15:43:46 +00:00
&:before {
margin-left: 0.3em;
margin-right: 0.3em;
}
2013-11-30 01:40:26 +00:00
}
2014-04-06 23:39:24 +00:00
.icon-comment-alt, .icon-chat {
font-size: 92%;
&:before {
margin-left: 0.1em;
margin-right: 0.4em;
}
}
2013-12-01 15:43:46 +00:00
.icon-file {
font-size: 104%;
margin-left: 0;
margin-right: 0;
}
2013-12-02 01:20:38 +00:00
.icon-link {
font-size: 104%;
}
2013-11-30 01:40:26 +00:00
// Provider's icons (the colored ones)
[class^="icon-provider-"], [class*=" icon-provider-"] {
.img-retina('../img/icons.png', '../img/icons2x.png', 256px, 16px);
width: 18px;
height: 16px;
margin-top: -2px;
2013-12-08 18:12:31 +00:00
margin-left: 1px;
2013-11-30 01:40:26 +00:00
}
.icon-provider-stackedit {
background-position: 0 0;
}
2013-12-23 22:46:49 +00:00
.icon-provider-gdrive, .icon-provider-gdrivesec, .icon-provider-gdriveter {
2013-11-30 01:40:26 +00:00
background-position: -18px 0;
}
.icon-provider-dropbox {
background-position: -37px 0;
}
.icon-provider-github,.icon-provider-gist {
background-position: -54px 0;
}
2014-01-19 13:31:36 +00:00
.icon-provider-blogger, .icon-provider-bloggerpage {
2013-11-30 01:40:26 +00:00
background-position: -72px 0;
}
.icon-provider-tumblr {
background-position: -90px 0;
}
.icon-provider-wordpress {
background-position: -108px 0;
}
.icon-provider-ssh {
background-position: -126px 0;
}
.icon-provider-gplus {
background-position: -144px 0;
}
2013-12-02 23:29:48 +00:00
2013-12-05 00:25:17 +00:00
/*******************
* RTL
*******************/
body.rtl {
#wmd-input,
#preview-contents,
.input-file-title,
.search-bar input,
.modal-document-manager input,
2014-04-17 23:41:35 +00:00
.comments-popover,
2013-12-05 00:25:17 +00:00
.container {
direction: rtl;
}
}