karanguni | 0TP DW Port, DW layout

Hi guys, anyone who's writing for 0TP but has sorta-kinda-moved from IJ, I've created a mirror of it on

no_true_pair; feel free to crosspost merrily and to pimp it out here on DW!

[edit]

I also super-fast-coded a CSS DW layout that doesn't require the usual bangs and whistles of a paid account; 0TP is the live preview, and the code is below. Warning: very hastily coded! 8D

/* Designed by Karanguni. Feel free to use as you wish! Credit would be nice. --- */

/* BASIC PAGE DEFINITIONS ----------------- */

* {

outline: none; }

html, p, blockquote {

font-family: arial, verdana, san-serif;
    x-overflow: hidden;}

blockquote {

padding: 3em 1.5em 3em 1.5em;
   margin-left: 3em;
   margin-right: 3em;
   border-left: 1px solid #000;
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   border-right: 3px solid #000; }

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {

clear: both;
 }

.module-list li, .footer ul li {

display: inline; }

.entry-content ul {

list-style-type: square; }

.entry-content ul, .entry-content ol {
    
   margin: 0 2.5em 0 1.5em;
   }

/* GENERAL LINK COLOURS ----------------- */

* a {
    
    text-decoration: none;
    color: #E6B71A  ; }

* a:hover {

color: #333332; }

/* SIZE OF LAYOUT ----------------- */

#container {

width: 90%;
    margin: auto;
    font-size: 100%;
    text-align: center; /* IE fix */ }

#content {
    
    width: 80%;
    display: inline; 
    float: right; 
    
    text-align: left;
}

.module-section-two {
    
    width: 18%;
    display: inline;
    float: left;
    padding-top: 35px; 
    border-top: 1px solid black; 
    text-align: left;
 }

/* JOURNAL TITLES --------- */

#title {
    text-align: left;
    font-family: arial;
    text-transform: lowercase;
    font-size: 3.1em;
    border-top: 3px solid black; }

#title a {

color: #000 !important; }
    
/* NAVIGATION ---------------- */

