Fuesch's graphics & layouts - The Resistance layout

House Rules

~~Driver picks the music, shotgun shuts his cakehole.~~

Everything is snaggable - no need to ask.

Please credit.
<lj user=fuesch>

Comments are great.

Nominations are awesome.

If you find a typo, please let me know!

If you'd like a graphic customized, just ask - please don't edit it yourself.

I don't mind if you adjust layouts a bit.

Got a question? Don't be afraid to ask. But keep it on topic.

If your question/comment doesn't fit into any entry, please send me a message.

Tags

Page Summary

joyfulljunebugg.livejournal.com — (no subject) [+1]

October 2025

Previous | Memories | Tell Someone | Next

fuesch

24 November 2012 @ 07:50 pm

The Resistance layout

The Resistance
preview	Click here for live preview, then click on the layout's icon.
layout info	Based on Flexible Squares. Works for all account types. Tested in Firefox 16, Google Chrome 23 and Internet Explorer 9. This layout's entry and sidebar widths are changable. The pages have different backgrounds: lj-view-recent: Cover lj-view-friends: Eurasia lj-view-entry & lj-view-reply: MK lj-view-archive, lj-view-day & lj-view-month: Exo lj-view-tags: Resistance
how to implement this layout	Go to the Customize Journal page. Make sure Style System is S2. Choose the Flexible Squares layout. Go to Custom CSS » Use layout's stylesheet(s): No » Use layout's stylesheet(s) when including custom external stylesheet: No » Use external stylesheets: No insert custom stylesheet /* The Resistance http://fuesch.livejournal.com/35222.html / body { margin: 0px; padding: 0px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #E7E7E7; font-size: 12px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/raster-cover.gif) fixed; } a, a:link { color: #EB8904; text-decoration: none; } a:visited { color: #D84A0A; text-decoration: none; } a:hover { color: #FFB516; text-decoration: none; } a:active { color: #FFD22A; text-decoration: none; } code, kbd, pre, tt { font-family: "Courier New", Courier, monospace; font-size: 12px; } p, td, blockquote { font-size: 12px; } q { font-style: italic; } q i { font-style: normal; } / ------- GENERAL ------- / .clear { display: none; } #content-outer { background: url(http://fatfrog.info/Ma/A/layout/theresistance/cover.png) bottom left no-repeat fixed; } #content { width: 900px; margin: 0px auto; padding: 0px 0px 20px 0px; } #header { width: 479px; height: 123px; margin: 0px auto 30px auto; padding: 0px 31px; text-align: center; font-size: 10px; text-transform: uppercase; background: url(http://fatfrog.info/Ma/A/layout/theresistance/header.png) bottom; } ul.navheader { width: 480px; margin: 0px 0px 0px 30px; padding: 26px 0px 0px 0px; text-align: left; font-weight: bold; } ul.navheader li { float: left; width: 61px; margin: 0px; padding: 0px 59px 0px 0px; list-style: none; text-align: center; } ul.navheader li a { color: #A7A7A7!important; } ul.navheader li a:hover { color: #FFFFFF!important; } .view { font-weight: bold; } .title { clear: left; margin: 0px; padding: 33px 30px 0px 30px; line-height: 12px; font-weight: bold; } .subtitle { padding: 0px 30px 0px 30px; } #sidebar { float: right; width: 200px; margin: 0px; padding: 0px; text-align: left; } .sbarbody2 { margin: 0px 0px 20px 0px; padding: 20px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); } ul.sbarlist { margin: 0px; padding: 0px; list-style: none; } ul.sbarlist + .sbarlist { margin: 0px 0px 20px 0px; padding: 20px 20px 10px 20px; list-style: none; background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); } li.sbartitle { position: relative; height: 51px; width: 106px; margin: 0px -16px -35px auto; padding: 12px 31px 0px 1px; text-align: right; font-size: 10px; font-weight: bold; text-transform: uppercase; list-style: none; background: url(http://fatfrog.info/Ma/A/layout/theresistance/sbartitle.png) right no-repeat; z-index: 10; } ul.sbarlist + .sbarlist a { position: relative; z-index: 15; } .tagcloud { padding-bottom: 5px; list-style: none; } li.sbaritem { margin: 0px; padding: 0px 0px 5px 0px; } li.sbaritem + li.sbaritem { padding: 5px 0px; border-top: 1px solid #3F3F3F; } .defaultuserpic { width: 154px; height: 142px; margin: 0px 29px -10px auto; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/theresistance/defaultuserpic.png); } .defaultuserpic img { padding-top: 21px; } .calendar { margin: 0px auto 5px auto; text-align: right; } .sbarcalendar { padding: 1px 2px; border: 1px solid #3F3F3F; } .sbarcalendarposts { padding: 1px 2px; font-weight: bold; border: 1px solid #3F3F3F; } .sbarcalendarposts a { display: block; } #maincontent { margin: 0px 250px 0px 0px; text-align: left; } #footer { width: 479px; height: 104px; margin: 0px auto -20px auto; padding: 0px 31px; text-align: center; font-size: 10px; text-transform: uppercase; background: url(http://fatfrog.info/Ma/A/layout/theresistance/header.png); } ul.navfooter{ margin: 0px; padding: 0px; padding: 23px 30px 0px 30px; } ul.navfooter li { display: block; margin: 0px; list-style: none; padding-top: 10px; } ul.navfooter li a { color: #A7A7A7!important; } ul.navfooter li a:hover { color: #FFFFFF!important; } .viewing { font-weight: bold; } .clearfoot { display: none; } / ------- ENTRIES & FRIENDS ------- / .lj-view-friends { background: url(http://fatfrog.info/Ma/A/layout/theresistance/raster-eurasia.gif) fixed; } .lj-view-friends #content-outer { background: url(http://fatfrog.info/Ma/A/layout/theresistance/eurasia.png) bottom left no-repeat fixed; } .lj-view-friends a, .lj-view-friends a:link { color: #F77C36; text-decoration: none; } .lj-view-friends a:visited { color: #DF5E1A; text-decoration: none; } .lj-view-friends a:hover { color: #F89925; text-decoration: none; } .lj-view-friends a:active { color: #FFA330; text-decoration: none; } .subcontent { margin-bottom: 70px; } .userpic { position: relative; float: left; margin: 10px; z-index: 15; } .userpicfriends { position: relative; float: left; margin: 10px; padding: 0px; text-align: center; font-size: 8px; font-weight: bold; text-transform: uppercase; background: none!important; z-index: 15; } .userpicfriends img { padding-bottom: 3px; } .userpicfriends font { color: #F77C36; } .userpicfriends font:hover { color: #F89925; } .datesubject { position: relative; width: 381px; height: 116px; margin: 0px 0px -35px -16px; padding: 0px 31px 0px 46px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/datesubject.png); z-index: 10; } .date, .replytoposter { padding-top: 15px; } .subject, .replytosubject { font-weight: bold; } .entry { margin: 0px; padding: 30px 25px 25px 25px; text-align: left; background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); } .entry_text { position: relative; z-index: 15; } .ljtags, .currents { margin-top: 7px; padding-right: 14px; text-align: right; font-size: 11px; } .comments { float: right; height: 123px; width: 151px; margin: -45px -56px 0px 0px; font-size: 0px; text-transform: uppercase; background: url(http://fatfrog.info/Ma/A/layout/theresistance/comments.png) right no-repeat; } div.comments a { display: block; width: 59px; margin: 20px 0px 0px 91px; text-align: center; font-size: 9px; font-weight: bold; line-height: 120%; } div.comments a + a { margin: 35px 0px 0px 0px; } .separator { display: none; } / ------- COMMENTS ------- / .lj-view-entry { background: url(http://fatfrog.info/Ma/A/layout/theresistance/raster-mk.gif) fixed; } .lj-view-entry #content-outer { background: url(http://fatfrog.info/Ma/A/layout/theresistance/mk.png) bottom left no-repeat fixed; } .skiplinks { display: inline-table; padding: 0px 0px 10px 15px; font-size: 0px; text-transform: uppercase; } .skiplinks a { display: block; float: left; width: 61px; height: 46px; padding-top: 25px; text-align: center; font-size: 10px; margin-right: -1px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/hexagon.png) no-repeat; } .separator + .clear + div, .subcontent + .clear + div { display: none; } .box { display: block!important; padding: 0px; } .box center { margin-bottom: 20px; } .box + .box center { margin-top: 10px; } .commentbox { margin: 0px 0px 20px 0px; padding: 0px; } .datesubjectcomment { position: relative; height: 48px; width: 410px; margin: 0px 0px -10px 0px; padding: 15px 17px 0px 16px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/datesubjectcomment.png) top right no-repeat; z-index: 15; } .datesubjectcomment br { display: none; } .datesubjectcomment strong { margin-left: 5px; } .userpiccomment { position: relative; float: left; margin: -15px 10px 5px -16px; z-index: 15; } .commentreply { padding: 20px 10px 10px 10px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); } .commentreply + div { margin: 0px!important; padding: 5px 10px 0px 10px!important; text-align: right!important; background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); border-top: 1px solid #3F3F3F; } .commentreply + div div { padding: 5px 0px!important; text-align: right!important; } .commentboxpartial { margin: 0px 0px 20px 0px; padding: 10px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); } #content + div { background-color: transparent!important; border: none!important; } .lj-view-reply { background: url(http://fatfrog.info/Ma/A/layout/theresistance/raster-mk.gif) fixed; } .lj-view-reply #content-outer { background: url(http://fatfrog.info/Ma/A/layout/theresistance/mk.png) bottom left no-repeat fixed; } #postform, #qrform { background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); border: none!important; } #qrform { margin-bottom: 20px; } .commentbox #qrform { margin: 20px 0px 0px 0px; } #postform td, #qrform td { padding: 2px; } input, textarea { color: #E7E7E7; padding: 2px; background: none; border: 1px solid #3F3F3F; } textarea.textbox { width: 95% !important; } .commentbox textarea.textbox { width: 100% !important; } / ------- CALENDAR ------- / .lj-view-archive, .lj-view-month, .lj-view-day { background: url(http://fatfrog.info/Ma/A/layout/theresistance/raster-exo.gif) fixed; } .lj-view-archive #content-outer, .lj-view-month #content-outer, .lj-view-day #content-outer { background: url(http://fatfrog.info/Ma/A/layout/theresistance/exo.png) bottom left no-repeat fixed; } .lj-view-archive #maincontent { margin-top: 111px; padding: 30px 25px 25px 25px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); } .lj-view-archive #maincontent br { display: none; } ul.year { position: absolute; width: 381px; height: 101px; margin: -111px 0px 0px -41px; padding: 15px 31px 0px 46px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/datesubject.png); z-index: 10; } ul.year li { display: inline; padding: 0px 2px; } .active { font-weight: bold; } table.yeartable { margin: 0px auto; } .yeartable + br + br + br + .yeartable { margin-top: 30px; } td.yearmonth { font-weight: bold; } td.yearmonth a { font-weight: normal; } table.yeartable td.yearday { padding: 10px; text-align: center; border: 1px solid #3F3F3F; } table.yeartable td.yeardate { padding: 2px 4px; border: 1px solid #3F3F3F; } table.yeartable td.yeardate a { display: block; font-weight: bold; } .lj-view-month #maincontent form { position: relative; margin: 0px 0px -35px -16px; width: 458px; height: 83px; padding: 33px 0px 0px 0px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/datesubject.png); z-index: 10; } .lj-view-month #maincontent form br, .lj-view-month #maincontent form + br , .lj-view-month #maincontent form + br + br { display: none; } .lj-view-month dt { width: 61px; height: 44px; margin: 0px 0px 0px -55px; padding: 27px 0px 0px 0px; text-align: center; background: url(http://fatfrog.info/Ma/A/layout/theresistance/viewsubjects.png); } .lj-view-month dd { margin: -43px 0px 27px 20px; padding: 0px; } .lj-view-day .skiplinks { margin-bottom: 25px; } .lj-view-day .separator + .clear + .clear + .skiplinks { margin-top: -20px; margin-bottom: 0px; } / ------- TAGS ------- */ .lj-view-tags { background: url(http://fatfrog.info/Ma/A/layout/theresistance/raster-resistance.gif) fixed; } .lj-view-tags #content-outer { background: url(http://fatfrog.info/Ma/A/layout/theresistance/resistance.png) bottom left no-repeat fixed; } .lj-view-tags h2 { position: relative; margin: 0px 0px -35px -16px; width: 381px; height: 79px; padding: 37px 31px 0px 46px; font-size: 12px; background: url(http://fatfrog.info/Ma/A/layout/theresistance/datesubject.png); z-index: 10; } .ljtaglist { margin: 0px; padding: 30px 25px 25px 25px; list-style: none; background: url(http://fatfrog.info/Ma/A/layout/theresistance/black85percent.png); } ul.ljtaglist li { margin-top: 5px; padding-top: 5px; } ul.ljtaglist li + li { border-top: 1px solid #3F3F3F; }

Tags: - layouts, muse

8 comments | Leave a comment

( Post a new comment )

joyfulljunebugg.livejournal.com on June 16th, 2013 02:16 am (UTC)

I would ask in http://mintyapple.livejournal.com/ community they usually know how to patch up the messes around here, go a couple pages back tessisamess has a post on fixing your problems.

Edited 2013-06-16 02:18 am (UTC)

(Reply) (Parent) (Thread) (Link)

fuesch on June 16th, 2013 03:25 am (UTC)

Thanks, but I have a different problem. Well, I had. I just tried to fix it again and this time I found out it was caused by having pictures be content of the first td. Making them the td's background instead helped. \o/

(Reply) (Parent) (Link)