Mercurial > wikked
diff static/css/wikked.less @ 60:8250c977bc50
Moved static files to the root directory.
author | Ludovic Chabant <ludovic@chabant.com> |
---|---|
date | Tue, 05 Feb 2013 14:49:34 -0800 |
parents | wikked/static/css/wikked.less@02150022e212 |
children | 130eccd396d8 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/static/css/wikked.less Tue Feb 05 14:49:34 2013 -0800 @@ -0,0 +1,225 @@ +// Includes +@import "/bootstrap/css/bootstrap.min.css"; +@import "/css/syntax.css"; +@import "/css/wmd.css"; + +// Constants +@baseFontSize: 18px; +@baseLineHeight: (@baseFontSize * 1.5); +@smallFontSize: 16px; +@smallerFontSize: 12px; + +@colorNavLink: rgb(128, 128, 128); +@colorNavLinkHover: rgb(96, 96, 96); + +@colorBlueDark: #48577D; +@colorBlueMedium: #7690CF; +@colorBlueLight: #D9E3FF; + +@colorGrayBlueLight: #D3DCF2; +@colorGrayBlueMedium: #9197A6; +@colorGrayBlueDark: #43464C; + +@colorGrayLight: #EEE; +@colorGrayMedium: #AAA; +@colorGrayDark: #666; + +@colorCode: #523C37; + +@backgroundPage: white; +@backgroundPageSpecial: #E5D19E; + +// Macros +.box-shadow(@style, @c) { + box-shadow: @style @c; + -webkit-box-shadow: @style @c; + -moz-box-shadow: @style @c; +} + +// Main tags +body { + background: url('../img/gray_jean.png'); + //background-image: url(http://basehold.it/i/27); + font-size: @baseFontSize; + color: #333; +} +p { + font-size: @baseFontSize; + line-height: @baseLineHeight; + margin-top: @baseLineHeight; + margin-bottom: @baseLineHeight; +} +h1 { + font-size: (@baseFontSize * 2); + line-height: (@baseLineHeight * 2); + margin-top: @baseLineHeight; + margin-bottom: 0; +} +h2 { + font-size: (@baseFontSize * 1.5); + line-height: @baseLineHeight; + margin-top: @baseLineHeight; + margin-bottom: 0; +} +h3 { + font-size: (@baseFontSize * 1.2); + line-height: @baseLineHeight; + margin-top: @baseLineHeight; + margin-bottom: 0; +} +h4 { + font-size: @baseFontSize; + line-height: @baseLineHeight; + margin-top: @baseLineHeight; + margin-bottom: 0; +} +h5 { + font-size: (@baseFontSize / 1.1); + line-height: @baseLineHeight; + margin-top: @baseLineHeight; + margin-bottom: 0; +} +h6 { + font-size: (@baseFontSize / 1.2); + line-height: @baseLineHeight; + margin-top: @baseLineHeight; + margin-bottom: 0; +} +pre { + margin-top: @baseLineHeight; + margin-bottom: @baseLineHeight; +} +sup, sub { + line-height: 0; +} +li { + line-height: @baseLineHeight; +} + +// Global classes +a.wiki-link { + color: #12f; + text-decoration: none; + &:link { color: #12f; } + &:visited { color: #12f; } + &:hover { color: #36f; } + &:active { color: #12f; } +} +a.wiki-link.missing { + color: #f12; +} +.decorator { + text-transform: uppercase; + font-weight: lighter; + font-size: 0.7em; + letter-spacing: 0.1em; + color: @colorBlueDark; + .rev_id { + font-family: monospace; + color: @colorCode; + } +} + +.container { + nav, .meta { + color: @colorNavLink; + font-size: @smallFontSize; + line-height: (@baseLineHeight * 2); + a { + padding: 0 1em; + display: inline-block; + text-decoration: none; + color: @colorNavLink; + &:link { color: @colorNavLink; } + &:visited { color: @colorNavLink; } + &:hover { color: @colorNavLinkHover; } + &:active { color: @colorNavLink; } + } + } + .page { + .box-shadow(0 0 10px, rgb(210, 210, 210)); + padding: @baseLineHeight; + background: @backgroundPage; + } + .page.special { + background: @backgroundPageSpecial; + } + + .page>pre { + margin-top: @baseLineHeight; + } + .meta { + font-size: @smallerFontSize; + } +} + +form.search { + display: inline-block; + margin: 0; +} +ul.search-results { + list-style: none; +} + +form.page-edit { + textarea { + height: 10em; + font-size: 1em; + font-family: "Lucida Console", Monaco, Consolas, "Courier New", monospace; + margin-bottom: 0; + border-radius: 0; + } +} +.wmd-input-wrapper { + padding: 1em 0; + + .wmd-input-grip { + background: @colorGrayLight; + border: 1px solid @colorGrayMedium; + border-width: 0 1px 1px 1px; + height: 12px; + cursor: ns-resize; + } +} +.wmd-preview-wrapper { + border: 1px dashed @colorGrayBlueMedium; + background: @colorGrayBlueLight; + + h3 { + margin-left: 1em; + margin-right: 1em; + margin-bottom: 1em; + } + .wmd-preview { + margin: 1em; + background: none; + } +} +#wmd-button-bar li { + margin-left: 0; +} +.preview-wiki-meta { + .meta-name { + background: @colorBlueMedium; + color: #fff; + padding: 0.2em 0.4em 0.2em 0.6em; + border-radius: 0.5em 0 0 0.5em; + font-variant: small-caps; + letter-spacing: 0.18em; + } + .meta-value { + background: @colorGrayBlueDark; + color: #fff; + padding: 0.2em 0.6em 0.2em 0.4em; + border-radius: 0 0.5em 0.5em 0; + } +} +.commit-meta { + margin-top: 1em; + margin-bottom: 1em; +} + +b.match { + padding: 0 0.2em; + background: #ffeb84; +}