Layout: #2 - "Miranda, That Ghost Just Isn't Holy Anymore"

Mar 28, 2007 17:22

Featuring Cedric Bixler-Zavala.

Please:
- Comment on this post if you use the layout
- credit plush_designs in your userinfo and/or somewhere on your journal
- do not claim you made the layout
- do not redistribute
- do not direct link the images

Info Layout Name:Miranda, That Ghost Just Isn't Holy Anymore Account Types:All account levels Layout Style: S2 Mixit Tested In:Firefox 1, Internet Explorer 6 Screen Resolutions:800x600 or higher Credits:Texture by Elli. Background by Squidfingers, recoloured by me. Font in header is called 'Violation'. The coding for this layout was found at thefulcrum, so I take no credit for that, only for the images and colour theme I've used. Customizing:If you want to change the header and/or colour theme, feel free to do so! A link back to plush_designs would be cool, but is not required. The only time a link is required is if you use this layout as it is here with no changes made.



Click the image above to view the full-page screenshot.

(Please ignore the non-matched up parts of the background in this screencap. It will not be like that when you use the layout. It's just a screencapping mess up because the background is fixed and doesn't scroll with the content.)

Directions Go to Manage:Customize On the "Basics" tab:make sure S2 is chosen from the Style System box. Click "save changes". On the "Look And Feel" tab:select the following:
  • choose "Mixit" from the dropdown menu in the Layout & Language box.
  • choose "(Layout Default)" from the dropdown menu in the Themes box.
Click "save changes". On the "Custom Options" tab:select the following:
  • click on Section: Presentation
    • Layout Type: choose "Two Column (Sidebar on Right)" or "Two Column (Sidebar on Left)". Do not choose a three column option.
  • click on Section: Custom CSS
    • Use layout's "Base Weblog" stylesheet: choose "no" from the menu.
    • Custom external stylesheet URL: leave field blank.
    • Custom stylesheet: paste style sheet contents in this box.
Click "save changes".

Images Please save the two images to your computer and upload them to an image hosting service such as Photobucket or ImageShack. Remember to change the URLs in the style sheet!

