X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/f906193db2ec44590f57beae2e8ee2df76117b7b..9e020f2a463e49b2aa799d3d3305f82dd01bece1:/wolnelektury/static/css/base.css?ds=sidebyside diff --git a/wolnelektury/static/css/base.css b/wolnelektury/static/css/base.css index 067d9fd0d..298fd9af3 100755 --- a/wolnelektury/static/css/base.css +++ b/wolnelektury/static/css/base.css @@ -1,3 +1,15 @@ +/* Logo font */ +@font-face { + /* IE version */ + font-family: WL-Nav; + src: url(/static/fonts/WL-Nav.eot); +} +@font-face { + font-family: WL-Nav; + src: url(/static/fonts/WL-Nav.ttf) format("truetype"); +} + + html { margin: 0; padding: 0; @@ -6,16 +18,47 @@ html { body { margin: 0; background: #f7f7f7; - font-size: .9em; - line-height: 1.4em; + font-size: .625em; + font-family: Georgia; + /*line-height: 1.4em;*/ } - +a img { + border: 0; +} a { - color: #02adb7; + color: #1199a2; /* #01adba; */ text-decoration: none; } +h1 { + font-size: 3.5em; + font-weight: normal; + margin-top: .4em +} +h1 a { + color: inherit; +} + +ul.plain { + list-style:none; + margin: 0; + padding: 0; +} + +.left-column { + width: 47em; + float: left; +} +.right-column { + float:right; + width: 47em; +} +.normal-text { + font-size: 1.3em; + line-height: 1.3em; +} + h2 { margin: 0; font-size: 1em; @@ -23,33 +66,120 @@ h2 { } -.grid-line { - height: 2.6em; - padding-top: 1.4em; - padding-bottom: 0; +.mono { + font-family: "Andale Mono", "Lucida Sans Typewriter", "Courier New"; +/* font-weight: bold; */ +} + +.accent1 { + color: #191919; +} + +.accent2 { + color: #242424; +} + +.accent3 { + color: #575c63; +} + + +.accent4 { + color: #707b7a; } -.mono, .mono-small { - font-family: "Lucida Sans Typewriter", courier; - font-size: .9em; +.contrast { + #1199a2; } +/* #281d1c */ .clearboth { clear: both; } -#header-content, div#main-content, div#half-header-content { - width: 75em; +.white-box { + border: 1px solid #ddd; + padding: 1em; + background: #fff; + -moz-box-shadow: 2px 2px 2px #ddd; + -webkit-box-shadow: 2px 2px 2px #ddd; + box-shadow: 2px 2px 2px #ddd; +} + + +#header-content, div#main-content, div#half-header-content, #footer-content { + width: 97.5em; margin: auto; } +.page-desc { + margin-left: 1.5em; +} + +.inline-tag-lists p span:first-child { + color: #281d1c; +} + +.inline-tag-lists { + font-size: 1.1em; +} + +.theme-list-link:after { + padding-left: 1em; + content: "↓"; + font-family: WL-Nav; + vertical-align: middle; +} +.theme-list-link { + font-size: 1.1em; +} +.hidden-box-wrapper { + position: relative; +} +.hidden-box { + position: absolute; + display: none; + border: 1px solid #ddd; + padding: 1em 1em .5em 1em; + background: #fff; + -moz-box-shadow: 2px 2px 2px #ddd; + -webkit-box-shadow: 2px 2px 2px #ddd; + box-shadow: 2px 2px 2px #ddd; + z-index: 500; +} +.hidden-box ul { + list-style: none; + padding: 0; + margin: 0; + font-size: 1.1em; + column-width: 12em; + -moz-column-width: 12em; + -webkit-column-width: 12em; + width: 48em; +} +.hidden-box li { + margin-bottom: .5em; +} + +.pagination { + display: block; + font-size: 1.2em; + padding: .5em; + text-align:center; +} #footer { - font-size: .75em; - color: #777; - border-top: 1px solid #ddd; - margin-top: 2.5em; + color: #767676; + margin-top: 5em; + padding-top:3em; + background: #fff; +} + +/* just on search page */ +.top-tag-list { + margin-top: 2.2em; + margin-bottom: 1.6em; }