。。。layouts 。。。
Friday, April 10, 2009
Watchmen
<?xml version="1.0" encoding="UTF-8" ?><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html dir="'data:blog.languageDirection'" xmlns="'http://www.w3.org/1999/xhtml'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" expr="'http://www.google.com/2005/gml/expr'"><br /><br /><head><br /> <b:include data="'blog'" name="'all-head-content'/"><br /> <title><data:blog.pagetitle/></title><br /> <b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name: Full House/Min Hyuk Designer: Rosie Modified from Templates: Designer: Douglas Bowman URL: www.stopdesign.com ----------------------------------------------- */ /* Variable definitions ==================== <variable name="textcolor" description="Text Color" type="color" default="#CCC" value="#FBE941"><br /> <variable name="titlecolor" description="Blog Title Color" type="color" default="#FBE" value="#FBE941"><br /> <variable name="posttitlecolor" description="Post Title Color" type="color" default="#368" value="#3D81EE"><br /> <variable name="sidebarheader" description="Sidebar Title Color" type="color" default="#933" value="#cc0000"><br /> <variable name="dateHeaderColor" description="Date Header Color" type="color" default="#933" value="#cc0000"><br /><br /> <variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Georgia,Serif" value="normal normal 100% Georgia,Serif"><br /> <variable name="pagetitlefont" description="Blog Title Font" type="font" default="normal normal 270% Georgia, Serif" value="normal bold 426% Georgia, Times, serif"><br /> <variable name="blogDescriptionFont" description="Blog Description Font" type="font" default="normal normal 75% Georgia, Serif" value="normal normal 75% Georgia, Serif"><br /> <variable name="headerfont" description="Sidebar Title Font" type="font" default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif"><br /> <variable name="dateHeaderFont" description="Date Header Font" type="font" default="normal normal 78% Georgia, Serif" value="normal normal 78% Georgia, Serif"><br /> <variable name="startSide" description="Start side in blog language" type="automatic" default="left" value="left"><br /> <variable name="endSide" description="End side in blog language" type="automatic" default="right" value="right"><br />*/<br /><br />body {<br /> margin-top: 0px;<br /> margin-$endSide: 0px;<br /> margin-bottom: 0px;<br /> margin-$startSide: 0px;<br /> background:#000 url("http://i81.photobucket.com/albums/j223/mrwidgee/blogspot/watchmenbgcopy.jpg");<br /> text-align:center;<br /> font:x-small Georgia, Serif;<br /> color:$textcolor;<br /> font-size/* */:/**/small;<br /> font-size: /**/small;<br />}<br /><br /><br />/* Commented Backslash Hack hides rule from IE5-Mac \*/<br /> body {background-attachment:scroll;}<br /> /* End IE5-Mac hack */<br /><br />a:link {<br /> color:$posttitlecolor;<br /> text-decoration:none;<br /> }<br />a:visited {<br /> color:#764;<br /> text-decoration:none;<br /> }<br />a:hover {<br /> color:$sidebarheader;<br /> text-decoration:underline;<br /> }<br />a img {<br /> border-width:0;<br /> }<br /><br /><br />/* Page Structure<br />----------------------------------------------- */<br /><br />#wrap2 {<br /> background:url("http://i81.photobucket.com/albums/j223/mrwidgee/blogspot/watchmenlayoutcopy.jpg") no-repeat $startSide 0px;<br /> }<br /><br />#outer-wrapper {<br /> width: 700px;<br /> margin:0 auto;<br /> padding:100px;<br /> text-align:$startSide;<br /> font: $bodyfont;<br /> width/* */:/**/auto;<br /> width: /**/auto;<br /> }<br /><br />#main-wrapper {<br /> width: 440px;<br /> padding-top:10px;<br /> float: $startSide;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br /> }<br /><br /><br />#main {<br /> margin:0;<br /> padding:0;<br /> }<br /><br />#sidebar-wrapper {<br /> width: 200px;<br /> margin: 50px;<br /> padding-top:10px;<br /> float: $startSide;<br /> word-wrap: break-word; /* fix for long text breaking sidebar float in IE */<br /> overflow: hidden; /* fix for long non-text content breaking IE sidebar float */<br />}<br /><br />#sidebar {<br /> margin:0;<br /> padding-top: 170px;<br /> }<br /><br />/** Page structure tweaks for layout editor wireframe */<br />body#layout #outer-wrapper,<br />body#layout #sidebar,<br />body#layout #wrap4,<br />body#layout #header { <br /> margin-top: 0;<br /> margin-bottom: 0;<br /> padding: 0;<br />}<br /><br />body#layout #sidebar-wrapper { <br /> width: 180px;<br /> margin-$startSide: 0;<br /> }<br /><br />body#layout #wrap4, body#layout #outer-wrapper { <br /> width: 650px;top: 600;<br />}<br /><br />/* Header<br />----------------------------------------------- */<br />#header {<br /> padding-top:75px;<br /> padding-$startSide:0;<br /> padding-bottom:10px;<br /> padding-$endSide:110px;<br /> }<br /><br />.Header h1 {<br /> margin:0 0 .25em;<br /> color:$titlecolor;<br /> font: $pagetitlefont;<br />}<br /><br />.Header h1 a {<br /> color:$titlecolor;<br /> text-decoration:none;<br />}<br /><br />.Header .description {<br /> margin:0;<br /> max-width:700px;<br /> line-height:1.8em;<br /> text-transform:uppercase;<br /> letter-spacing:.2em;<br /> color:$titlecolor;<br /> font: $blogDescriptionFont;<br />}<br /><br /><br />/* Headings<br />----------------------------------------------- */<br />h2 {<br /> margin:1.5em 0 .75em;<br /> line-height: 1.4em;<br /> font: $headerfont;<br /> text-transform:uppercase;<br /> letter-spacing:.2em;<br /> color:$sidebarheader;<br /> }<br /><br /><br />/* Posts<br />----------------------------------------------- */<br /><br />h2.date-header {<br /> margin:2em 0 .5em;<br /> color: $dateHeaderColor;<br /> font: $dateHeaderFont;<br /> }<br />.post {<br /> margin:.5em 0 1.5em;<br /> }<br />.post h3 {<br /> margin:.25em 0 0;<br /> padding:0 0 4px;<br /> font-size:140%;<br /> font-weight:normal;<br /> line-height:1.4em;<br /> }<br />.post h3 a, .post h3 strong {<br /> background:none no-repeat $startSide .15em;<br /> display:block;<br /> padding-$startSide:20px;<br /> text-decoration:none;<br /> color:$posttitlecolor;<br /> font-weight:normal;<br /> }<br />.post h3 strong {<br /> background-image:none;<br /> color:#000;<br /> }<br />.post h3 a:hover {<br /> color:$sidebarheader;<br /> }<br />.post-body {<br />no-repeat center top;<br /> padding-top:12px;<br /> margin:0 0 .75em;<br /> line-height:1.6em;<br /> }<br />.post-body blockquote {<br /> line-height:1.3em; <br /> }<br />.post-footer {<br /> color:#999;<br /> text-transform:uppercase;<br /> letter-spacing:.1em;<br /> font-size: 78%;<br /> line-height: 1.4em;<br /> }<br />.comment-link {<br /> margin-$startSide:.4em;<br /> }<br /><br />.post-footer .post-timestamp,<br />.post-footer .post-author {<br /> color:#666;<br /> }<br />.comment-link strong {<br /> font-size:130%;<br /> }<br />.comment-link {<br /> margin-$startSide:.4em;<br /> }<br />.post img {<br /> padding:4px;<br /> border:1px solid #cde;<br /> }<br /><br /><br />/* Comments<br />----------------------------------------------- */<br />#comments {<br /> background:none no-repeat center top;<br /> padding:15px 0 0;<br /> }<br />#comments h4 {<br /> margin:1em 0;<br /> font-weight: bold;<br /> line-height: 1.6em;<br /> text-transform:uppercase;<br /> letter-spacing:.2em;<br /> color: $dateHeaderColor;<br /> font: bold 78% Georgia Serif;<br /> }<br />#comments h4 strong {<br /> font-size:130%;<br /> }<br />#comments-block {<br /> margin:1em 0 1.5em;<br /> line-height:1.4em;<br /> }<br />#comments-block dt {<br /> margin:.5em 0;<br /> }<br />#comments-block dd {<br /> margin:.25em 20px 0;<br /> }<br />#comments-block dd.comment-timestamp {<br /> margin:-.25em 20px 1.5em;<br /> line-height: 1.4em;<br /> text-transform:uppercase;<br /> letter-spacing:.1em;<br /> }<br />#comments-block dd p {<br /> margin:0 0 .75em;<br /> }<br />.deleted-comment {<br /> font-style:italic;<br /> color:gray;<br /> }<br /><br />.feed-links {<br /> clear: both;<br /> line-height: 2.5em;<br />}<br /><br />#blog-pager-newer-link {<br /> float: $startSide;<br /> }<br /><br />#blog-pager-older-link {<br /> float: $endSide;<br /> }<br /> <br />#blog-pager { <br /> text-align: center; <br /> }<br /><br />.comment-footer { <br /> font: 78%/1.4em Georgia , Serif;<br /> }<br /><br />/* Sidebar Content<br />----------------------------------------------- */<br /><br />.sidebar .widget, .main .widget {<br /> background:none no-repeat center bottom;<br /> margin:0 0 15px;<br /> padding:0 0 15px;<br /> }<br /><br />.main .Blog { <br /> background-image: none;<br /> }<br /><br />.sidebar ul { <br /> list-style:none;<br /> margin-$startSide: 0;<br /> }<br /><br />.sidebar li {<br /> margin:0;<br /> padding-top:0;<br /> padding-$endSide:0;<br /> padding-bottom:.25em;<br /> padding-$startSide:15px;<br /> text-indent:-15px;<br /> line-height:1.5em;<br /> }<br />.sidebar p {<br /> color:#666;<br /> line-height:1.5em;<br /> }<br /><br /><br />/* Profile <br />----------------------------------------------- */<br />.profile-datablock {<br /> margin:.5em 0 .5em;<br /> }<br />.profile-data {<br /> margin:0;<br /> font: $headerfont;<br /> font-weight: bold;<br /> line-height: 1.6em;<br /> text-transform:uppercase;<br /> letter-spacing:.1em;<br /> }<br /><br />.profile-img { <br /> float: $startSide;<br /> margin-top: 0;<br /> margin-$endSide: 5px;<br /> margin-bottom: 5px;<br /> margin-$startSide: 0;<br /> padding: 4px;<br /> border: 1px solid #cde;<br />}<br /><br />.profile-textblock {<br /> margin:.5em 0 .5em;<br /> }<br />.profile-link {<br /> font:78%/1.4em Georgia,Serif;<br /> text-transform:uppercase;<br /> letter-spacing:.1em;<br /> }<br /><br />/* Footer<br />----------------------------------------------- */<br />#footer-wrapper {<br /> clear:both;<br /> padding-top:15px;<br /> padding-$endSide:30px;<br /> padding-bottom:0;<br /> padding-$startSide:50px;<br /> text-align: center;<br /> }<br /><br />#footer .widget {<br /> background:none no-repeat center top;<br /> margin:0;<br /> padding-top:15px;<br /> line-height: 1.6em;<br /> text-transform:uppercase;<br /> letter-spacing:.1em;<br /> }<br />]]></b:skin><br /></head><br /><body><br /> <div id="'wrap'"><div id="'wrap2'"><div id="'wrap3'"><div id="'wrap4'"><br /><div id="'outer-wrapper'"><br /><br /> <b:section class="'header'" id="'header'" maxwidgets="'1'"><br /><b:widget id="'Header1'" locked="'true'" title="'????????" type="'Header'/"><br /></b:section><br /><br /> <div id="'crosscol-wrapper'" style="'text-align:center'"><br /> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"><br /> </div><br /><br /> <div id="'main-wrapper'"><br /> <b:section class="'main'" id="'main'" showaddelement="'no'"><br /><b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'/"><br /></b:section><br /> </div><br /><br /> <div id="'sidebar-wrapper'"><br /> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"><br /><b:widget id="'Followers1'" locked="'false'" title="'Followers'" type="'Followers'/"><br /><b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'/"><br /><b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'/"><br /></b:section><br /> </div><br /><br /> <div id="'footer-wrapper'"><br /> <b:section class="'footer'" id="'footer'/"><br /> </div><br /><br /></div><br /></div></div></div></div><br /></body><br /></html><br />
No comments:
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments (Atom)
Followers
Blog Archive
▼
2009
(6)
▼
April
(6)
Naruto Shippuuden
Mobile Suit Gundam SEED
Monster
Cowboy Bebop
Watchmen
Full House
About Me
ロージー
View my complete profile
No comments:
Post a Comment