Learning S2 Complete Style

S2 Complete Style is a pretty huge layout—it's easy to get overwhelmed! [info]s2complete is a complete documentation resource brought to you by [info]tessisamess.

This documentation breaks down S2 Complete Style piece by piece so you can learn just how every piece works. Once you understand the layout dynamics you'll be glad it's such a comprehensive sheet; it makes the possibilities nearly endless!

December 2017

S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Syndicate

RSS Atom
Powered by InsaneJournal

Posts Tagged: '06.+entries:+e.+tags+%26+metadata'

Dec. 4th, 2017

06. Entries - Tags & Metadata

The tags for each entry are inside of .entry-text in their own div. They have a specified margin and link color. Please note that the .ljtags link color MUST be prefaced with #alpha or it will fall back to #999.

.ljtags{margin:1em 0;}
#alpha .ljtags a, #alpha .ljtags a:visited{color:#999;}


I'm going to be honest and tell you I've literally never used the metadata CSS before since currents are so rarely used these days, but here is a basic outline of the metadata structure should you want to use it! I have set this to display:none; in the cleaned CSS, but this is not default, so if you're using metadata you can just delete that rather than overriding it.

.entry-metadata
.metadata
Each current is wrapped in an unnamed div.
<strong>location</strong>: <a href="">Location</a>
<strong>mood</strong>: Mood
<strong>music</strong>: Music


.entry-metadata{display:none;}
.entry-metadata .metadata{}
.entry-metadata strong{}


Please note that if you are going to use the metadata, I don't recommend shortening anything to just .metadata, especially if you plan on styling comments. The comments section also has a class called .metadata.