The Code Copy and paste this into the above mentioned "custom stylesheet" box on the "Custom Options" tab. Custom Style Sheet
/* Template: (#02) Miranda, That Ghost Just Isn't Holy Anymore */ /* Date: March 28, 2007 */ /* S2 Style: Mixit */ /* Available at http://community.livejournal.com/plush_designs/ */ /* Made by Sam a.k.a. purple-ivy.livejournal.com */ /* Note the original layout coding was by http://community.livejournal.com/thefulcrum */ /* -------------------------------------------------------- */ /* ---------- ADD YOUR HEADER GRAPHIC BELOW --------------- */ /* -------------------------------------------------------- */ #header {position: relative; height: 470px; background: url(http://yoursite.com/02-cedric-header.jpg) top center no-repeat;} /* - make sure that your height is the height of your graphic plus 40px - e.g. if your graphic is 350px, your height should be 390px */ /* -------------------------------------------------------- */ /* ---------- ADD YOUR HEADER GRAPHIC ABOVE --------------- */ /* -------------------------------------------------------- */ html {margin: 0px; padding: 0px; font-size: 100%; /* IE hack */ } body { margin: 0px; padding: 0px; background: #9e9e9e; background-image: url(http://yoursite.com/02-cedric-bg.jpg); background-attachment:fixed; color: #525252; font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif; font-size: 56%; text-align: center; } a, a:link, a:visited, a:active {color: #40403f; text-decoration: none;} a:hover {color: #525252; text-decoration: underline;} p {margin-top: 0.8em; margin-bottom: 0.8em;} blockquote {margin: 0.5em 2em; padding: 1em; border: 1px dashed #000000; background: #848483;} input, textarea, select {background:#848483; border: 1px solid #000000;} strong {background: #000000; color: #cacaca;} /* ----------------------------------------- */ /* ---------- PAGE STRUCTURE --------------- */ /* ----------------------------------------- */ /* -- don't touch the stuff below -- */ #page, #header, #content, #footer {position: relative; top: 0;} #alpha, #beta, #gamma {display: inline; float: left; position: relative; top: 0;} #footer {margin: -1px 0 0 0; /* HACK - removes space between content and footer */} #page-inner, #header-inner, #content-inner, #alpha-inner, #beta-inner, #gamma-inner, #footer-inner {position: static;} #header-inner, #alpha-inner, #beta-inner, #gamma-inner {overflow: hidden; /* hide content that is larger than the element dimensions */} #alpha-inner[id] { overflow: visible; } /* FF MAC & PC will clip pager-top when accessing page anchor */ /* -- don't touch the stuff above -- */ #container {position: relative; margin: 0px auto; padding: 20px; font-size: 1.2em; line-height: 1.8em; text-align: left;} #container-inner {min-height: 100%; text-align: left;} #page {width: 770px; margin: 0px auto; padding: 0px; border: 1px solid #000000; background: #cacaca;} #header-inner {margin: 0px auto;} #content {text-align: left;} #alpha {width: 570px;} .layout-tw #alpha {float: right;} #alpha-inner {margin: 0 20px;} #beta {width: 200px;} .layout-wt #beta-inner {padding: 1.8em 20px 20px 0px} .layout-tw #beta-inner {padding: 1.8em 0px 20px 20px} .lj-view-archive #alpha-inner, .lj-view-month #alpha-inner, .lj-view-tags #alpha-inner {padding-top: 20px; padding-bottom: 20px;} /* ---------------------------- */ /* ---------- HEADER ---------- */ /* ---------------------------- */ #header-content {overflow: hidden; text-transform: uppercase; text-align: center;} #header-text ul.nav {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px; border-top: 1px dashed #000000; border-bottom: 1px dashed #000000; background: #848483; text-transform: lowercase; } #header-text ul.nav li {margin: 0px; padding: 0 0.9em; display: inline;} #header-text ul.nav li.item {border: 0px;} #header-text ul.nav a {color: #40403f; font-size: 1.4em; text-decoration: none;} #header-text ul.nav a:hover {color: #525252;} #header-name {display: none; margin: 0px auto; padding: 1.2em 0; font-size: 2em; letter-spacing: 0.1em;} #header-name a {color: #40403f; text-decoration: none;} #header-name a:hover {color: #525252;} #header-description {display: none; margin: 0px auto; } /* ----------------------------- */ /* ---------- ENTRIES ---------- */ /* ----------------------------- */ /* previous and next links */ .stream-header {display: none; padding: 10px 20px; text-align: center;} .stream-footer {padding: 0px; text-align: center;} /* entry container */ .asset {margin: 0px; padding: 0px 0px 13px 0px; border-bottom: 1px dashed #000000;} .asset-inner {padding: 0 0 1.8em 0; } .asset-header {padding: 1.8em 0 0.9em 0;} .lj-view-entry .asset-header {padding: 0; } /* entry subject */ h2.page-header2 {margin: 0px; padding: 0.2em 0; font-size: 2em; font-weight: normal;} h2.page-header2 a, .lj-view-tags h2 {color: #40403f; text-decoration: none;} h2.page-header2 a:hover {color: #525252;} abbr.datetime { margin: 0px; padding: 0px; list-style-type: none; color: #40403f; font-size: 1em; text-transform: uppercase; text-align: right; } /* entry body, meta, tags */ .asset-content {margin-bottom: 0.9em; padding-bottom: 0.9em; } /* entry text */ .asset-body {padding: 0.9em 0;} .asset-body a {color: #40403f; font-weight: bold; border-bottom: 1px dashed #000000; text-decoration: none;} .asset-body a:hover {color: #525252;} .asset-body dt {border-bottom: 1px dashed #000000; font-weight: bold;} .asset-body dd {margin-left: 3.6em; padding: 10px; background: #848483; border: 1px dashed #000000; border-top: 0px; } /* date and time */ div.asset-header ul {margin: 0px !important; padding: 0px !important;} div.asset-header li.item {padding: 0px;} .ljuser {display: inline !important;} /* userpic */ .user-icon {float: right; margin-left: 5px; padding: 1px; background: transparent !important; text-align: center;} .user-icon img {border: 1px solid #848483;} .user-icon span {background: transparent !important; text-align: center;} /* mood, music, location */ .lj-currents ul {margin: 0px; padding: 0px;} .lj-currents ul li {list-style: none;} .lj-currents img {display: none;} .entryMetadata-label {font-weight:bold; color: #40403f;} .entryMetadata-content {margin-left: 2px;} /* --- tags --- */ .asset-tags-header { display: block; float: left; width: 3.5em; /* matches .asset-tags-content width */ height: 100% !important; margin: 0px; padding: 0px; font-size: 1em !important; } .asset-tags-list {margin: 0 0 0 3.5em; padding: 0px; list-style-type: none;} .asset-tags-list li {display: inline; padding-right: 5px;} .asset-tags-list a {white-space: normal !important;} /* comments bar */ ul.asset-meta-list {clear: both; margin: 0px; padding: 0px; list-style-type: none;} li.asset-meta-comments {display: inline; margin: 0px 10px 0px 0px;} ul.asset-meta-list .item {border: 0px;} .prevnext, .prev, .next {padding: 5px 0px;} /* ----------------------------- */ /* ---------- SIDEBAR ---------- */ /* ----------------------------- */ .widget {margin-bottom: 20px;} .widget-inner {} .widget-header {margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color: #40403f; border-bottom: 1px dashed #000000; font-size: 1.3em; text-transform: uppercase;} .widget-content {margin: 0px; padding: 0px;} .widget ul {margin: 0px; padding: 0px 0px 0px 20px;} .widget a {color: #525252;} .widget a:hover {color: #40403f; text-decoration: none;} /* profile */ .about-me-widget {display: none; text-align: center;} .about-me-widget .widget-header a {color: #525252;} .about-me-widget .widget-header a:hover {color: #000000;} .about-me-widget dl, .about-me-widget dd, .about-me-widget dt {margin: 0px; padding: 0px; width: 100%;} /* calendar */ .calendar-widget {} .calendar-widget table {width: 100%; text-align: center;} .calendar-widget p {margin: 5px 0px; padding: 0px; text-align: center;} .calendar-widget tr:first-child a {background: #cacaca; border: 0px;} .calendar-widget td a {display: block; width: 100%; color: #40403f; background: #848483; border: 1px solid #000000;} /* link list */ .typelist-widget li.item {margin: 0px; padding: 0px; } /* tags */ .categories-widget .widget-footer {padding: 20px 0px 0px 0px;} .categories-widget li.item {margin: 0px; padding: 0px;} .categories-widget li.tag {display: inline; padding: 0px 1px; background: none; } /* post summary */ .archive-widget li.item {margin: 0px 0px 5px 0px; padding: 0px;} .links-widget .widget-list .item { margin-bottom: .2em; border: none !important; } .widget-list .tagcloud { list-style: none !important; display: inline !important; color: #ff0000 !important; white-space: nowrap !important; border-left: 0 !important; width: 100% !important; } /* syndication, LiveJournal link, designer link */ .syndicate-widget, .powered-widget, .designed-widget {display: none;} /* ----------------------------------- */ /* ---------- COMMENTS PAGE ---------- */ /* ----------------------------------- */ /* Comments ---------------------------------------*/ #comments {padding: 0px;} div.comments-inner h2 {margin: 0px; padding: 1.5em 0 0 0; color: #40403f; font-size: 2em; font-weight: normal;} .comment {margin-bottom: 1.8em; padding: 0.9em 0; border-bottom: 1px dashed #000000;} .comment-odd {} .comment-even {background: #cacaca;} .comments-nav {margin: 20px; text-align:center;} /* --- reply, freeze, screen, etc --- */ .comment-links {margin-top: 0.9em; font-weight: normal; text-align: right; font-size: 1em;} .comment-subject {font-weight: bold; } .comment-date {margin-top: 0.9em; margin-bottom: 0.9em;} /* Fix height in IE */ .comment {height: 1%;} /* Quick Reply ---------------------------------------*/ .quickreply {margin-top: 1em; width:90%; padding-top: 5px; padding-bottom: 10px;} #commenttext, #subject {width: 90%;} #comment-form {width: 500px;} /* ------------------------------ */ /* ---------- ARCHIVES ---------- */ /* ------------------------------ */ /* Calendar/Archive ---------------------------------------------------------------------- */ ul.year {text-align: center; padding: 0px;} ul.year li {display: inline; padding: 0px 5px;} table.yeartable {margin-left: auto; margin-right: auto;} table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #000000;} table.yeartable td.yearday {background-color: #848483; text-align: center;} td.yearmonth {border-style: none; font-weight: bold;} dd.viewsubjects {margin: 0 0 .75em .75em;} .lj-view-month table {} .lj-view-month widget table {margin: 0px !important;} /* -------------------------- */ /* ---------- MISC ---------- */ /* -------------------------- */ /* Sponsored Plus ---------------------------------------*/ #ad-5linkunit { clear: both; } #ad-leaderboard { margin-bottom: 10px; } /* Utility Code --------------------------------------------------- */ /* clear floats, inspired by positioniseverything.net/easyclearing.html */ .comment-body:after, #page-inner:after, #header-inner:after, #header-photo:after, #content-inner:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after, #delta-inner:after, #footer-inner:after, .widget .user-pic:after { content: "."; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.1px; } /* float in post bodies around enclosures */ #content-inner, .asset-body { height: 1%; } /* Win IE < 7 */ * html #header-name a { word-wrap: break-word; } /* ----------------------------------------------------------------------- */ /* ---------- PLEASE PASTE ANY FURTHER CSS OVERRIDES BELOW HERE ---------- */ /* ----------------------------------------------------------------------- */ You're now finished! If you have any questions regarding this layout, using the layout or customizing it, please leave a comment on this post and I'll see if I can help you.

layouts-musicians-cedric bizler-zavala, layouts-bands-the mars volta, layouts-musicians, layouts-music, layouts, layouts-styles-mixit

Previous post Next post
Up