bottom border with "background: url(i/dots.gif) repeat-x bottom"? (not likely)
*
* blabla will kill me for:
* #wrapper has shrank by 1px
* #sidebar is not full-height
* In IE padding between .entries is not present...
*
* laacz will kill me for:
* many unnecessary 's etc. for design purposes
* + es neiedziljinaajos, ko esi dariijis ar font-size, bet uz linux/opera vinji ir vienkaarshi
* mikroskopiski tekstam un izskataas drausmiigi, linux/firefox bij ok, citur uz linux
* neskatiijos, par maciem nekaa nezinu, mosh tomeer var fixed font size, ja to nevar apiet
* ar citaa veidaa uzliktiem relatiivajiem (nezinu, neesmu shajaa jautaajumaa iedziljinaajusies),
* un, ja baigi mainiit kaadam vajag, tad uzlikt podzinjas un kauch kaadu javascript or smth?
**/
/******************************************/
/* Body always comes first */
/******************************************/
body {
background: #7A766B url("i/bg.gif");
font-family: tahoma, verdana, helvetica, sans-serif;
/* font-family: "Comic Sans MS";*/
font-size: 9.2pt; /* Still haven't decided, if it's better than 75% */
text-align: center;
color: #000;
line-height: 140%;
letter-spacing: .1em;
padding: 0;
margin: 13px auto 13px; /* Strange, but margin is the one that counts (not padding) */
text-rendering: optimizeLegibility;
}
/******************************************/
/* Main containers */
/******************************************/
div#wrapper { /* Everything is wrapped in plast... Sorry. Everything is wrapped in this container. */
width: 769px; /* +/- 1 pixel. Who cares. :) blabla will kill me */
background: #fff url(i/bg_wrapper.gif) no-repeat top;
background-color: #fff;
margin: 0 auto;
text-align: left;
padding: 13px 0 0 0;
position: relative;
min-height: 800px;
height: 100%;
}
#date {
position: absolute;
top: 22px;
right: 25px;
color: #92421D;
font-size: 11px;
text-align: right;
line-height: 14px;
}
div#header {
margin: 0 14px 10px 14px;
padding: 0 0 10px 0;
width: 741px;
height: 120px;
background: url("i/back_header.gif") no-repeat bottom;
position: relative;
}
div#maincontent {
background: url("i/back_content.gif") repeat-y right;
width: 769px;
}
div#content {
margin: 0;
padding: 5px 0 0 24px;
float: left;
width: 490px;
}
div#sidebar {
color: #666;
font-size: 90%;
line-height: 160%;
padding: 0 25px 20px;
width: 190px;
float: right;
background: url("i/back_clearer.gif") no-repeat right top;
}
#maincontent .clearer {
clear: both;
margin: 0;
height: 1px;
padding: 0;
background: url("i/back_clearer.gif") no-repeat right bottom;
}
div#footer {
background: url(i/bg_footer.gif) no-repeat bottom;
padding: 5px 30px 10px;
clear: both;
font-size: 91%;
line-height: 150%;
margin: 0;
color: #6A6A6A;
}
/******************************************/
/* #header items */
/******************************************/
#header h1 {
float: left;
width: 0;
height: 0;
top: 0;
margin: 0;
padding: 0;
text-align: left;
}
#header h1 a:link,
#header h1 a:visited,
#header h1 a:hover,
#header h1 a:active {
position: absolute;
display: block;
line-height: 116px;
text-indent: -1000px;
text-align: left;
width: 741px;
text-decoration: none;
}
#header ul {
position: absolute;
list-style-type: none;
padding: 0;
margin: 0 0 10px 0;
bottom: 0;
right: 0;
width: auto;
}
#header ul li {
float: left;
margin: 0 0 0 1px;
padding: 0;
background: url(i/nav_right.gif) no-repeat right top;
}
#header ul li a:link,
#header ul li a:visited,
#header ul li a:hover,
#header ul li a:active {
display: block;
background: url(i/nav_left.gif) no-repeat left top;
padding: 0 15px;
color: #fff;
text-decoration: none;
line-height: 28px;
}
#header ul li:hover {
background-image: url(i/nav_right_hover.gif);
}
#header ul li:hover a:link,
#header ul li:hover a:visited,
#header ul li:hover a:hover,
#header ul li:hover a:active {
background-image: url(i/nav_left_hover.gif);
}
#header ul li.current {
background-image: url(i/nav_right_on.gif);
}
#header ul li.current a:link,
#header ul li.current a:visited,
#header ul li.current a:hover,
#header ul li.current a:active {
background-image: url(i/nav_left_on.gif);
}
/******************************************/
/* How an entry would look like */
/******************************************/
.entry {
border-bottom: 1px solid #EAE9E6;
float: left;
margin-bottom: 32px;
width: 490px;
}
.entry a,
#comments a { /* By blabla */
background: url("i/back_contentlinks.gif") repeat-x bottom;
padding: 0 1px 1px 1px;
}
.entry a:hover,
#comments a:hover { /* By blabla */
background: #FBF5E9 url("i/back_sidebarlinks.gif") repeat-x bottom;
padding: 0 1px 1px 1px;
}
.entry h2 a,
.entry h2 a:hover { /* By blabla */
background: none;
border: none;
}
.entry p {
}
/* Let's make sure, that great margin-top */
/* is NOT added to 1st entry */
/*div.entry + div.entry {
margin-top: 33px;
} */
h2,
#comments h2,
.entry h2,
.entry h2 a:link,
.entry h2 a:visited,
.entry h2 a:hover,
.entry h2 a:active {
font-family: georgia, serif;
font-weight: normal;
color: #726C57;
font-size: 22px;
margin: 0;
padding: 0;
border: 0;
letter-spacing: -0.05em;
}
h2 {
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
font-weight: bold;
}
.entry p {
margin: .7em 5px .7em 15px;
padding: 0;
}
.entry table {
margin: .7em 5px .7em 15px;
padding: 0;
}
.entry p.c {
margin: 0;
padding: 0;
}
.entry blockquote,
.entry pre {
margin: 2px 5px 2px 15px;
padding: .2em 1em;
outline: 1px solid #DAD4C7;
border: 2px solid #EBE5D8;
background-position: left top;
background-image: url(/i/bg-blockquote.png);
background-repeat: repeat-y;
background-color: #EBE5D8;
/* color: #696969; */
/* border-radius: 5px; */
/* -moz-border-radius: 5px; */
overflow: auto;
color: #666;
}
.entry pre {
font-size: 90%;
line-height: 120%;
letter-spacing: 0;
font-family: consolas, "courier new", monospace;
}
#comments pre {
overflow: auto;
margin: 0;
width: 100%;
padding: 5px;
}
.entry blockquote p {
margin: .5em 0;
padding: 0;
}
.entry ul,
.entry dl {
list-style-type: none;
padding-left: 20px;
margin-left: 25px;
}
.entry ul li { /* By blabla */
background: url("i/bullet.gif") no-repeat 0px 7px;
padding: 0 0 0 15px;
margin: 1px 0 2px 0;
}
.entry ul.entrydesc {
margin: 0;
padding: 2px 0 0 0;
list-style-type: none;
list-style-image: none;
width: 100%;
clear: both;
border-bottom: 1px solid #EAE9E6;
font-size: 90%;
}
.entry ul.entrydesc li {
float: left;
padding: 0 10px 0 14px;;
line-height: 17px;
padding-bottom: 2px;
}
.entry ul.entrydesc li.created {
background: url(i/icon_time.gif) no-repeat 0px 3px;
}
.entry ul.entrydesc li.comments {
background: url(i/icon_comments.gif) no-repeat 0px 3px;
}
.entry img {
border: 1px solid #D6D1C0;
padding: 3px;
margin: 0 5px;
}
.entry img.left {
margin-left: 0;
float: left;
}
.entry img.right {
margin-right: 0;
float: right;
}
.entry .readmore {
padding: 0 2px 2px 15px;
background: url("i/back_readmore.gif") no-repeat 0px 2px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
/* letter-spacing: -0.005em; */
}
.entry .readmore:hover { /* By blabla */
padding: 0 2px 2px 15px;
background: url("i/back_readmore_on.gif") no-repeat 0px 2px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
color: #000;
}
/******************************************/
/* #comments items */
/******************************************/
#comments {
margin: 0;
padding: 0;
clear: left;
}
#comments h2 {
color: #8F772E;
font-size: 150%;
padding: .5em 0 0 0;
margin: 0;
}
#comments dl,
#comments dt,
#comments dd {
margin: 0;
display: block;
width: 96%;
padding: 0;
}
#chelp {
margin: .5em 0;
line-height: 140%;
}
#chelp p {
margin: .5em 0 0 0;
}
form {
margin: 1em;
margin-top: 0;
padding: 1em;
}
#comments form {
border: 1px solid #E7B551;
}
form .text:focus,
form textarea:focus {
background-color: #F6F6E0;
border-color: #000;
color: #000;
}
form .text,
textarea {
width: 95%;
border: 1px solid #666;
background-color: #FDFAF5;
color: #666;
}
#comments form .text,
#comments form textarea {
width: 430px;
}
input,
textarea {
font-family: "lucida sans serif", tahoma, verdana, helvetica, sans-serif;
font-size: 100%;
}
.submit {
background-color: #F0D080;
border-width: 1px;
border-color: #FDFAF5 #E7B551 #E7B551 #FDFAF5;
border-style: solid;
}
form .checkbox {
vertical-align: middle;
}
ol#commentslist {
margin: 0;
padding: 0 0 0 1em;
list-style-image: url(i/bullet.gif);
font-size: 12px;
line-height: 140%;
list-style-type: none;
}
ol#commentslist li {
margin: 5px 1em 5px 0;
list-style-image: none;
padding: 1em;
list-style-type: none;
border: 1px solid #E7B551;
}
ol#commentslist li:hover {
border: 1px solid #900;
}
ol#commentslist li.alt {
background-color: #ffffdd;
}
ol#commentslist li dl,
ol#commentslist li dl dd {
margin: 0;
padding: 0;
}
ol#commentslist li dl dd.posted { /* By blabla */
font-size: 11px;
background: url("i/icon_comments.gif") no-repeat 0 4px;
padding-left: 17px;
margin-bottom: 3px;
}
ol#commentslist li dl dd.comment { /* By blabla */
padding-left: 0;
padding-right: 0;
}
ol#commentslist li dl dd.comment {
padding: 0;
clear: both;
}
ol#commentslist li dl dt {
display: none;
}
ol#commentslist li dl dd p {
padding: 0.5em 0 0 0;
margin: 0;
}
ol#commentslist li dl dd li:hover,
ol#commentslist li dl dd li {
padding: 0 0 0 15px;
margin: 0;
list-style-image: none;
background: url("i/bullet.gif") no-repeat 5px 0px;
border: 0;
}
ol#commentslist li.laacz {
border-width: 1px 3px;
border-left-color: #c66;
border-right-color: #c66;
}
/******************************************/
/* Sidebar has some overrides */
/******************************************/
#sidebar .readmore {
padding-right: 13px;
background: url(i/more.gif) no-repeat right;
}
#sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#sidebar h2 {
font-size: 100%;
padding: 0;
margin: 1em 0;
}
#sidebar p {
padding: 0;
margin: .5em 0;
}
#sidebar form input.text {
vertical-align: middle;
color: #4B4B4B;
width: 120px;
}
#sidebar form input.submit {
vertical-align: middle;
/* border-style: solid; */
/* border-color: #CFC6B5; */
/* border-width: 1px; */
/* color: #fff; */
/* background-color: #A7986A; */
}
#sidebar form {
margin: 0;
padding: 0;
}
#sidebar form input.text:focus {
background-color: #fff;
}
/******************************************/
/* Footer is footer (even in Aftrica). It */
/* is smaller than everything else. */
/******************************************/
#footer p {
margin: 0;
padding: .5em;
}
/******************************************/
/* Links go here. They can be very tricky */
/******************************************/
a:link,
a:hover,
a:visited,
a:active {
color: #88142A;
text-decoration: none;
}
a:hover,
a:active {
color: #000;
}
#sidebar a:link,
#sidebar a:visited { /* By blabla */
color: #525252;
background: url("i/back_sidebarlinks.gif") repeat-x bottom;
padding: 0 1px 1px 1px;
}
#sidebar a:hover,
#sidebar a:active { /* By blabla */
color: #91000E;
background: url("i/back_contentlinks.gif") repeat-x bottom;
padding: 0 1px 1px 1px;
}
/******************************************/
/* Prev/next links */
/******************************************/
ul.entry-nav {
clear: both;
padding: 0 0 10px 0;
margin: 0;
width: 480px;
list-style-type: none;
float: left;
}
ul.entry-nav .prev {
float: left;
}
ul.entry-nav .next {
float: right;
}
/******************************************/
/* Helpers */
/******************************************/
div#header ul:after,
.entry:after,
.entry ul.entrydesc:after {
clear: both;
content: "";
display: block;
}
.skipper {
display: none;
}
code {
background-color: #ff9;
color: navy;
padding: 0 .1em;
}
p.c {
text-align: center;
margin: 0;
padding: 0;
width: 100%;
}
p.c img {
padding: 3px;
margin: 0;
}
p.c a:link,
p.c a:visited,
p.c a:hover,
p.c a:active {
border: 0;
text-decoration: none;
background-image: none;
}
.subscription-manager fieldset {
border: 1px solid #ccc;
margin: 1em 0;
padding: 5px 10px;
}
.subscription-manager fieldset legend {
font-weight: bold;
}
.subscription-manager .updated {
background: #B9D6EF;
border: 1px solid #589bd2;
margin: 1em 5% 10px;
padding: 0 1em;
}
.subscription-manager .updated-error {
background-color: #FFA3A3;
border: 1px solid #FF5D5D;
}
.subscription-manager div.wrap form {
margin: 0;
padding: 0;
}
div.ad {
border: 1px solid #963;
background-color: #fdc;
padding: 5px;
font-size: 8pt;
line-height: 100%;
}
div.ad p.link {
text-align: right;
}
div.ad ul {
margin: 0;
padding: 0;
line-height: 120%;
}
div.ad ul li {
background: url("i/bullet2.png") no-repeat 0 .4em;
padding-left: 7px !important;
padding-bottom: 4px !important;
}
div.ad h3 {
color: #000;
line-height: 100%;
}
div.ad p.link {
font-weight: bold;
}
div.ad p.descr {
line-height: 120%;
}
div.ad p.descr a:link,
div.ad p.descr a:visited,
div.ad p.descr a:hover,
div.ad p.descr a:active {
text-decoration: none !important;
border: 0 !important;
background: none !important;
}
div.ad p,
div.ad h3 {
margin: 0;
padding: 0;
}
div.ad p.descr a:link,
div.ad p.descr a:visited,
div.ad p.descr a:hover,
div.ad p.descr a:active {
text-decoration: none !important;
border: 0;
background: none;
}
.adinfo {
padding: 5px !important;
background-color: #fc9 !important;
border: 1px solid #963;
font-size: smaller;
line-height: 100%;
text-align: center;
}
.adinfo a:link,
.adinfo a:visited,
.adinfo a:active {
color: #000 !important;
}
.adinfo a:hover {
color: maroon !important;
}
div.ad ul li a:link,
div.ad ul li a:visited,
div.ad ul li a:hover,
div.ad ul li a:active {
background: none !important;
}
table {
border-collapse: collapse;
}
table tr th,
table tr td {
border: 1px solid #ddb;
padding: 2px 5px;
}
table tr th {
background-color: #ffd;
}
table thead tr th {
background-color: #eeb;
text-align: center;
color: #663;
}
html>img{
background: url(http://laacz.lv/scroll.gif);
padding-right: 24px !important;
width: 0 !important;
height: 24px !important;
}
hr {
border: none;
margin: 0;
color: transparent;
border-top: 1px dashed #fff;
border-bottom: 1px solid #fff;
padding: 0;
height: 33px;
background: url(http://laacz.lv/blog/i/hr.gif) no-repeat;
clear: both;
}
img {
border: 0;
}
strong em {
color: #c00;
font-style: normal;
}
/* Selection (mostly invalid selectors and invalid syntax) */
::-moz-selection{
background: #900;
color: #fff;
}
::selection {
background: #900;
color: #fff;
}
code::-moz-selection {
background: #900;
color: #fff;
}
code::selection {
background: #900;
color: #fff;
}
.avatar-40 {
float: right;
margin: 0 0 0 5px;
padding: 1px;
border: 1px solid #ccc;
}
.footnote {
color: #666;
font-size: 90%;
border-top: 1px dashed #ccc;
}
#tla ul li {
display: inline;
margin: 0;
padding: 0;
}