whatisreal: (Spring Time)
The Velveteen Rabbit | "Cutie Velvet" ([personal profile] whatisreal) wrote2014-07-14 09:29 pm
Entry tags:

I am a helper. please love me.

If you're having issues with the Aathernet layouts here, here's a very very inelegant and brutish fix!

We'll be making these changes:

FOR THE SIDEBAR

Replace all of this:
#canvas {
width: 92%;
margin: 0 30px;
padding: 0;
}

#primary {
float: right;
margin: -2.25em 0 0 0;
padding: 0;
}

#primary > .inner {
margin: 0;
padding: 0;
}

#secondary {
width: 300px;
margin: -30px 0 0 0;
padding: 0;
}

#tertiary {
display: none;
}

.two-columns-right #secondary {
width: 300px;
float: left;
margin: 0;
padding: 0;
}


with:
#canvas {
width: 90%;
margin: 0px auto;
}

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

#secondary {
width: 20%;
margin: -30px 0 0 0;
padding: 0;
}

#tertiary {
display: none;
}

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


And then when we're at our Custom CSS page make sure to check Use layout's stylesheet(s) off.

Basically, as far as I can, whatever changes DW made means some previous CSS involving #canvas (which is the space for the entire layout), #primary (the column of entries) and #secondary (the sidebar column) placements gets a bit screwy. So essentially we're saying that we're going to ignore whatever DW wants and decide on the width and placement of the layout ourselves.

Basically, we set aside 90% of the canvas (which is the browser window) for the layout and then decided the percentages of the space we'll devote to the entries and sidebar within that 90% of the canvas.

You can make adjustments using pixel measurements if you prefer, but that tends to be less flexible across different resolutions so measuring in percentages is usually preferable.

HOWEVER...Since we told DW we were going to ignore it's CSS entirely, that means the layout will bork in different places; specifically in the metadata field where your entry management links and tags live.

FOR YOUR ENTRY PAGE METADATA...

Replace all of this:
.entry .metadata {
margin: 0 0 1px 1px;
list-style: none;
display: inline;
}

.entry .metadata ul, .entry .metadata ul li{
margin-bottom: 0;
}

.entry .metadata-label, .entry .metadata-item {
font-size: 80%;
}

.entry .metadata-label {
font-weight: bold;
}


.tag {
padding-top: 5px;
margin-bottom: 5px;
border-top: 1px #aaa dotted;
}

.tag-text {
font-weight: bold;
font-size: 80%;
}

.tag ul {
font-size: 80%;
}


.entry ul.entry-management-links {
list-style: none;
display: inline;
font-size: 80%;
}

.entry ul.entry-management-links a {
color: #BBC3CE;
}

.entry ul.entry-management-links a, .entry ul.entry-interaction-links a {
text-decoration: none;
}

.entry ul.entry-management-links a:hover, .entry ul.entry-interaction-links a:hover {
text-decoration: underline;
}

.entry ul.entry-interaction-links {
font-size: 90%;
}



with this:
.metadata {
margin: 20px 0px 0px 0px ;
text-align: right;
text-transform: uppercase;
}

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: #121533;
text-align: right;
display: inline;
}

div.tag {
border-top: 1px #aaa dotted;
margin: 10px 0px 10px 0px;
}

span.tag-text {
}

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

ul.entry-management-links {
margin: 15px 0px 0px 0px;
text-align: right;
}

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

ul.entry-interaction-links {
font-size: 1.30em;
padding: 0px;
margin: 5px 0px 0px 0px;
text-align: right;
}

ul.entry-interaction-links li {
display: inline;
list-style: none;
font-weight: normal;
margin: 0px 5px 0px 0px;
padding: 0px;
}

ul.entry-interaction-links a {
color: #[INSERTTEAMHEXCODEHERE];
}


I'll admit I'm not fully sure what's up with the metadata for entries since I tried finding ways to cut down on the necessary changes but even things that seem to just be minor changes still result in being borked and then it borking in weirder ways (tho I may also just be That Tired), so I finally caved and just C&P'd some of what I had in Van's journal ([personal profile] glorious) which came from another source entirely, though it at least still uses the same Tabula Rasa theme.

Buuuut this fix seems to work at the least and should hold over until someone with more brain capacity than I can tackle this which may very well be me tomorrow.