X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/7cf1f5926f871122e6e240432531ae942c4f9df1..24791e323ca709aa1c193096e6e4455390f7ac72:/wolnelektury/static/css/base.css?ds=inline diff --git a/wolnelektury/static/css/base.css b/wolnelektury/static/css/base.css index 35aed2ea8..b6395e539 100755 --- a/wolnelektury/static/css/base.css +++ b/wolnelektury/static/css/base.css @@ -18,16 +18,45 @@ html { body { margin: 0; background: #f7f7f7; - font-size: .9em; - line-height: 1.4em; + font-size: .625em; + font-family: Georgia; + /*line-height: 1.4em;*/ } 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; @@ -35,33 +64,136 @@ 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; */ } -.mono, .mono-small { - font-family: "Lucida Sans Typewriter", courier; - font-size: .9em; +.accent1 { + color: #191919; } +.accent2 { + color: #242424; +} + +.accent3 { + color: #575c63; +} + + +.accent4 { + color: #707b7a; +} + +.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; + -moz-column-width: 12em; + width: 48em; +} +.hidden-box li { + margin-bottom: .5em; +} + + +.see-also { + margin-left: 8em; + float: left; + width: 14.3em; +} +.download { + margin-left: 2em; + float: left; +} + +.see-also, .download { + margin-top: 2em; + margin-bottom: 2em; +} +.see-also h2, .download h2 { + font-size: 1.1em; +} +.see-also ul, .download ul { + list-style: none; + padding: 0; + margin: 0; + font-size: 1.1em; +} + +.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; }