[personal profile] kehleyr posting in [community profile] style_system
So I've just changed my header and noticed that I have a little too big of empty space between my bar of "Recent entries, Archive, Reading, Network etc" and the title of my journal "Receded into her own glittering mist"... and I wonder if you can help me out to where to change it and to what :-). Behind the cut is my CSS coding... Thank you for any help you can give me.


/*-- Given Sensibility (Tabula Rasa) --*/
/*-- select "2 Column (sidebar on right)" --*/
/*-- stylesheet by arobynsung @ visualwit for DW --*/

/*--- main ---*/

* {
margin: 0px;
padding: 0px;
}

BODY {
background-image: url('');
background-color: #936160;
color: #4C4137;
font-size: .80em;
margin: 20px 0px 0px 0px;
font-family: Georgia, sans-serif;
}

a {
color: #4F4053;
text-decoration: none;
}

a:hover {
color: #8B5B69;
}

code, kbd, pre, tt, textarea {
font-family: monospace;
}

input, textarea {
background-color: #D5B79D;
color: #4C4137;
border: 1px solid #4C4137;
}

::-moz-selection {
background-color: #4F4053;
color: #D5B79D;
}

q {
font-style: italic;
}

blockquote {
background-color: #F4DECB;
padding: 8px;
margin: 15px 55px 15px 15px;
text-align: justify;
}

ul {
margin: 5px 0px 5px 25px;
list-style: square;
list-style-position: inside;
}

ol li {
margin: 5px 0px 5px 15px;
list-style-type: upper-roman;
list-style-position: inside;
}

.userpic {
min-width: 120px;
}

/*--- containers and things ---*/

#canvas {
width: 90%;
margin: 0px auto;
}
#canvas {
padding-top: 900px;
background: url(http://i5.photobucket.com/albums/y173/kehleyr/Livejournal%20stuff/mermaidFuchsia_header007aBYkehleyr_icons_zpseqywjmhm.png) no-repeat center top;}

#primary {
float: right;
margin: 0px;
width: 76%;
}

/*--- titles ---*/

#header {
padding: 5px 5px 5px 10px;
margin: -90px 0px 25px 0px;
background-color: #593950;
}

h1#title {
letter-spacing: -0.07em;
color: #D5B79D;
text-align: right;
font-size: 2em;
text-transform: uppercase;
}

h2#subtitle {
letter-spacing: -0.07em;
color: #F4DECB;
text-align: right;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

h2#pagetitle {
font-size: 1.21em;
display: none;
}

/*--- sidebar options ---*/

.two-columns-right #secondary {
float: left;
width: 23%;
margin: 0;
}

.two-columns-right #tertiary {
clear: both;
}

.two-columns-right #tertiary .module {
float: left;
}

/*--- sidebar ---*/

.module {
text-align: right;
padding: 0px;
margin-bottom: 10px;

}

.module a {
text-align: right;
}

.module-content {
padding: 10px;
}

.module-active, .module-search, .module-cuttagcontrols, .module-userprofile, .module-customtext, .module-typelist, .module-tags_list, .module-pagesummary, .module-calendar, .module-syndicate, .module-powered, .module-time {
background-color: #D5B79D;
}

