Juvenilia Theme by Nico Tobares

Randy Haddock — Tue, 09 Dec 2008 01:31:07 +0000

Sucker Theme

Randy Haddock — Wed, 03 Sep 2008 18:37:05 +0000

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”<br /> 	“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”><br /> <html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”><br /> <head></p> <p><!– v1.0 –><br /> <!– Updated 2008-08-19: Doubled bottom margin of .post for better readability. –><br /> <!– Updated 2008-08-20: Fixed video display bug. –><br /> <!– v2.0 –><br /> <!– Re-arranged the theme layout so that long bodies of text will wrap around the subject. Generally, this looks a bit nicer than the strict columns before.–><br /> <!– Was able to bring other design elements into the visual style of the rest of the theme because of the above (e.g. blockquotes now have the same line-height as regular text). –><br /> <!– Ditched small-caps since they don’t render well in every browser (Safari). –><br /> <!– Slightly more consistent permalinking. –><br /> <!– Now shared under a Creative Commons Attribution-Non-commerical-Share-Alike 3.0 USA license. Hack and slash, baby! –><br /> <!– Keep an eye out for Sucker Extended, coming soon. –></p> <p>    <!– DEFAULT COLORS –><br />     <meta name=”color:Background” content=”#222″/><br />     <meta name=”color:Content Background” content=”#fff”/><br />     <meta name=”color:Title” content=”#666″/><br />     <meta name=”color:Description” content=”#777″/><br />     <meta name=”color:Date” content=”#ccc”/><br />     <meta name=”color:Post Title” content=”#444″/><br />     <meta name=”color:Text” content=”#555″/><br />     <meta name=”color:Inline Link” content=”#111″/><br />     <meta name=”color:Quote” content=”#444″/><br />     <meta name=”color:Quote Source” content=”#666″/><br />     <meta name=”color:Link Post” content=”#666″/><br />     <meta name=”color:Conversation Background 1″ content=”#f4f4f4″/><br />     <meta name=”color:Conversation Background 2″ content=”#e8e8e8″/><br />     <meta name=”color:Conversation Border” content=”#555″/><br />     <meta name=”color:Conversation Text” content=”#000″/><br />     <meta name=”color:Caption” content=”#888″/><br />     <meta name=”color:Content Decoration” content=”#aaa”/><br />     <meta name=”color:Footer” content=”#eee”/><br />     <!– END DEFAULT COLORS –></p> <p>    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/></p> <link rel=”alternate” type=”application/rss+xml” title=”RSS” href=”/rss” mce_href=”/rss”/> <link rel=”shortcut icon” href=”{Favicon}” mce_href=”{Favicon}”/> <mce:style type=”text/css”><!– 	    body {                 border-top:.5em solid {color:Title}; 	        margin:0;</p> <p>	        background: {color:Background}; 	        font: Normal 10pt/3 Futura,Twentieth Century,Century Gothic,Helvetica,sans-serif; 	        color: {color:Text}; 	    }</p> <p>	    #container { 	        padding: 3em; 	        background-color: {color:Content Background}; 	    }</p> <p>        img#rss {             width: 36px;             height: 19px;             border-width: 0px;             float: right;             margin-left: 30px;             margin-bottom: 10px;         }</p> <p>	    h1 { 	        margin: 0px 0px 10px 0px;                 width:500px;</p> <p>                color: {color:Title}; 	        font:normal 6em/1.6 “Liberation Serif”, “Times New Roman”, Times, serif;                 letter-spacing: -1px;                 position:relative;                 left:3.7em;                 top:1.3em; 	    }</p> <p>	    h1 a { 	        color: {color:Title};                 text-decoration: none;             }</p> <p>	    #description { 	        color: {color:Description}; 	        font-size: 11px; 	        line-height: 18px; 	        padding: 0 40px 0 0; 	        margin-bottom: 36px;                 width:250px; 	    }</p> <p>	    .date { 	        margin: 3em 0px 1.5em 0px;                 width:790px; 	        color: {color:Date};                 font:normal 10pt/1.5 Minion Pro,Minion,Garamond,serif; 	        text-align: right; 	        letter-spacing: .1em; 	        text-transform: uppercase; 	        border-bottom: solid 1px {color:Date}; 	    }</p> <p>	    div.post {                 margin-bottom: 6em;                 width:790px;</p> <p>                clear:both;                 position:relative;             }</p> <p>	    div.post a.permalink {                 float:left;                 font-size:8pt;                 line-height:3.75;             }</p> <p>        div.post h2 {             font:normal 10pt/3 Minion Pro,Minion,Garamond,serif;             letter-spacing:.1em;             color: {color:Post Title};             margin: 0 0 1.49em 0px;         }</p> <p>        div.post h2 a {             color: {color:Post Title};             text-decoration: none;         }</p> <p>        p{             margin:0 0 1.5em 0;         }         a {             color: {color:Inline Link};         }</p> <p>        blockquote {             border-left: 1px solid {color:Content Decoration};             margin:0 0 1.67em .8em;             padding:0 0 0 .8em;             font-size:.9em;             font-style: italic;             line-height:3.33;         }</p> <p>        /* Regular Post */         div.post div.regular {             background: {color:Content Background};             font: Normal 10pt/3 Futura,Twentieth Century,Century Gothic,Helvetica,sans-serif;         }</p> <p>            div.post div.regular h2{                 border-top:1px solid {color:Content Decoration};                 padding:1.49em 0 0 40px;                 width:500px;</p> <p>                float:right;                 font-size:20pt;                 line-height:1.48;             }             div.post div.regular div.regular-text{                 padding-top:3em;             }</p> <p>            div.post div.regular blockquote {                 border-left: 1px solid {color:Content Decoration};                 margin:0 0 1.67em .8em;                 padding:0 0 0 .8em;                 font-size:.9em;                 font-style: italic;                 line-height:3.33;             }</p> <p>        /* Photo Post */         div.post div.photo div.frame{             border-top:1px solid {color:Content Decoration};             padding:3em 0 3em 40px;             width:500px;             float:right;         }         div.post div.photo img {             border-width: 0px;         }</p> <p>        div.post div.photo div.caption {             padding-top:3em;</p> <p>            font-size:10pt;             line-height:3;             color: {color:Caption};         }</p> <p>        /* Quote Post */                     div.post div.quote div.the-quote {                 border-top:1px solid {color:Content Decoration};                 padding:1.5em 0 1.48em 40px;                 width:500px;</p> <p>                display:block;                 font-size: 20pt;                 float:right;                 line-height:1.5em;                 color: {color:Quote};             }             div.post div.quote:first-line{                text-transform:uppercase;             }</p> <p>                div.post div.quote div.the-quote big.quote {                     margin-bottom:-.5em;</p> <p>                    display:block;                     float:left;                     font: Bold 88pt/1 Georgia, serif;                     opacity: 0.4;                     -moz-opacity: 0.4;                     filter: alpha(opacity=40);                 }</p> <p>                    div.post div.quote div.the-quote big.quote a {                         text-decoration: none;                     }</p> <p>            div.post div.quote div.source {                 padding-top:3em;                 color: {color:Quote Source};             }</p> <p>                div.post div.quote div.source a {                     color: {color:Quote Source};                 }</p> <p>        /* Link Post */         div.post div.link {         }             div.post div.link h2{                 border-top:1px solid {color:Content Decoration};                 padding:1.49em 0 0 40px;                 width:500px;</p> <p>                float:right;                 font-size:20pt;                 line-height:1.48;             }</p> <p>            div.post div.link a.link {                 color: {color:Link Post};                 text-decoration: none;                 border-bottom: dotted 1px {color:Link Post};             }</p> <p>            div.post div.link div.description {                 padding-top:3em;</p> <p>                color:{color:Description};                 font-size:10pt;                 line-height:3;             }</p> <p>            div.description blockquote {                 line-height:3.33;             }</p> <p>        /* Conversation Post */         div.post div.conversation h2{             border-top:1px solid {color:Content Decoration};             margin:0;             padding:1.5em 0 1.5em 40px;             width:500px;</p> <p>            background:{color:Content Background} none;             float:right;             font-size:20pt;             line-height:1.5;         }</p> <p>        div.post div.conversation ul {             line-height:1.5;             list-style-type: none;             padding: 3em 0 0 1px;             border-left: solid 5px {color:Conversation Border};         }</p> <p>            div.post div.conversation ul li {                 font-size: 12px;                 padding: 4px 0px 4px 8px;                 color: {color:Conversation Text};                 margin-bottom: 1px;             }</p> <p>                div.post div.conversation ul li span.label {                     font-weight: bold;                 }</p> <p>                div.post div.conversation ul li.odd {                     background-color: {color:Conversation Background 1};                 }</p> <p>                div.post div.conversation ul li.even {                     background-color: {color:Conversation Background 2};                 }</p> <p>        /* Video Post */         div.post div.video div.frame {             border-top:1px solid {color:Content Decoration};             padding:3em 0 3em 40px;             width:500px;</p> <p>            float:right;         }         div.post div.video div.caption {             padding-top:3em;</p> <p>            font-size:10pt;             line-height:3;             color:{color:Caption};         }</p> <p>        /* Audio Post */         .audio_player{             border-top:1px solid {color:Content Decoration};             height:3em;             padding:3em 0 3em 40px;             width:500px;</p> <p>            float:right;         }         .audio .caption{             padding-top:3em;             font-size:10pt;             line-height:3;             color:{color:Caption};         }</p> <p>	    #navigation {                 width:790px;</p> <p>                font-size: 10pt;                 font-weight: bold;                 line-height:1.5; 	    }</p> <p>                #navigation #prev{                     float:left;                 }                 #navigation #next{                     float:right;                 }</p> <p>	        #navigation a {                     color: {color:Inline Link}; 	        }</p> <p>	        #navigation a:hover { 	            text-decoration: underline; 	        }</p> <p>	    #footer {                 padding: 0 3em;                 background: {color:Content Decoration} none; 	        font-size: 10px; 	        color: {color:Footer}; 	    }</p> <p>	        #footer a { 	            color: {color:Footer}; 	        }</p> <p>        div.clear {             clear:both;         } 	 –></mce:style><style type=”text/css” mce_bogus=”1″>	    body {                 border-top:.5em solid {color:Title}; 	        margin:0;</p> <p>	        background: {color:Background}; 	        font: Normal 10pt/3 Futura,Twentieth Century,Century Gothic,Helvetica,sans-serif; 	        color: {color:Text}; 	    }</p> <p>	    #container { 	        padding: 3em; 	        background-color: {color:Content Background}; 	    }</p> <p>        img#rss {             width: 36px;             height: 19px;             border-width: 0px;             float: right;             margin-left: 30px;             margin-bottom: 10px;         }</p> <p>	    h1 { 	        margin: 0px 0px 10px 0px;                 width:500px;</p> <p>                color: {color:Title}; 	        font:normal 6em/1.6 “Liberation Serif”, “Times New Roman”, Times, serif;                 letter-spacing: -1px;                 position:relative;                 left:3.7em;                 top:1.3em; 	    }</p> <p>	    h1 a { 	        color: {color:Title};                 text-decoration: none;             }</p> <p>	    #description { 	        color: {color:Description}; 	        font-size: 11px; 	        line-height: 18px; 	        padding: 0 40px 0 0; 	        margin-bottom: 36px;                 width:250px; 	    }</p> <p>	    .date { 	        margin: 3em 0px 1.5em 0px;                 width:790px; 	        color: {color:Date};                 font:normal 10pt/1.5 Minion Pro,Minion,Garamond,serif; 	        text-align: right; 	        letter-spacing: .1em; 	        text-transform: uppercase; 	        border-bottom: solid 1px {color:Date}; 	    }</p> <p>	    div.post {                 margin-bottom: 6em;                 width:790px;</p> <p>                clear:both;                 position:relative;             }</p> <p>	    div.post a.permalink {                 float:left;                 font-size:8pt;                 line-height:3.75;             }</p> <p>        div.post h2 {             font:normal 10pt/3 Minion Pro,Minion,Garamond,serif;             letter-spacing:.1em;             color: {color:Post Title};             margin: 0 0 1.49em 0px;         }</p> <p>        div.post h2 a {             color: {color:Post Title};             text-decoration: none;         }</p> <p>        p{             margin:0 0 1.5em 0;         }         a {             color: {color:Inline Link};         }</p> <p>        blockquote {             border-left: 1px solid {color:Content Decoration};             margin:0 0 1.67em .8em;             padding:0 0 0 .8em;             font-size:.9em;             font-style: italic;             line-height:3.33;         }</p> <p>        /* Regular Post */         div.post div.regular {             background: {color:Content Background};             font: Normal 10pt/3 Futura,Twentieth Century,Century Gothic,Helvetica,sans-serif;         }</p> <p>            div.post div.regular h2{                 border-top:1px solid {color:Content Decoration};                 padding:1.49em 0 0 40px;                 width:500px;</p> <p>                float:right;                 font-size:20pt;                 line-height:1.48;             }             div.post div.regular div.regular-text{                 padding-top:3em;             }</p> <p>            div.post div.regular blockquote {                 border-left: 1px solid {color:Content Decoration};                 margin:0 0 1.67em .8em;                 padding:0 0 0 .8em;                 font-size:.9em;                 font-style: italic;                 line-height:3.33;             }</p> <p>        /* Photo Post */         div.post div.photo div.frame{             border-top:1px solid {color:Content Decoration};             padding:3em 0 3em 40px;             width:500px;             float:right;         }         div.post div.photo img {             border-width: 0px;         }</p> <p>        div.post div.photo div.caption {             padding-top:3em;</p> <p>            font-size:10pt;             line-height:3;             color: {color:Caption};         }</p> <p>        /* Quote Post */                     div.post div.quote div.the-quote {                 border-top:1px solid {color:Content Decoration};                 padding:1.5em 0 1.48em 40px;                 width:500px;</p> <p>                display:block;                 font-size: 20pt;                 float:right;                 line-height:1.5em;                 color: {color:Quote};             }             div.post div.quote:first-line{                text-transform:uppercase;             }</p> <p>                div.post div.quote div.the-quote big.quote {                     margin-bottom:-.5em;</p> <p>                    display:block;                     float:left;                     font: Bold 88pt/1 Georgia, serif;                     opacity: 0.4;                     -moz-opacity: 0.4;                     filter: alpha(opacity=40);                 }</p> <p>                    div.post div.quote div.the-quote big.quote a {                         text-decoration: none;                     }</p> <p>            div.post div.quote div.source {                 padding-top:3em;                 color: {color:Quote Source};             }</p> <p>                div.post div.quote div.source a {                     color: {color:Quote Source};                 }</p> <p>        /* Link Post */         div.post div.link {         }             div.post div.link h2{                 border-top:1px solid {color:Content Decoration};                 padding:1.49em 0 0 40px;                 width:500px;</p> <p>                float:right;                 font-size:20pt;                 line-height:1.48;             }</p> <p>            div.post div.link a.link {                 color: {color:Link Post};                 text-decoration: none;                 border-bottom: dotted 1px {color:Link Post};             }</p> <p>            div.post div.link div.description {                 padding-top:3em;</p> <p>                color:{color:Description};                 font-size:10pt;                 line-height:3;             }</p> <p>            div.description blockquote {                 line-height:3.33;             }</p> <p>        /* Conversation Post */         div.post div.conversation h2{             border-top:1px solid {color:Content Decoration};             margin:0;             padding:1.5em 0 1.5em 40px;             width:500px;</p> <p>            background:{color:Content Background} none;             float:right;             font-size:20pt;             line-height:1.5;         }</p> <p>        div.post div.conversation ul {             line-height:1.5;             list-style-type: none;             padding: 3em 0 0 1px;             border-left: solid 5px {color:Conversation Border};         }</p> <p>            div.post div.conversation ul li {                 font-size: 12px;                 padding: 4px 0px 4px 8px;                 color: {color:Conversation Text};                 margin-bottom: 1px;             }</p> <p>                div.post div.conversation ul li span.label {                     font-weight: bold;                 }</p> <p>                div.post div.conversation ul li.odd {                     background-color: {color:Conversation Background 1};                 }</p> <p>                div.post div.conversation ul li.even {                     background-color: {color:Conversation Background 2};                 }</p> <p>        /* Video Post */         div.post div.video div.frame {             border-top:1px solid {color:Content Decoration};             padding:3em 0 3em 40px;             width:500px;</p> <p>            float:right;         }         div.post div.video div.caption {             padding-top:3em;</p> <p>            font-size:10pt;             line-height:3;             color:{color:Caption};         }</p> <p>        /* Audio Post */         .audio_player{             border-top:1px solid {color:Content Decoration};             height:3em;             padding:3em 0 3em 40px;             width:500px;</p> <p>            float:right;         }         .audio .caption{             padding-top:3em;             font-size:10pt;             line-height:3;             color:{color:Caption};         }</p> <p>	    #navigation {                 width:790px;</p> <p>                font-size: 10pt;                 font-weight: bold;                 line-height:1.5; 	    }</p> <p>                #navigation #prev{                     float:left;                 }                 #navigation #next{                     float:right;                 }</p> <p>	        #navigation a {                     color: {color:Inline Link}; 	        }</p> <p>	        #navigation a:hover { 	            text-decoration: underline; 	        }</p> <p>	    #footer {                 padding: 0 3em;                 background: {color:Content Decoration} none; 	        font-size: 10px; 	        color: {color:Footer}; 	    }</p> <p>	        #footer a { 	            color: {color:Footer}; 	        }</p> <p>        div.clear {             clear:both;         } 	</style> <p>    <!–[if IE]></p> <mce:style type=”text/css”><!–             div.post div.quote span.quote big.quote {                 line-height: 40px;             }          –></mce:style><style type=”text/css” mce_bogus=”1″>            div.post div.quote span.quote big.quote {                 line-height: 40px;             }         </style> <p>    <![endif]–><br /> </head><br /> <body></p> <div id=”container”>         <a href=”/rss” mce_href=”/rss”></a></p> <h1>             <br />             <a href=”/” mce_href=”/”>{Title}</a><br />         </h1> <p>        {block:Description}</p> <div id=”description”>                 {Description}             </div> <p>        {/block:Description}</p> <p>        {block:Posts}<br />             {block:NewDayDate}</p> <div class=”date”>                     {ShortMonth} {DayOfMonthWithZero}                 </div> <p>            {/block:NewDayDate}</p> <div class=”post”>                 {block:Regular}</p> <div class=”regular”>                         {block:Title}<br /> <h2><a href=”{Permalink}” mce_href=”{Permalink}”>{Title}</a></h2> <p>{/block:Title}</p> <div class=”regular-text”>                             {Body}                         </div> </p></div> <div class=”clear”></div> <p>                {/block:Regular}</p> <p>                {block:Photo}</p> <div class=”photo”> <div class=”frame”>                             <br/>                         </div> <p>                        {block:Caption}</p> <div class=”caption”>{Caption}</div> <p>                        {/block:Caption}                     </p></div> <div class=”clear”></div> <p>                {/block:Photo}</p> <p>                {block:Audio}</p> <div class=”audio”>                         {AudioPlayerBlack}<br />                         {block:Caption} <div class=”caption”>{Caption}</div> <p>{/block:Caption}                     </p></div> <div class=”clear”></div> <p>                {/block:Audio}</p> <p>                {block:Quote}</p> <div class=”quote”> <div class=”the-quote”>                             <big class=”quote”><a href=”{Permalink}” mce_href=”{Permalink}”>“</a></big> {Quote}                         </div> <p>                        {block:Source} <div class=”source”>— {Source}</div> <p>{/block:Source}                     </p></div> <div class=”clear”></div> <p>                {/block:Quote}</p> <p>                {block:Link}</p> <div class=”link”> <h2><i>Link</i> ? <a href=”{URL}” mce_href=”{URL}” class=”link” {Target}>{Name}</a></h2> <p>                        {block:Description}</p> <div class=”description”>{Description}</div> <p>                        {/block:Description}                     </p></div> <div class=”clear”></div> <p>                {/block:Link}</p> <p>                {block:Conversation}</p> <div class=”conversation”>                         {block:Title}<br /> <h2><a href=”{Permalink}” mce_href=”{Permalink}”>{Title}</a></h2> <p>{/block:Title}</p> <ul>                             {block:Lines}</p> <li class=”{Alt}”>                                     {block:Label}<span class=”label”>{Label}</span>{/block:Label}<br />                                     {Line}                                 </li> <p>                            {/block:Lines}                         </ul> </p></div> <div class=”clear”></div> <p>                {/block:Conversation}</p> <p>                {block:Video}</p> <div class=”video”> <div class=”frame”>                             {Video-500}                         </div> <p>                        {block:Caption}</p> <div class=”caption”>{Caption}</div> <p>                        {/block:Caption}                     </p></div> <div class=”clear”></div> <p>                {/block:Video}</p> <div>                     <a class=”permalink” href=”{Permalink}” mce_href=”{Permalink}”>• Permalink</a>                 </div> </p></div> <p>        {/block:Posts}</p> <div id=”navigation”>             {block:PreviousPage}</p> <div id=”prev”>                     <a href=”{PreviousPage}” mce_href=”{PreviousPage}” title=”Previous Page”>? previous</a>                    </div> <p>            {/block:PreviousPage}</p> <p>            {block:NextPage}</p> <div id=”next”>                     <a href=”{NextPage}” mce_href=”{NextPage}” title=”Next Page”>next ?</a>                 </div> <p>            {/block:NextPage}</p></div> </p></div> <div id=”footer”>         Subscribe via <abbr title=”RSS?—?Rich Site Summary”><a href=”/rss” mce_href=”/rss” title=”RSS?—?Rich Site Summary”>RSS</a></abbr>.<br />         Powered by <a href=”http://www.tumblr.com/” mce_href=”http://www.tumblr.com/” title=”Tumblr”>Tumblr.</a><br />         <span class=”please-dont-delete-this” id=”attribution”><br />             <span xmlns:dc=”http://purl.org/dc/elements/1.1/” href=”http://purl.org/dc/dcmitype/InteractiveResource” mce_href=”http://purl.org/dc/dcmitype/InteractiveResource” property=”dc:title” rel=”dc:type”>Sucker Theme</span>, designed by<br />             <a xmlns:cc=”http://creativecommons.org/ns#” href=”http://revoltpuppy.com” mce_href=”http://revoltpuppy.com” property=”cc:attributionName” rel=”cc:attributionURL”>Ragdoll</a>, is licensed<br />             <a rel=”license” href=”http://creativecommons.org/licenses/by-nc-sa/3.0/us/” mce_href=”http://creativecommons.org/licenses/by-nc-sa/3.0/us/”><abbr title=”Creative Commons”>CC</abbr>:<abbr title=”Attribution”>BY</abbr>-<abbr title=”Non-commercial”>NC</abbr>-<abbr title=”Share-Alike”>SA</abbr></a>.<br />         </span>     </div> <p></body><br /> </html>