/*
Stylesheet for Litaratura.org
Copyright (c) 2009 by Aleksander Maksymiuk, http://setpro.net.pl/
*/
body {
margin: 1px 0 1px 0;
padding: 0 0 0 0;
background-color: #e7e1c1;
}
.clearer {
clear: both;
}
.success { color: #0d8a00; }
.error { color: #ff4040; }
.bookmark { }
.dropquote {
float: right;
width: 182px;
color: #b04c0f;
text-align: center;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 24px;
}
.dropquote:before {
color: #808080;
content: '« ';
}
.dropquote:after {
color: #808080;
content: ' »';
}
.fnref { /* span-containers for keeping reference symbols/links - autogenerated */
color: #b04c0f;
/*vertical-align: super;*/
font-size: 11px;
cursor: s-resize;
}
.fnref:hover {
color: #303030;
}
.footnote { /* span-containers for keeping footnotes - static */
display: none;
}
.remark {
display: none;
}
img.edit-icon {
display: inline;
vertical-align: baseline;
border: none;
}
#footnote { /* single div-container for displaying active footnote - static */
position: absolute;
left: 0px;
top: 0px;
width: 400px;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 11px;
margin: 0 0 0 0;
padding: 0 0 0 0;
display: none;
}
#footnote .top { /* top rounded corners */
width: 400px;
height: 10px;
line-height: 8px; /* for IE6:
*/
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url('/assets/images/design/litaratura-footnote-top-bg.png') no-repeat scroll left top;
}
#footnote .content {
width: 375px;
margin: 0 0 0 0;
padding: 0 10px 0 15px;
background: url('/assets/images/design/litaratura-footnote-bg.png') repeat scroll left top;
}
#footnote .bottom { /* bottom rounded corners */
width: 400px;
height: 10px;
line-height: 8px; /* for IE6:
*/
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url('/assets/images/design/litaratura-footnote-bottom-bg.png') no-repeat scroll left bottom;
}
#mc { /* MAIN CONTAINER OF THE SITE */
position: relative;
width: 950px;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 12px;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
}
#ed_menu {
position: absolute;
width: 180px;
height: 80px;
top: 0px;
left: 90px;
font-family: "Georgia", "Times", serif;
padding: 7px 5px 3px 45px;
background: #fcfcfc url('/assets/images/amart/icon_pin_red.png') no-repeat scroll left top;
}
#ed_menu a {
color: #e20202;
text-decoration: none;
}
#ed_menu .user {
color: #606060;
margin: 0 0 5px 0;
}
#header {
width: 950px;
height: 200px;
}
#header img {
display: block;
border: none;
}
#menu {
width: 950px;
height: 40px;
font-size: 14px;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-top: solid 2px #fcfcfc;
background: url('/assets/images/design/litaratura-menu-bg.png') repeat scroll left top;
}
#menu ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#menu ul li {
float: left;
display: inline; /* for IE6: corrects left margin of the first left/right-floated li */
height: 31px;
margin: 0 0 0 20px;
padding: 0 0 0 0;
background: url('/assets/images/design/litaratura-menu-li-bg.png') no-repeat scroll left top;
}
#menu ul li.first {
margin: 0 0 0 20px;
}
#menu ul li.last {
float: right;
margin: 0 20px 0 0;
}
#menu ul li a {
float: left;
display: block;
height: 24px;
color: #404040;
text-decoration: none;
font-weight: bold;
margin: 0 0 0 0;
padding: 7px 16px 0 16px;
background: url('/assets/images/design/litaratura-menu-a-bg.png') no-repeat scroll right top;
}
#menu ul li.active, #menu ul li:hover {
color: #fcfcfc;
background: url('/assets/images/design/litaratura-menu-li-bg-active.png') no-repeat scroll left top;
}
#menu ul li.active a, #menu ul li a:hover {
color: #fcfcfc;
background: url('/assets/images/design/litaratura-menu-a-bg-active.png') no-repeat scroll right top;
}
#content {
min-height: 540px;
height: auto !important; /* for IE6: simulates min-height */
height: 540px; /* for IE6: simulates min-height */
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url('/assets/images/design/litaratura-content-bg.png') repeat-y scroll left top;
}
#content .path {
width: 920px;
height: 20px;
color: #808080;
font-size: 11px;
font-weight: normal;
margin: 0 0 0 0;
padding: 5px 10px 0 20px;
background-color: #fcfcfc;
}
#content .path a {
color: #a0a0a0;
text-decoration: none;
}
#content .path a:hover {
color: #202020;
}
#content .path .current {
color: #202020;
}
#content .colleft {
float: left;
width: 600px;
font-family: "Georgia", "Times", serif;
margin: 0 0 0 0;
padding: 0 10px 0 20px;
}
#content .colleft img.thumb {
float: right;
display: block;
margin: 0 0 5px 10px;
padding: 0 0 0 0;
border: none;
}
#content .colleft .item {
clear: both;
padding: 1px 0 4px 0;
}
#content .colleft a {
color: #000000;
text-decoration: none;
}
#content .colleft a:hover {
color: #ae6d08;
}
#content .colleft h1,
#content .colleft h2,
#content .colleft h3,
#content .colleft h4,
#content .colleft h5,
#content .colleft h6 {
font-family: "Georgia", "Times", serif;
margin: 12px 0 12px 0;
}
#content .colleft h1 {
font-size: 36px;
}
#content .colleft h2 {
font-size: 30px;
}
#content .colleft h3 {
font-size: 24px;
}
#content .colleft h4 {
font-size: 18px;
}
#content .colleft h5 {
font-size: 14px;
}
#content .colleft h6 {
font-size: 12px;
font-style: italic;
}
#content .colleft p {
font-size: 12px;
line-height: 20px;
margin: 12px 10px 12px 20px;
padding: 0 0 0 0;
}
#content .colleft p.author {
color: #606060;
text-indent: 0px;
font-style: italic;
}
#content .colleft p.navigator, #content .colleft p.link-viewport {
color: #808080;
font-family: "Arial", "Helvetica", sans-serif;
font-size: 12px;
line-height: normal;
margin: 12px 10px 12px 20px;
padding: 0 0 0 0;
}
#content .colleft p.navigator {
text-align: center;
}
#content .colleft p.link-viewport {
padding: 6px 0 0 0;
border-top: solid 1px #c0c0c0;
}
#viewport {
position: relative;
width: 600px;
height: 480px;
overflow: hidden;
margin: 12px 0 12px 0;
}
#viewport .txtstream {
position: absolute;
top: 0px;
left: 0px;
}
#viewport .txtstream p {
text-indent: 16px;
font-size: 12px;
line-height: 24px;
margin: 0 10px 0 20px;
padding: 0 0 0 0;
}
#printport {
display: none;
}
#printport .txtstream {
}
#first, #prev {
display: block;
float: left;
width: 20px;
height: 20px;
background: url('/assets/js/images/controls.png') 0 0 no-repeat;
cursor: pointer;
}
#next, #last {
display: block;
float: right;
width: 20px;
height: 20px;
background: url('/assets/js/images/controls.png') 0 0 no-repeat;
cursor: pointer;
}
#first { margin: 0 40px 0 0; background-position: 0px 0px; }
#first.hover { background-position: 0px -25px; }
#prev { background-position: -125px 0px; }
#prev.hover { background-position: -125px -25px; }
#next { background-position: -75px 0px; }
#next.hover { background-position: -75px -25px; }
#last { margin: 0 0 0 40px; background-position: -25px 0px; }
#last.hover { background-position: -25px -25px; }
#printout { cursor: pointer; }
#printout.hover { color: #ae6d08; }
#content .colleft .comments {
float: left;
display: inline;
width: 538px;
font-family: "Arial", "Helvetica", sans-serif;
margin: 0 10px 12px 20px;
padding: 0 10px 0 20px;
border: solid 1px #c0c0c0;
}
#content .colleft .comments h3, #content .colleft .comments h4,
#content .colleft .comments h5, #content .colleft .comments h6 {
font-family: "Arial", "Helvetica", sans-serif;
}
#content .colleft .comments h3 {
font-size: 18px;
margin: 12px 0 12px 0;
}
#content .colleft .comments h4 {
font-size: 14px;
margin: 10px 0 10px 0;
}
#content .colleft .comments h5 {
color: #606060;
font-size: 12px;
font-weight: bold;
margin: 6px 0 6px 0;
padding: 4px 0 4px 0;
border-bottom: solid 1px #c0c0c0;
}
#content .colleft .comments h6 {
float: right;
width: 190px;
color: #808080;
font-size: 11px;
margin: 4px 0 4px 10px;
}
#addcomment {
cursor: pointer;
}
#addcomment.hover {
color: #ae6d08;
}
#addform {
clear: both;
}
#addform .label {
float: left;
width: 80px;
font-family: "Arial", "Helvetica", sans-serif;
margin: 4px 0 0 0;
}
#addform input, #addform textarea {
font-family: "Arial", "Helvetica", sans-serif;
font-size: 12px;
margin: 4px 0 0 0;
}
#addform input.author, #addform input.email, #addform input.title {
width: 250px;
}
#addform input.submit {
width: 150px;
}
#addform input.hover {
color: #ae6d08;
}
#addform textarea.content {
width: 350px;
height: 100px;
}
#content .colleft .comments .item {
}
#content .colleft .comments .item p {
line-height: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#content .colleft .comments .item p.success,
#content .colleft .comments .item p.error {
margin: 6px 0 6px 0;
}
#content .colleft .comments p.navigator {
color: #808080;
text-align: center;
font-size: 11px;
line-height: normal;
margin: 12px 0 12px 0;
padding: 0 0 0 0;
}
#content .colright {
float: right;
width: 280px;
min-height: 400px;
font-family: "Arial", "Helvetica", sans-serif;
margin: 0 0 0 0;
padding: 20px 20px 10px 20px;
background: url('/assets/images/design/litaratura-colright-bg.png') no-repeat scroll left top;
}
#content .colright a {
color: #000000;
text-decoration: none;
}
#content .colright a:hover {
color: #ae6d08;
}
#content .colright h1,
#content .colright h2,
#content .colright h3,
#content .colright h4,
#content .colright h5,
#content .colright h6 {
color: #808080;
font-family: "Arial", "Helvetica", sans-serif;
}
#content .colright h1 {
font-size: 30px;
}
#content .colright h2 {
font-size: 24px;
}
#content .colright h3 {
font-size: 18px;
}
#content .colright h4 {
font-size: 14px;
}
#content .colright h5 {
font-size: 12px;
}
#content .colright h6 {
font-size: 11px;
}
#content .colright .photo_main,
#content .colright .photo_gallery,
#content .colright .photo,
#content .colright .sound,
#content .colright .video,
#content .colright .youtube,
#content .colright .ourlink,
#content .colright .outsite,
#content .colright .download,
#content .colright .contact {
margin: 3px 0 3px 0;
padding: 3px 0 3px 0;
}
#content .colright .photo_main img.thumb {
position: relative;
display: block;
margin: 0 auto 10px auto;
border: none;
}
#content .colright .photo_main h5,
#content .colright .photo_gallery h5,
#content .colright .photo h5,
#content .colright .sound h5,
#content .colright .video h5,
#content .colright .youtube h5,
#content .colright .ourlink h5,
#content .colright .outsite h5,
#content .colright .download h5,
#content .colright .contact h5 {
font-family: "Georgia", "Times", serif;
margin: 5px 5px 5px 15px;
}
#content .colright .photo_main .description,
#content .colright .photo_main .ol,
#content .colright .photo_gallery ol,
#content .colright .photo ol,
#content .colright .sound ol,
#content .colright .video ol,
#content .colright .youtube ol,
#content .colright .ourlink ol,
#content .colright .outsite ol,
#content .colright .download ol,
#content .colright .contact ol {
padding: 7px 7px 5px 15px;
border-right: solid 1px #fefefe;
border-bottom: solid 1px #fefefe;
background: url('/assets/images/design/litaratura-left-top.png') no-repeat scroll left top;
}
#content .colright .photo_main .description {
color: #606060;
font-size: 11px;
}
#content .colright .photo_main ol li,
#content .colright .photo_gallery ol li,
#content .colright .photo ol li,
#content .colright .sound ol li,
#content .colright .video ol li,
#content .colright .youtube ol li,
#content .colright .ourlink ol li,
#content .colright .outsite ol li,
#content .colright .download ol li,
#content .colright .contact ol li {
margin: 2px 0 2px 0;
}
#content .colright h6 { /* section header */
color: #606060;
text-align: right;
padding: 5px 0 3px 0;
border-bottom: solid 1px #a0a0a0;
}
#content .colright .section {
margin: 15px 0 11px 0;
}
#content .colright .section img {
float: left;
display: block;
margin: 6px 9px 3px 0;
padding: 0 0 0 0;
border: solid 1px #a0a0a0;
}
#content .colright .section img.ext {
border: none;
}
#content .colright .section img.rss {
display: inline;
margin: 0 9px 0 0;
padding: 0 0 0 0;
border: none;
}
#content .colright .section .item {
margin: 0 0 0 0;
padding: 3px 0 0 3px;
}
/*#content .colright .section .item h4 {*/
/* color: #808080;*/
/* font-weight: bold;*/
/*}*/
/* #content .colright .section .item h4 a {*/
/* color: #808080;*/
/* text-decoration: none;*/
/* }*/
/* #content .colright .section .item h4 a:hover {*/
/* color: #404040;*/
/* }*/
#content .colright .section .item h5 { /* header of the shortened publication */
color: #808080;
font-weight: bold;
}
#content .colright .section .item h5 img { /* link icon */
display: inline;
vertical-align: bottom;
margin: 2px 4px 0 0;
padding: 0 0 0 0;
border: none;
}
#content .colright .section .item h5 a {
color: #808080;
font-style: italic;
text-decoration: none;
}
#content .colright .section .item h5 a:hover {
color: #404040;
}
#content .colright .section .item p {
color: #404040;
font-size: 11px;
line-height: normal;
margin: 2px 0 2px 0;
}
#content .colright .section .item p a {
color: #404040;
text-decoration: none;
}
#content .colright .section .item p a:hover {
color: #000000;
}
#content .colright .section ul {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#content .colright .section ul.links {
color: #808080;
font-weight: bold;
}
#content .colright .section ul.links li {
padding: 3px 0 0 19px;
background: url('/assets/images/design/litaratura-icon-link.gif') no-repeat scroll 3px 5px;
}
#content .colright .section ul.links li a {
color: #808080;
font-style: italic;
text-decoration: none;
}
#content .colright .section ul.links li a:hover {
color: #404040;
}
#footer {
width: 950px;
height: 80px;
color: #fcfcfc;
text-align: center;
background: url('/assets/images/design/litaratura-footer.png') no-repeat scroll left top;
}
#footer .menu {
height: 23px;
font-weight: normal;
margin: 0 0 0 0;
padding: 7px 20px 0 20px;
border-bottom: solid 1px #fcfcfc;
}
#footer .menu a {
position: relative; /* for IE6: activates links over transparent png */
color: #fcfcfc;
text-decoration: none;
}
#footer .menu a:hover {
color: #404040;
}
#footer .copyright {
font-size: 11px;
margin: 0 0 0 0;
padding: 8px 20px 0 20px;
}
#footer .copyright a {
position: relative; /* for IE6: activates links over transparent png */
color: #fcfcfc;
text-decoration: none;
}
#footer .copyright a:hover {
color: #404040;
}