h2.module-header {
background-color: #593950;
padding: 14px;
letter-spaci: -0.07em;
color: #D5B79D;
text-align: right;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

h2.module-header a {
color: #D5B79D;
}

div.module-navlinks {
background-color: #593950;
font-size: .8em;
position: absolute;
top: 450px;
z-index: 100px;
margin: 30px 0px 20px 0;
font-weight: lighter;
text-transform: uppercase;
}

div.module-navlinks ul.module-list {
display: inline;
padding: 0;
margin: 0;
}

div.module-navlinks ul.module-list li {
display: inline;
margin: 0px 5px 20px 0;
list-style: none;
padding: 5px 5px 10px 5px;
background-color: #593950;
}

div.module-navlinks a {
color: #F4DECB;
}

div.module-content div.userpic {
text-align: center;
}

div.module-content div.userpic img {
background-color: #8B5B69;
padding: 15px;
border: 0px solid;
}

div.journal-name {
text-transform: uppercase;
margin: 5px 0px 0px 0px;
text-align: center;
}

div.journal-website-name {
text-transform: uppercase;
text-align: center;
}

ul.userlite-interaction-links {
margin: 5px 0px 0px 0px;
list-style: none;
text-align: center;
}

ul.userlite-interaction-links li {
margin: 0px auto;
display: inline;
list-style: none;
text-align: center;
}

.module-list-item {
padding: 2px;
margin: 5px 0px;
list-style: none;
}

div.manage-tags-link {
margin: 10px 0px 0px 0px;
text-transform: uppercase;
text-align: right;
}

div.module-calendar table {
text-align: center;
margin: auto;
width: 55%;
}

div.module-calendar td {
background-color: #D5B79D;
padding: 3px;
}

div.module-calendar th {
color: #F4DECB;
text-transform: uppercase;
background-color: #593950;
border: 1px solid #4C4137;
}

div.module-calendar td.empty-day {
text-transform: uppercase;
background-color: #D5B79D;
border: 1px solid #4C4137;
}

div.module-calendar td.entry-day {
text-transform: uppercase;
border: 1px solid #4C4137;
background-color: #F4DECB;
}

/*--- navigation (for entries) ---*/

.navigation {
background-color: #593950;
color: #4F4053;
text-align: center;
padding: 5px;
margin: 0px 0px 0px 0px;
letter-spacing: -0.07em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

.navigation a {
color: #D5B79D;
}

.topnav {
display: none;
}

.bottomnav {
margin-top: 10px;
}

.page-separator {
padding: 10px;
}

div.navigation ul {
display: inline;
}

div.navigation li {
display: inline;
list-style: none;
}

li.page-back, li.page-forward {
display: inline;
list-style: none;
}

/*--- entries ---*/

div.entry {
margin: 0px 0px 15px 0px;
}

div.entry div.userpic {
float: right;
margin: 30px 15px 10px 20px;
}

div.entry div.userpic img {
background-color: #8B5B69;
padding: 15px;
border: 0px solid;
}

div.entry-content {
background-color: #D5B79D;
padding: 10px;
min-height: 100px;
margin: 10px 0px 0px 0px;
}

div.entry div.header {
background-color: #593950;
padding: 5px 10px 5px 10px;
margin: 0px 0px -10px 0px;
margin-right: 0px;
text-align: left;
font-weight: lighter;
}

.entry-poster {
display: ;
float: right;
margin: 5px -150px 5px 0px;
}

.entry-title {
color: #D5B79D;
letter-spacing: -0.07em;
font-weight: lighter;
font-size: 1.2em;
text-transform: uppercase;
}

.entry-title a {
padding: 3px 5px 5px 5px;
color: #D5B79D;
}

.datetime {
font-size: .75em;
color: #F4DECB;
text-transform: uppercase;
}

.datetime a {
color: #F4DECB;
}

/*--- currents and tags ---*/

.metadata {
font-size: 0.7em;
padding: 10px 15px 5px 15px;
margin: 0px;
text-transform: uppercase;
margin-right: 0px;
background-color: #D5B79D;
}

div.metadata ul {
padding: 0px;
margin: 0px;
}

div.metadata ul li {
list-style: none;
padding: 0px;
margin: 0px;
}

span.metadata-item-location, span.metadata-item-music, span.metadata-item-mood, div.tag ul {
color: #4F4053;;
text-align: right;
text-transform: uppercase;
display: inline;
}

div.tag {
font-size: 0.7em;
color: #4C4137;
padding: 15px;
text-transform: uppercase;
margin-right: 0px;
background-color: #D5B79D;
}

span.tag-text {
text-transform: uppercase;
}

div.tag ul li {
text-align: right;
display: inline;
list-style: none;
font-weight: normal;
margin: 5px 5px 0px 0px;
}

ul.entry-management-links {
padding: 5px 5px 0px 5px;
list-style: none;
text-align: right;
margin: 0px;
margin-right: 0px;
background-color: #D5B79D;
}

ul.entry-management-links li {
margin: 0px auto;
display: inline;
list-style: none;
}

ul.entry-interaction-links {
padding: 5px;
text-align: right;
margin: 0px;
margin-right: 0px;
background-color: #D5B79D;
}

ul.entry-interaction-links li {
display: inline;
list-style: none;
letter-spacing: -0.07em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
margin: 0px 5px x 0px;
padding: 0px;
}

ul.entry-interaction-links a {
color: #4C4137;
}

/*--- archive page ---*/

.month {
padding: 0px;
background-color: #D5B79D;
margin: 0px 0px 10px 0px;

}

table.month {
border: 0px;
padding: 15px;
}

.month table {
width: 100%;
margin: auto;
}

.month caption {
display: none;
}

.month h3 {
padding: 15px;
margin: 0px 0px 10px 0px;
background-color: #593950;
color: #D5B79D;
letter-spacing: -0.07em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

li.active {
color: #F4DECB;
list-style: none;
list-style: none;
display: inline;
margin: 10px;
}

.month th {
background-color: #593950;
color: #F4DECB;
margin: 0px 2px;
padding: 5px;
font-size: 1.15em;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #593950;
}

.month td {
padding: 15px;
border: 1px solid #4C4137;
}

.month td.day {
border: 1px solid #4C4137;
font-weight: normal;
}

.month td.day-has-entries {
background-color: #F4DECB;
font-weight: normal;
}

.month td.day-has-entries p {
text-align: right;
font-size: 1.14em;
font-weight: bold;
padding: 0px 0px 0px 5px;
}

/*--- tags page ---*/

.page-tags .tags-container {
background-color: #D5B79D;
margin: 0px 0px 10px 0px;
}

.page-tags h2 {
background-color: #593950;
padding: 15px;
color: #D5B79D;
letter-spacing: -0.07em;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

.page-tags .ljtaglist {
padding: 10px;
}

.manage-tags-link {
padding: 10px;
}


/*--- comments ---*/

.comment {
margin: 0px 0px 20px 0px;
}

.comment-content {
background-color: #D5B79D;
padding: 15px;
padding-top: 30px;
margin: 0px;
min-height: 70px;
}

div.comment div.header {
background-color: #593950;
padding: 15px;
letter-spacing: -0.07em;
color: #D5B79D;
font-size: 1.2em;
text-transform: uppercase;
font-weight: lighter;
}

.comment-poster {
background-color: #D5B79D;
padding: 5px;
float: right;
margin: 5px -150px 5px 0px;
}

.comment-title {
color: #D5B79D;
letter-spacing: -0.07em;
font-weight: lighter;
font-size: 1.05em;
text-transform: uppercase;
}

.comment-title a {
font-weight: lighter;
font-size: 1.05em;
color: #D5B79D;
}

hr.above-entry-interaction-links, hr.below-reply-container {
display: none;
}

textarea.textbox {
width: 85% !important;
border: 1px solid #4C4137;
}

.poster-ip {
background-color: #D5B79D;
margin-top: 5px;
display: none;
}

div.comment div.userpic {
float: right;
margin: 30px 15px 10px 20px;
}

div.comment div.userpic img {
background-color: #8B5B69;
padding: 15px;
border: 0px solid;
}

.bottomcomment {
background-color: #D5B79D;
padding: 10px;
margin: 0px;

}

div.comment div.footer {
margin-right: 0px;
background-color: #D5B79D;
padding: 0px 10px 0px 10px;
font-weight: lighter;
text-transform: uppercase;
}

.comment-management-links ul, .comment-interaction-links ul {
list-style: none;
}

ul.comment-management-links {
padding: 2px;
list-style: none;
text-align: right;
margin: 0px;
background-color: #D5B79D;
}

ul.comment-management-links li {
margin: 0px auto;
display: inline;
list-style: none;
}

ul.comment-interaction-links {
padding: 2px;
text-align: right;
margin: 0px;
background-color: #D5B79D;
}

ul.comment-interaction-links li {
display: inline;
list-style: none;
letter-spacing: -0.07em;
font-size: 1.12em;
text-transform: uppercase;
font-weight: lighter;
margin: 0px 5px 0px 0px;
padding: 0px;
}

ul.comment-interaction-links a {
color: #4C4137;
}

#qrform table {
border: 0!important;
}

.comment-poster {
font-size: .9em;;
text-transform: uppercase;
}

table.talkform {
background-color: #D5B79D;
margin: 0px 0px 10px 0px;
padding: 10px;
}

/*--- contextual pop-up ---*/

div.ContextualPopup {
margin: auto;
text-align: left;
color: #4C4137;
text-transform: uppercase;
font-family: arial, tahoma, sans-serif;
border: 0;
}

div.ContextualPopup div.Inner {
background-color: #D5B79D;
color: #4C4137!important;
border: 0px;
border: 1px solid #593950;
}

div.ContextualPopup .Content {
background-color: #F4DECB;
border: 0;
margin: auto;
}

div.ContextualPopup .Userpic {
padding: 10px;
margin: 5px;
background-color: #8B5B69;
}

div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:link {
text-decoration: none !important;
color: #4F4053!important;
}

div.ContextualPopup .Relation {
text-transform: uppercase;
color: #593950;
}

/*--- navigation bar ---*/

#lj_controlstrip_statustext {
color: #D5B79D;
}

#lj_controlstrip a {
color: #F4DECB;
}

table#lj_controlstrip td {
background-color: #593950;
border: 0px solid #D5B79D;
color: #D5B79D;
text-transform: uppercase;
font-family: arial, tahoma, sans-serif;
}

#lj_controlstrip input {
background-color: #F4DECB;
color: #4C4137;
text-transform: uppercase;
border: 1px solid #F4DECB;
}
This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

Profile

Dreamwidth style system discussion

February 2026

S M T W T F S
1234567
89 1011121314
15161718192021
22232425262728

Style Credit

Expand Cut Tags

No cut tags
Page generated Apr. 14th, 2026 11:10 am
Powered by Dreamwidth Studios