Sabra La Tau OOC

I WAS USING MY DOCTOR JOURNAL FOR TESTING AND AM TOO LAZY TO LOG OUT--

Hi, everyone. This is Jeva aka Izaya/Kaito/Kurono, bringing you a new, bright, and shiny layout for our newest of new teams Apus!

/* =================================== */ /* ========== LAYOUT COLORS KEY ========== */ /* DARK BROWN: body background (behind the image): #1d0f0a APUS PINK: main heading, side borders, sidebar header bg: #FF0A85 SLIGHTLY DARKER THAN APUS PINK: sidebar links, tags, dates: #DF0874 DARK PINK/PURPLE: titles, double borders, body text, header text, comment bar text: #75205D PALE PINK: sidebar module bg & comment bar bg: #FF84C2 WHITE: subtitle and container bg: #FFEFF7 PYXIS: main links (pair team's colors): a {color: #CF1925;} a:visited {color: #AF151B;} a:hover {color: #DF7DD6;} */ /* =================================== */ /* =================================== */ /* ==========USERPIC HACK========== */ /* userinfo-pic replacement code. More info http://chrome327.insanejournal.com/17701.html */ .ljuser img[src="http://www.insanejournal.com/img/userinfo.gif"] { width: 0 ; height: 0; background-repeat: no-repeat; background-image:url(http://i804.photobucket.com/albums/yy329/sltnetwork/layout/blank_purple.png) ; padding: 16px 16px 1px 0; } .ljuser img[src="http://www.insanejournal.com/img/community.gif"] { width: 0 ; height: 0; background-repeat: no-repeat; background-image:url(http://i804.photobucket.com/albums/yy329/sltnetwork/layout/sabracomm.png); padding: 16px 16px 1px 0; } /* ==========LAYOUT START========== */ /* http://community.livejournal.com/s2_bloggish/6633.html */ a[href*=tellafriend], a[href*=memadd] { display:none !important; } body {color: #7F0542; background: url(http://i804.photobucket.com/albums/yy329/sltnetwork/layout/sabrabg.jpg) top left repeat-x fixed #1d0f0a; margin: 0 auto; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: .8em; } h1, h2, h3 {font-family: "Century Gothic", Futura, Verdana, sans-serif; font-weight: normal;} a { color: #CF1925; text-decoration: none; } a, a:link, a:visited {color: #AF151B; text-decoration: none;} a:hover {color: #DF0874; text-decoration: underline;} a:active {color: #bbbbbb ; text-decoration: none;} .lj-view-recent {} .lj-view-archive {} .lj-view-month {} .lj-view-day {} .lj-view-tags {} .lj-view-entry {} /* Paid versions only; in free mode this will be lj default layout */ #container { background-color: #FF0A85; padding: 0 10px; margin: 0 auto; width: 74%; min-width: 800px; overflow: hidden;} #container-inner { background-color: #FFEFF7; } #content-footer {display: none;} #page-footer { border-top: double #7F0542; height: 10px; margin: 0 8px;} #page-footer-inner {} /* ============ HEADER ============= */ /* header art is from--- http://etc.usf.edu/clipart/ --- */ #nav-above { font-family: "Century Gothic", Verdana, sans-serif; font-size: x-small; color: #7F0542; padding: 1px 0 0 20px; } #header { height: 236px; padding: 0;} #header-text { background: #FF0A85 url(http://img.photobucket.com/albums/v228/jeva/apus1.jpg) top right no-repeat; border: 0; height: 190px; width: 100%; padding: 0; margin: -16px 0 0 0;} #banner {} #banner-header { font: small-caps 2.5em "Century Gothic"; position: relative; top: 60px; left: 20px; text-align: left;} #banner-header a, #banner-header a:link, #banner-header a:visited {color: #7F0542; text-decoration: none;} #banner-description { font-family: "Century Gothic"; position: relative; top: 35px; left: 20px; text-align: left; color: #FFEFF7;} /* ============= SIDEBAR ============== */ #beta {} #beta-inner {} .module {padding: 0; background: transparent; margin: 0 8px 2em 8px; border: 0; color: #7F0542;} /* each .module also receives class .specific-module */ .module-inner {} .module-header { background: #FF0A85; border: 0;} /* contains h3 header of module *//* note: border also serves as gap-fix */ .module-header h3 { margin: 0; padding: .15em 3px; color: #7F0542 !important; font-size: 1.3em !important; text-transform: uppercase; letter-spacing: 1px; position: relative; left: 8px;} .module-header a, .module-header a:visited { color: #7F0542; } .module-content {background: #FF84C2; padding: 4px; margin: 0 8px; border: double #7F0542; border-top: 0;} .module-about {} /* profile */ .module-about .module-content {text-align: center; padding-top: 15px; padding-bottom: 15px;} .userpic {padding: 4px} .userpic img { border: none; } /* to get rid of link border */ .module-customtext {} /* free text box */ .module-customtext .module-content, .module-customtext2 .module-content { padding: 8px; font-size: x-small; padding-bottom: 12px !important;} .module-pagesummary {} /* the page summary--formatted as a list */ .module-pagesummary ul { padding-left: 0px; list-style-type: none; } .module-pagesummary li { background-color: #FFEFF7; margin: 5px 0; padding: 4px 5px; font-size: x-small;} .module-powered .module-content {border: double #7F0542;} /* -------------- SIDEBAR CALENDER ------------ */ .module-calendar {} /* div encloses an otherwise un-classed table */ .module-calendar .module-content { text-align: center; } .module-calendar table { overflow: hidden; border: solid 1px #7F0542; width: 90%; height: 115px; table-layout: fixed; text-align: center; border-collapse: separate; border-spacing:1px; font-size: x-small; margin-right: auto; margin-left: auto; margin-top: 10px; } .module-calendar td { margin: 0; border: solid 1px #7F0542; overflow: hidden;} .module-calendar td a {font-weight: bold;} .module-calendar th { color: #AF151B; font-weight: bold; overflow: hidden;} /* -------------- TAGS SIDEBAR --------------- */ .module-categories {} /* your tags--formatted as a list */ .module-categories p {text-align: center;} #tag-hierarchy {} #tag-hierarchy ul { list-style: none; padding-left: 0; margin: 10px;} #tag-hierarchy li { padding: 1px 5px 0; border-bottom: 1px dotted #7F0542;} .tag-count { font-size: x-small; } #tag-cloud {} #tag-cloud ul { list-style: none; padding-left: 0; margin-left: 0; } #tag-cloud li { float: left; padding: 2px 4px; } #tagclear { clear: both; } /* ============= ENTRIES COLUMN ============== */ #alpha {background: transparent; border: 0; padding: 1em 1px; /* gap fix */ } #alpha a {color: #CF1925;} #alpha a:visited {color: #AF151B;} #alpha a:hover {color: #DF0874; text-decoration: underline;} #alpha-inner {} #tagpage-header, .date-header {display: none;} .content-nav { margin: .5em 1em; } /* the 'previous/next' links; same style applies to top and bottom of page */ .nav-top { text-align: right; } /* the one on top of the day, recent and friends page */ .nav-bottom { text-align: right; } /* the one at the bottom of the day, recent and friends page */ .entrypage { text-align: center;} /* version at the top of the entry pages */ /* -------------ENTRIES------------ */ .entry { margin: 0 0 20px 0; padding: 1px; /* gap/margin fix */ } .entry-inner {} .entry-header { background: transparent; border: 0; border-top: double #7F0542; text-align: center; font-variant: small-caps; font-weight: bold; font-size: 1.4em; padding: 1px; /*gap fix*/} /* contains title h3 and date */ .entry-header h3, .entry-header h2 { margin: 0; padding: 4px 0 0 0;} #alpha .entry-header a, #alpha .entry-header a:visited { color: #7F0542; } .entry-datetime { text-align: center; font-size: small; color: #DF0874; border-bottom: 1px dotted #7F0542; padding: 0 0 3px; font-size: small; font-family: "century gothic";} .entry-text {overflow: visible; margin: 0 10px; min-height: 120px; } .inner-entry-userpic { float: right; text-align: center; font-size: x-small; padding: 0 0 .5em 1em; } /* along with the text */ .inner-entry-userpic b {position: relative; bottom: 3px;} .inner-entry-userpic img {margin: 1px} /* -----------LINK BAR--------------- */ .entry-linkbar { margin: 10px 0 0 0; font-size: small; background: #FF84C2; text-align: center; border-bottom: 1px dotted #7F0542; border-top: 1px dotted #7F0542;} /* reply etc. links */ .entry-linkbar ul { list-style: none; padding: 0; margin: .4em -2em .4em 0;} .entry-linkbar li { display: inline; border-left: 0; padding: 2px .5em; margin: .15em 0; } .entry-linkbar li a[href*=subscriptions] { position: relative; right: 2em;} .entry-linkbar a {color: #7F0542 !important; font-size: 10px; font-family: "century gothic", helvetica, verdana, sans-serif; letter-spacing: 1px; text-transform: uppercase; text-decoration: none;} li.first-el { border-left: none; padding-left: 0; } /* -----------TAGS & STUFF--------------- */ .ljtags { margin: 2em 0 0 -10px; font-size: small; font-weight: bold; font-family: "century gothic", helvetica, verdana, sans-serif; text-transform: uppercase;} #alpha .ljtags a, #alpha .ljtags a:visited {color: #DF0874; text-decoration: none; font-weight: normal; text-transform: none;} #alpha .ljtags a:hover {color: #111111; text-decoration: underline;} .entry-metadata {margin: 0; font-size: small; font-weight: normal; font-family: "century gothic", helvetica, verdana, sans-serif;} .entry-metadata strong {text-transform: uppercase;} /* -------------STICKY NOTE----------- */ #sticky-note {} #sticky-note .entry-inner { border: 0; } #sticky-note .entry-header { background: #FF84C2; text-align: center; color: #7F0542; border: 1px dotted #7F0542; border-top: double #7F0542;} #sticky-note .entry-header h2 {position: relative; bottom: 4px;} #sticky-note .entry-footer { height: 10px; background: #FF84C2; border: 1px dotted #7F0542; } #sticky-note .entry-text { padding: 5px 1em; min-height: 50px; } /* ============= LAYOUT COLUMNS ============== */ .layout-one-column #alpha { margin: 0 .5em;} .layout-two-column-right {} .layout-two-column-right #alpha { margin: 0 21em 0 8px; } .layout-two-column-right #beta { float: right; width: 21em; } .layout-two-column-left {} .layout-two-column-left #alpha { margin: 0 8px 0 21em; } .layout-two-column-left #beta { float: left; width: 21em; } .layout-three-column-middle {} .layout-three-column-middle #alpha { margin: 0 20em; } .layout-three-column-middle #beta { float: left; width: 20em; margin: 0 8px 0 0; } .layout-three-column-middle #gamma { float: right; width: 20em; margin: 0 0 0 8px; } .layout-three-column-middle #container {margin: 0 auto; width: 88%;} .layout-three-column-right {} .layout-three-column-right #alpha { margin: 0 38em 0 8px; } .layout-three-column-right #beta { float: right; width: 19em; margin: 0;} .layout-three-column-right #gamma { float: right; width: 19em; margin: 0 2px 0 -4px;} .layout-three-column-right #container {margin: 0 auto; width: 88%;} .layout-three-column-left {} .layout-three-column-left #alpha { margin: 0 8px 0 38em; } .layout-three-column-left #beta { float: left; width: 19em; margin: 0 0 0 2px; } .layout-three-column-left #gamma { float: left; width: 19em; margin: 0 0 0 -4px; } .layout-three-column-left #container {margin: 0 auto; width: 88%;}

Thanks again to people who made the codes originally because I'm really just plugging in colors and such. Herp.

Part 1: INSTRUCTIONS + Vulpecula, Hydra, Delphinus, Pavo, Cepheus
Part 2: Lepus, Cygnus, Pyxis, Canis, Lacerta
Part 3: Monoceros, Orion, Ophiuchus (2 layouts)
Part 4: Corvus, Lynx
Part 5: Cetus, Ursa; revamped Canis, Orion, Monoceros, Lepus, Cepheus, and Lacerta

Okay, so I've been bored and also OCD and whatever or something. SO. I went and updated layouts with the new partner team arrangements. Hopefully they all worked out nicely. I'm still working on making Cetus's layout LESS BLINDING but it's proving to be a challenge. Huderp.

But... let it be noted that I am not fab at layouts and you do not have to change yours. If you know ways to make layouts better, feel free to share!

In the meantime, have at:
I AM NOT COOL ENOUGH TO GIVE YOU SAMPLES. SOB. also print screen function went kaput. idek. CAN HAS SAMPLES.

Ursa, Canis, Cetus, Orion
Monoceros, Lepus, Cepheus, and Lacerta

HA! Victory is mine! See also:

( Cetus Layout version LESS BLINDING )


Original posts as followed (thanks to people for the layouts, I borrowed codes :> ♥):

Part 1: INSTRUCTIONS + Vulpecula, Hydra, Delphinus, Pavo, Cepheus
Part 2: Lepus, Cygnus, Pyxis, Canis, Lacerta
Part 3: Monoceros, Orion, Ophiuchus (2 layouts)
Part 4: Corvus, Lynx

Yaaaay new teams /o/ and that means new layouts for new teams \o\ which means I shamelessly steal formatting from Link's older posts \o/


Part 1: INSTRUCTIONS + Vulpecula, Hydra, Delphinus, Pavo, Cepheus
Part 2: Lepus, Cygnus, Pyxis, Canis, Lacerta
Part 3: Monoceros, Orion, Ophiuchus (2 layouts)

This Post: Corvus | Lynx

( wheeeee layouts )

For any freshmeats Sabra gets, you're under no obligation to use any of these layouts :|d just something nice to have if you want 'em. I also HIGHLY ENCOURAGE you to check out what else is under the making ij pretty tag because ew Times New Roman and that Tweak thing :x

Okay, I swear I'm pretty much done after this. I think a lot of you have already seen the helpful IJ prettifier post with all the links to junk.

( Just an intro on the topic )

---

SO ANYWAY, I MADE A STYLISH SCRIPT THAT INCORPORATES BOTH INTO ONE.
I call it InsaneJournal Minimal DeTweaker :|aa

The Pros:
- It has both in one, nuking all Tweaks in one go
- Leaves the text link to InsaneJournal at the top of the page, but hides the "Tweak Says" and the big Tweak face.
- This makes it so you don't need adblock to get rid of Tweak, so if you don't mind banner ads you can support IJ a bit without a paid account??

The Cons:
- I only know how to make it for Stylish.
- :|a Installing it is slightly more effort than just clicking a button

( Stand by for copy-pasta of directions and the new Stylish code )

And just to be clear, you don't need to delete any of the styles you've already added, just check and uncheck them from the menu depending if you want to use them or not.

---

If you like personalizing and don't mind simple code, or just don't want to take up other people's bandwidth, you can upload your own 16px by 16px icons somewhere and replace the url of the pics in the code with your own.

Just ctrl+f ij_userinfo.gif and ij_community.gif to find the line you need to replace.

<-- lolo, used in conjunction with that Greasemonkey script that changes the favicons on your tabs. It works something like in this screenshot.

I had trouble figuring out how to get the icon I wanted to show up, so I'll spell it out here for people who haven't tried it yet but want to.


( cut for directions )

Edited the Changing IJ Default Fonts code for Stylish again, this time to make the text in the icon browser less huge.

The following code is the same as in the post I linked above, but this gives you instructions for how to edit if you've used it already, while the other is for people who haven't added it yet.

To Edit What You Have
- Click the Stylish icon in the bottom right of your window
- Click "Manage styles..." from the menu that pops up
- Click the name of the style you want to edit and hit the "Edit" button
- Then in the text box, where it says "@namespace" etc etc, delete everything and copy-paste this next bit of code:
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("insanejournal.com") { body {font-family: Verdana;} #ij-smallfont, #ij-smallfont td { font-size: .88em;} #ij-sitepage-freqlinks {height: 17px;} .ippu {font-size: .88em;} .ups_cell {font-size: .88em;} }
- Hit the "Save" button
- Voila! Should go into effect immediately.

Example:

Charlie Crews (Joe)

Chaz Villete (Uhura)

Reaper (Koki Kariya)

Code:
<center><table><tr><td bgcolor="#unitcolor"><center><a href="http://journalname.insanejournal.com"><img src="http://#" alt="" border="0" /></a><br><div style='display:inline; font-size:8pt; text-align:center;'><a href="http://tinyurl.com/sltsideb/tagname">name1<br>(name2)</a></center></div></td></center>

Paste into one of the free text boxes on the Customize Journal page! DON'T HIT ENTER: copy and paste the <td>s next to each other without spaces for multiple characters, and use &br;td>s for where you'd normally hit enter. IJ seems to hate line breaks in tables for layout stuff.

First Post: INSTRUCTIONS + Vulpecula, Hydra, Delphinus, Pavo, Cepheus
Second Post: Lepus, Cygnus, Pyxis, Canis, Lacerta

This Post: Monoceros | Orion | Ophiuchus (2 layouts)

( Last layouts of this set )


REMEMBER:
- Header images are 190px tall and aligned right.
- The width is up to you
- The header pic should only touch the top or bottom edges, leave a bit of room on the sides
- If you want to change the header, keep those points above in mind
- ctrl+F "topimg" to find the correct image url and replace it with the url of your own uploaded header image to change it.

( Alternate Headers )

Post got too big. See previous post for instructions and Vulpecula, Hydra, Delphinus, Pavo, and Cepheus layouts.

Watch this space for
Lepus | Cygnus | Pyxis | Canis | Lacerta

( Moar layouts under the cut )

Maxed out another post. Proceed to the next one for the last three layouts.

Some adjustments were made to previously posted layouts. Copy-paste the new css if you like.

( INSTRUCTIONS, pretty much the same as before )


Keep an eye on this post. I will update with new layouts as I finish them.
Vulpecula | Hydra | Delphinus | Pavo | Cepheus

( Layouts are here o/ )

Post got too big. See next post for more layouts.

our_only_goal <-- layout complete!

I'll explain how to do it in a bit. IF YOU KNOW HOW TO USE THIS, YOU CAN DO IT NOW.

ALSO THERE'S A COLOR KEY AT THE TOP FOR PEOPLE IF THEY WANT TO CHANGE STUFF. I think I got everything. The header image is 190px tall; width doesn't matter o/. ctrl+F "topimg" to find the header image url if you want to replace it.

ETA: ( Now with actual instructions )

WHAT THESE LAYOUTS HAVE:
- Sticky Note posts look fine
- Can use any of the column options

WHAT THESE DO NOT HAVE:
- Custom comment pages (plz to disable)
- The ability to make the subtitle go away on the friends page. \o/ MYSTERY. Either set the Journal Title and Friends Page title to the same thing or don't use the subtitle.

( OH, also this! Another layout under the cut )

SINCE I WAS FIDDLING AROUND ANYWAY: For people who don't like that IJ uses Times New Roman as the default font, here are two ways to fix it.

ONLY FOR FIREFOX

Method #1
- You don't need to install anything. Just go to Tools on your top menu > Options > Content, and change the default font.
- The Pros: no installation of anything needed.
- The Cons: font will be huge in size 16/15, and changing that will affect all other websites you look at, since it's a browser setting.


Method #2
- Install the Stylish Firefox add-on if you haven't already.
- Do all that restarting Firefox stuff so the add-on works

- Go to an InsaneJournal page (any will do) and click the "S" (like that but tiny) that appears in the bottom right of your browser.
- Click "Write New Style" from the menu that pops up, then "For insanejournal.com..."
- Next to "Name:" put whatever you want to name the style (I put "InsaneJournal Default Fonts")
- Then in the text box, where it says "@namespace" etc etc, delete everything and copy-paste this next bit of code:
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("insanejournal.com") { body {font-family: Verdana;} #ij-smallfont, #ij-smallfont td { font-size: .88em;} #ij-sitepage-freqlinks {height: 17px;} .ippu {font-size: .88em;} .ups_cell {font-size: .88em;} }
- Hit the "Save" button
- Voila! Should go into effect immediately.

- The Pros: only affects IJ--and I made sure the font size is the same as LJ (at least I think it is)
- The Cons: much more fiddley than the first method

\o/ CROSSPOSTED FROM INKSOME