body {
- margin: 0 2em 2em 2em;
- font: 70% Verdana, Arial, Helvetica, sans-serif;
+ font-size: 16px;
+ font: Georgia, "Times New Roman", serif;
line-height: 1.5em;
- background: #FFF url(/media/img/bg.png) repeat-x;
- color: #2F4110;
-}
-
-img {
- border: none;
+ margin: 3em;
+ max-width: 36em;
}
a {
- color: #295158;
+ color: blue;
text-decoration: none;
}
-a:hover, a:active {
- text-decoration: underline;
-}
-
-input {
- font: 1em Verdana, Arial, Helvetica, sans-serif;
-}
-
+/* =================================================== */
+/* = Common elements: headings, paragraphs and lines = */
+/* =================================================== */
h1 {
- font: normal normal bold 1.75em Arial, sans-serif;
- color: #2F4110;
- margin: 0.55em 0 0 0;
+ font-size: 3em;
+ margin: 1.5em 0;
+ text-align: center;
+ line-height: 1.5em;
+ font-weight: bold;
}
h2 {
- font-size: 1.2em;
+ font-size: 2em;
+ margin: 1.5em 0 0;
font-weight: bold;
- color: #2F4110;
- margin: 0;
+ line-height: 1.5em;
}
h3 {
- font-size: 1.3em;
- font-weight: bold;
- margin: 0.2em 0 0 0;
- color: #333;
-}
-
-em {
- font-style: normal;
- background-color: #F5DC7D;
-}
-
-.clearboth {
- clear: both;
-}
-
-.blur {
- color: #777;
-}
-
-/* ================================== */
-/* = Header with logo and user-info = */
-/* ================================== */
-#header {
- position: relative;
- margin-top: 1.5em;
-}
-
-#header #logo {
- float: left;
+ font-size: 1.5em;
+ margin: 1.5em 0 0;
+ font-weight: normal;
+ line-height: 1.5em;
}
-#header #user-info {
- margin: 0 0 0 auto;
- width: 40em;
- text-align: right;
+h4 {
+ font-size: 1em;
+ margin: 1.5em 0 0;
+ line-height: 1.5em;
}
-#site-description {
- margin-top: -1.5em;
- height:4.5em;
- overflow: hidden;
- float: right;
- width: 42em;
- text-align: right;
- color: #777;
+p {
+ margin: 0;
}
/* ======================== */
-/* = Footer with sponsors = */
+/* = Footnotes and themes = */
/* ======================== */
-#footer {
- border-top: 0.1em solid #999;
- color: #999;
- font-size: 0.8em;
- padding-top: 0.5em;
- margin: 2em 0 0 0;
-}
-
-#footer p {
- margin: 0;
-}
-
-#footer a {
- color: #999;
- text-decoration: underline;
-}
-
-
-/* =============== */
-/* = Search form = */
-/* =============== */
-#search-form {
- margin: 0.5em 0;
- padding: 0.5em;
- background-color: rgb(132, 191, 42);
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- border-bottom: 0.15em solid #7B9C2D;
- border-right: 0.15em solid #7B9C2D;
-}
-
-#search-form p {
- margin: 0em 0 0 0;
-}
-
-#search-form ol {
- margin: 0;
- padding: 0;
-}
-
-#search-form li {
- margin: 0;
- padding: 0;
- list-style: none;
- display: inline;
-}
-
-#search-form li.category, #search-form li.book-title {
- padding: 0.2em 0.5em 0.2em 0.5em;
- background-color: rgb(242, 163, 15);
- border: 1px solid #BA8722;
- border-right: 1px solid #555;
- border-bottom: 1px solid #555;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
+.theme-begin {
+ border-left: 0.1em solid #DDDDDD;
+ color: #666;
+ float: right;
+ margin: 0 -9.5em 0 0;
+ padding: 0 0.5em;
+ width: 7.5em;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 16px;
}
-#search-form li.book-title {
- background-color: #DDD;
- border: 1px solid #999;
- border-right: 1px solid #555;
- border-bottom: 1px solid #555;
+.annotation {
+ font-style: normal;
+ font-weight: normal;
+ font-size: 12px;
}
-#search-form input[type=submit] {
- color: #444;
+#footnotes .annotation {
+ display: block;
+ float: left;
+ width: 2.5em;
+ clear: both;
}
-.ac_input {
- width: 18em;
+#footnotes div {
+ margin: 1.5em 0 0 0;
}
-p .ac_input {
- width: 28em;
+#footnotes p {
+ margin-left: 2.5em;
}
/* ============= */
-/* = Tags list = */
+/* = Numbering = */
/* ============= */
-#intro {
- margin: 0 0 2.5em 0;
-}
-
-#main-page #tags-list {
- margin-right: 29em;
-}
-
-#categories-list ul, #themes-list ul {
- -moz-column-width: 12em;
- -webkit-column-width: 12em;
- column-width: 12em;
-}
-
-#tags-list {
- margin-top: 1em;
- padding: 1em;
- background-color: #FBEF90;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- border-bottom: 0.15em solid #E3D888;
- border-right: 0.15em solid #E3D888;
-}
-
-#tagged-object-list #tags-list, #book-detail #tags-list {
- margin-left: 39em;
-}
-
-#book-info, #categories-list {
- float: left;
- width: 47.5%;
-}
-
-#themes-list {
- margin-left: 52.5%;
-}
-
-#tagged-object-list #categories-list, #book-detail #book-info {
- width: 12em;
-}
-
-#tagged-object-list #themes-list, #book-detail #themes-list {
- margin-left: 14em;
-}
-
-#tags-list ol, #tags-list ul {
- padding: 0;
- margin: 0.3em 0 1.2em 0;
-}
-
-#tags-list li {
- list-style: none;
- padding: 0;
- margin: 0;
-}
-
-#books-list {
- width: 38em;
- float: left;
-}
-
-/* ============== */
-/* = Propaganda = */
-/* ============== */
-#propaganda {
- float: right;
- width: 28.5em;
- margin: 0;
- height: 21em;
- background-image: url(/media/img/shelf.jpg);
- background-repeat: no-repeat;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
- background-color: #FFF;
-}
-
-/* ===================== */
-/* = Other info = */
-/* ===================== */
-#latest-blog-posts {
- padding: 0.5em;
+.anchor {
float: left;
- width: 30%;
-}
-
-#latest-blog-posts ol {
- padding: 0 0 0 1.5em;
- margin: 0.3em 0 0 0;
- list-style-type: square;
- color: #D13628;
-}
-
-#you-can-help {
- float: right;
- padding: 0.5em;
- width: 30%;
-}
-
-#about-us {
- padding: 0.5em;
- margin-left: 35%;
- margin-right: 35%;
-}
-
-/* =============== */
-/* = Description = */
-/* =============== */
-#description {
- margin-top: 0.5em;
- text-align: justify;
-}
-
-#toggle-description, #tagged-object-list .pagination {
- width: 100%;
- height: 1.5em;
- background-color: #EEE;
- margin-top: 0.5em;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
+ margin: -0.2em -0.5em -0.2em -3.5em;
+ color: #777;
+ font-size: 12px;
+ width: 2em;
text-align: center;
+ padding: 0.2em 0.5em;
}
-#toggle-description p {
- margin: 0;
- padding: 0;
- color: #999;
-}
-
-/* ============================ */
-/* = Books and fragments list = */
-/* ============================ */
-#books-list {
- margin: 0;
-}
-
-#books-list ol {
- list-style: none;
- padding: 0;
- margin: 1.5em 0;
-}
-
-.book {
- padding: 0.5em;
- background-color: #FFF;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
+.anchor:hover, .anchor:active {
+ color: #FFF;
+ background-color: #CCC;
}
-.fragment {
- border-bottom: 0.1em solid #EEE;
- margin-top: 0.5em;
+/* =================== */
+/* = Custom elements = */
+/* =================== */
+span.author {
+ font-size: 0.75em;
+ display: block;
+ line-height: 1.5em;
+ margin-bottom: 0.25em;
}
-.fragment-text, .fragment-short-text {
- padding: 0.5em;
- background-color: #FFF;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
+span.collection {
+ font-size: 0.75em;
+ display: block;
+ line-height: 1.5em;
+ margin-bottom: -0.25em;
}
-.fragment-metadata {
- padding: 0.5em 0.5em 1.5em 0.5em;
- float: right;
+span.subtitle {
+ font-size: 0.75em;
+ display: block;
+ line-height: 1.5em;
+ margin-top: -0.25em;
}
-.change-sets {
- float: right;
+div.didaskalia {
+ font-style: italic;
+ margin: 0.5em 0 0;
}
-.book-description {
- margin-left: 3.5em;
+div.kwestia {
+ margin: 0.5em 0 0;
}
-.book-thumbnail {
- background: transparent url(/media/img/book.png) no-repeat 0 0;
- width: 3em;
- height: 3em;
- float: left;
+div.stanza {
+ margin: 1.5em 0 0;
}
-/* =============== */
-/* = Simple form = */
-/* =============== */
-.cuteform ol, .cuteform ul {
- padding: 0;
+div.kwestia div.stanza {
margin: 0;
- list-style: none;
}
-.cuteform ol li, .cuteform ul li {
- margin-top: 0.7em;
-}
-
-.cuteform label {
- display: block;
-}
-
-.cuteform span.help-text {
- display: block;
- font-size: 0.8em;
- color: #999;
+p.paragraph {
+ text-align: justify;
+ margin: 1.5em 0 0;
}
-.cuteform .error {
- color: #BF3024;
+p.motto {
+ text-align: justify;
+ font-style: italic;
+ margin: 1.5em 0 0;
}
-/* ================ */
-/* = Modal Window = */
-/* ================ */
-.jqmOverlay { background-color: #000; }
-
-#set-window {
- position: absolute;
- display: none;
- width: 32em;
- background-color: transparent;
- margin-top: -0.5em;
- margin-left: -1em;
+p.motto_podpis {
+ font-size: 0.875em;
}
-#set-window div.header {
- background-color: #FFF;
- border-right: 0.25em solid #DDD;
- width: 4em;
- padding: 0.5em 1em 0.5em 1em;
+div.fragment {
+ border-bottom: 0.1em solid #999;
+ padding-bottom: 1.5em;
}
-#set-window div.target {
- background-color: #FFF;
- border-right: 0.3em solid #DDD;
- border-bottom: 0.3em solid #DDD;
- padding: 1em;
+div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
+ text-align: right;
+ font-style: italic;
}
-#login-register-window {
- position: absolute;
- display: none;
- width: 24em;
- background-color: transparent;
- margin-top: -0.5em;
- margin-left: 1em;
+hr.spacer {
+ height: 3em;
+ visibility: hidden;
}
-#login-register-window div.header {
- background-color: #FFF;
- border-right: 0.3em solid #DDD;
- width: 4em;
- right: 0;
- left: auto;
- padding: 0.5em 1em 0.5em 1em;
- float: right;
- text-align: center;
+hr.spacer-line {
+ margin: 1.5em 0;
+ border: none;
+ border-bottom: 0.1em solid #000;
}
-#login-register-window div.target {
- clear: both;
- background-color: #FFF;
- border-right: 0.3em solid #DDD;
- border-bottom: 0.3em solid #DDD;
- padding: 1em;
-}
-
-#user-shelves-window {
- position: absolute;
- display: none;
- width: 28em;
- background-color: transparent;
- margin-top: -0.5em;
- margin-left: 1em;
-}
-
-#user-shelves-window div.header {
- background-color: #FFF;
- border-right: 0.3em solid #DDD;
- width: 4em;
- right: 0;
- left: auto;
- padding: 0.5em 1em 0.5em 1em;
- float: right;
+p.spacer-asterisk {
+ padding: 0;
+ margin: 1.5em 0;
text-align: center;
}
-#user-shelves-window div.target {
- clear: both;
- background-color: #FFF;
- border-right: 0.3em solid #DDD;
- border-bottom: 0.3em solid #DDD;
- padding: 1em;
-}
-
-#user-shelves-window ul {
+div.person-list ol {
list-style: none;
- padding: 0;
-}
-
-#user-shelves-window a.delete-shelf {
- color: #900;
- float: right;
+ padding: 0 0 0 1.5em;
}
-/* ======================== */
-/* = Alphabetic book list = */
-/* ======================== */
-#book-a-list #book-list {
- -moz-column-width: 24em;
- -webkit-column-width: 24em;
- column-width: 24em;
+p.place-and-time {
+ font-style: italic;
}
-#book-a-list #book-list ol {
- padding: 0;
- margin: 0.3em 0 1.2em 0;
- list-style: none;
+em.math, em.foreign-word, em.book-title, em.didaskalia, em.author-emphasis {
+ font-style: italic;
}
-#top-message {
- background-color: #2F4110;
- color: #FFF;
- margin: 0 -2em;
- padding: 0 2em;
- line-height: 2em;
+em.person {
+ font-style: normal;
+ font-variant: small-caps;
}
fnp / wolnelektury.git / blobdiff