.module-navlinks {

padding: 0px;
    border-top: 1px solid #666;
    background: #fff; }

.module-navlinks a {

padding-right: 1em;
    paddding-left: 1em; 
    font-weight: bold;
    text-transform: lowercase;
}

/* MODULE AND ENTRY TITLES ----------- */

.module-header {
    
    margin-top: 0px;
    border-top: 3px solid #000;
    padding-top: 0.4em;
    text-transform: uppercase; }

.entry-title {
    
    margin-top: 0px;
    border-top: 3px solid #000;
    padding-top: 0.4em;
    text-transform: uppercase; }

.entry-title a {

text-transform: uppercase;
    color: #000; }

.entry-title a:hover {

text-transform: uppercase;
    color: #E6B71A  ; }
    
    
/* ENTRY DATES AND TIMES --------- */

.datetime {
    
    text-align: right;
    font-size: 0.75em;
    color: #ccc;
    text-transform: lowercase;
    float: right;
    width: 130px;
    height: 1em;
 }

.date {

display: block; }

/* ENTRY USERPIC AND POSTER ----------- */

.userpic {

float: right;
    border: 1px solid #ccc; }

.userpic img {

border: none; }

.poster .ljuser {
    
    font-size: 0.9em;
    text-align: right;

display: block;
    width: 130px;
    float: right;
    border-right: 3px solid #000000;
    padding-right: 5px;
    
    position: relative;
    left: 230px;
    top: 2em;
    
    margin-top: 0.5em;}

/* ENTRIES ------------ */

.entry-content {

x-overflow: hidden;
    padding-top: 0.2em;
    font-size: 0.6875em;
    line-height: 1.2em;
 }

.footer {

margin-top: 4em;
    border-bottom: 1px solid #666;
    margin-bottom: 3em;
 }

/* ENTRY TAGS --------------- */

.tag-text {

font-size: 0px; }

.tag {
    
    background: url(http://andmoreslow.net/layouts/tinyicons/tag.gif) no-repeat left center; 
    text-transform: uppercase;
    font-size: 0.75em; }

.tag ul {
    
   position: relative;
   top: -0.3em;
    }

.tag ul li {

padding-left: 1em;
    padding-right: 1em;
}

.tag ul li a {

background: #000; }

.tag ul li a:hover {
    background: #000;
    color: #fff; }
    
 
/* METADATA ---------------------- */

.metadata {
    
  margin-top: 3em;
  font-size: 0.75em;
  color: #666; }

.metadata ul  {

list-style-type: none; }

/* ENTRY LINKS ------------------- */

.entry-management-links, .entry-interaction-links {
    
    font-size: 0.75em;
    text-transform: lowercase;
    font-weight: bold;
    text-align: left;
    height: 20px;
}

.entry-management-links {

background: url(http://andmoreslow.net/layouts/tinyicons/page.gif) no-repeat left center; }

.entry-interaction-links {

background: url(http://andmoreslow.net/layouts/tinyicons/comment.gif) no-repeat left center; }

.entry-management-links a{

color: #E6B71A  ; }

.entry-interaction-links a {

color: #E6B71A  ; }

.entry-management-links a:hover, .entry-interaction-links a:hover {

color: #333332; }

.entry-management-links li a, .entry-interaction-links li a {

display: block;
    float:left;
    width: 120px;
    padding-left: 0.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em; 
    padding-right: 0.3em;

}

/* SKIP LINKS ---------- */

.navigation {

margin: 0px;
     padding-top: 10px;
     padding-bottom: 10px;  
     height: 15px;
     border-top: 1px solid black; }

.navigation ul {

list-style-type: none;
      height: 15px;
      padding: 0px; 
      margin: 0px; }

.page-back, .page-forward {

display: inline;
  padding-right: 3em;
  
  font-weight: bold;
  text-transform: lowercase; }

/* SIDEBAR MODULES -------------- */

.module-section-two .module-content {

margin-bottom: 2em;   
    font-size: 0.6875em; 
    }

/* PROFILE ------------- */

.userlite-interaction-links {

list-style-type: none; }

.userlite-interaction-links li {

display: inline ; }

/* SUMMARY ----------- */

.module-pagesummary ul li {

padding-top: 0.5em;
    text-indent: -2em;
    display: block; }
    
/* CALENDAR ----------- */

.module-calendar table {
    
    width: 90%; }

.module-calendar table td {

padding: 0px;
   text-align: center; }
    
.module-calendar .entry-day {
    
    width: 20px;
    height: 20px;
    border: 1px solid #ccc;
    
    }
    
    
    
/* TAGS -------------- */

.module-categories .module-list a {
    
    display: block;
    
 }
 
.module-categories .module-list a:hover {
    
    padding-left: 5px;
    border-left: 3px solid black;
 }

/* DW BRANDING --------- */

#site-branding {
    
    margin-left: 10%;
    font-size: 0.75em;
    text-transform: lowercase; }

Use Transmogrified as your theme, set Use layout's stylesheet(s) as UNCHECKED, and stick that into your custom CSS.

Flat | Top-Level Comments Only

:O! YOU, MY DEAR, ARE MADE OF WIN. &hearts *steals*

.... hmmm. changed back to my original layout because weird things were going on with username links (all appearing on the far right regardless of their actual location in my entered text), but i've no idea if that has something to do with me being on my teeny laptop or not.

EEK, I know what you mean, FIXED IT NOW. The code is updated; just recopy and repaste!

Haha! *snatches layout* Is awesome! And does not break my coding-impaired brain to implement! *clutches to chest*

♥ ♥ ♥ ♥ ♥

HI PIMP THERE'S AN IMPORTANT FIX NOW APPLIED TO THE CODE; just recopy and repaste!

Will do. ♥

\o\ And now that I am home I can make even more fixes and set up a DW community for all this stuff!

0TP DW Port, DW layout

no subject

no subject

no subject

no subject

no subject

no subject

no subject