Advertisement
joshdevines

Theme #018

Mar 30th, 2013
5,061
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.51 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2.  
  3. <head>
  4.  
  5.  
  6. <!-- #018/WESTARK;
  7. do not steal or claim this code as your own plsnfuqu -->
  8.  
  9. <!-- DEFAULT VARIABLES -->
  10. <meta name="color:background" content="#FFFFFF" />
  11. <meta name="color:text" content="##5E5E5E" />
  12. <meta name="color:entry" content="#FFFFFF" />
  13. <meta name="color:sidebar" content="#FFFFFF" />
  14. <meta name="color:link" content="#727272" />
  15. <meta name="color:linkhover" content="#FCFCFC" />
  16. <meta name="color:scrollbar" content="#F3F2F1" />
  17. <meta name="color:scrollbg" content="#FFFFFF" />
  18.  
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="image:background" content="" />
  21.  
  22. <!-- LINKS -->
  23. <meta name="text:link 1" content="link 1" />
  24. <meta name="text:link 1 url" content="/" />
  25. <meta name="text:link 2" content="link 2" />
  26. <meta name="text:link 2 url" content="/" />
  27. <meta name="text:link 3" content="link 3" />
  28. <meta name="text:link 3 url" content="/" />
  29. <meta name="text:link 4" content="link 4" />
  30. <meta name="text:link 4 url" content="/" />
  31.  
  32. <!-- IF SHOWS -->
  33. <meta name="if:Show Link1" content="1"/>
  34. <meta name="if:Show Link2" content="1"/>
  35. <meta name="if:Show Link3" content="1"/>
  36. <meta name="if:Show Link4" content="1"/>
  37. <meta name="if:Show Title" content="1"/>
  38.  
  39. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  40. <title>{Title}</title>
  41. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  42. <link rel="shortcut icon" href="{Favicon}" />
  43. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  44.  
  45. <style type="text/css">
  46.  
  47. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
  48. ::-webkit-scrollbar-corner {background:{color:scrollbg}}
  49. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  50. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
  51. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
  52. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
  53. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
  54. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  55. ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4px}
  56.  
  57. body {color:{color:text}; background-color:{color:background}; background-attachment:fixed; font-family:calibri; font-size:10px; line-height:100%; text-align:justify; font-style:normal}
  58.  
  59. a:link, a:active, a:visited {color: {color:link}; text-decoration:none;}
  60. a:hover {color:#000000;}
  61.  
  62. small{font-size:10px;}
  63. big{font-size:14px;}
  64. b, strong{}
  65. i, em{}
  66. p{margin-top:5px; margin-bottom:5px}
  67. blockquote {margin:5px; background:#fff; padding:6px; }
  68.  
  69. img a{border:none; width:100%}
  70.  
  71. h1{color:{color:text}; font-family:cambria; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; text-align:left}
  72. h2{color:{color:title}; font-family:{font:title}; font-size:12px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  73.  
  74. #sizer {width: 534px; height:670px; text-align: center; margin: -20px auto 10px 360px}
  75. #entries {margin:30px; text-align: justify; width:560px; padding:10px;}
  76. #entry {background:white; width: 500px; text-align: justify; padding: 8px; opacity:1; margin-bottom:50px;}
  77.  
  78. #sidebar {top:-100px; margin-left:-755px; width:120px; height:100%; padding-left:500px; padding-top:130px; position:fixed; font-family:arial;}
  79.  
  80. .links {width:220px; margin-top:10px; margin-left:-12px; text-align:center; font-family:georgia; color:{color:link}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; padding-bottom:9px}
  81. .links a {-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; text-decoration:underline}
  82. .links a:hover {-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; opacity:0;}
  83.  
  84. #texty {position:absolute; margin-left:0px; width:206px; margin-top:30px; text-transform:none; text-align:center; letter-spacing:px; font-family:times; font-size: 11px; opacity:1; padding:18px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  85. #texty a{font-size:9px; padding:1px; opacity:1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; text-align:center}
  86.  
  87. #pagination {width:106px; margin-left:50px; background:white; padding:5px; text-align:center; padding-top:px; padding-bottom:px; line-height:6px; font-family:georgia; margin-left:px; margin-top:6px; text-transform:none; opacity:.9; font-size:10px; font-style:none}
  88. #pagination a{color:{color:link}; margin-bottom:3px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  89. #pagination a:hover {opacity:0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  90.  
  91. #textytitle {text-align:left; font-size:16px; padding-bottom:3px; font-style:italic;}
  92.  
  93. #about {margin-left:px; background:white; width:200px; margin-top:10px; padding:8px; line-height:100%; {color:linkblock}; text-align:center }
  94. #about a {color:{color:linkblock}}
  95. #about a:hover {opacity:0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  96. #about img {width:170px; border:1px solid #f9f9f9; padding:3px; border-radius:100%;}
  97. #sidebar:hover .addy {opacity:1}
  98.  
  99. #infotitle {font-size:15px; font-family:georgia; font-style:italic; border-bottom:1px dashed #f9f9f9; padding:3px; text-align:left}
  100.  
  101. #tptitle {padding:10px; background-color:#fcfcfc; color:{color:link}; text-align:center; font-size:13px; text-transform:lowercase; font-style:italic; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; border-bottom: 1px dashed #fdfdfd}
  102. #tptitle a {color:{color:linkblock2}}
  103. #tptitle a:hover {color:{color:linkblock}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  104.  
  105. #quotetitle {font-size:10px; padding:10px; background-color:#fcfcfc; color:{color:link}; text-align:center; font-style:italic; letter-spacing:1px; text-transform:uppercase}
  106. #quoter {text-align:right; font-size:8px; text-transform:uppercase; letter-spacing:3px; padding:2px; color:{color:linkblock1}}
  107.  
  108. #info {text-align:center; width:500px; border-bottom:1px solid #f9f9f9; font-family:georgia; text-transform:lowercase; font-size:9px; padding-top:8px; padding-bottom:5px; opacity:1; margin-bottom:12px; line-height:100%; color:{color:link}}
  109. #info2 {text-align:center; width:500px; background:#f9f9f9; font-family:georgia; text-transform:lowercase; font-size:9px; padding-top:5px; padding-bottom:4px; opacity:1; margin-top:12px; line-height:100%; color:{color:link}}
  110. #info2 a:hover {opacity:1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  111. #info2 a{width:102px; opacity:1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  112.  
  113. .tags {backgroundwidth:490px; font-family:georgia; font-size:9px; text-align:center; text-transform:lowercase}
  114.  
  115. #questions {background-color:#fcfcfc; width:470px; padding:15px; font-family:calibri; font-size:8px; line-height:80%; text-align:center; text-transform:uppercase; color:{color:scrollbar}; padding:px; border-bottom:1px solid #f9f9f9}
  116. #questions a {color:#fff}
  117. #asker {font-family:calibri; width:490px; font-size:8px; text-transform:uppercase; background-color:{color:scrollbar}; color:white; text-align:center; color:white; padding:5px; }
  118. #asker a {color:#fff}
  119. #answer {padding:4px;}
  120.  
  121. #title {width:461px; text-align:center; margin-top:80px; padding:20px; margin-left:8px; margin-bottom:40px; color:{color:text}; font-family:georgia; font-size:21px; line-height:70%; background:#f9f9f9}
  122.  
  123. #entryads {margin-left:0px; width:506px; padding:5px; margin-top:-40px; background:white; text-align:center;}
  124.  
  125. #notes {margin-left:0px;}
  126. #psdworld {margin-top:px; margin-left:12px}
  127.  
  128. #audio {padding:20px; background-color:#fcfcfc}
  129. .audiobg {width:400px; background:white; padding:30px}
  130. .audiolinks {width:400px; display:block; background-color:#ffffff; margin-top:2px; margin-bottom:1px; padding:2px; border-left:3px solid gray; margin-left:53px}
  131. .audiolinksimg {float:left; margin-top:2px; margin-left:px}
  132. .audiolinksimg img {background-color:#f9f9f9; width:45px; height:45px; padding:1px; border:1px dashed #fff; border-radius:200px}
  133.  
  134. .user_1 .label {background-color:#fcfcfc; color:{color:link}; padding:1px}
  135. .user_2 .label {background-color:{color:link}; color:#fcfcfc; padding:1px}
  136. .user_3 .label {background-color:#fcfcfc; color:{color:link}; padding:1px}
  137. .user_4 .label {background-color:#fcfcfc; color:{color:link}; padding:1px}
  138. .user_5 .label {background-color:#fcfcfc; color:{color:link}; padding:1px}
  139. .user_6 .label {background-color:#fcfcfc; color:{color:link}; padding:1px}
  140. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:4px; line-height:130%}
  141.  
  142. .notes img{width:10px; position:relative; top:1px}
  143.  
  144. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  145.  
  146. #cred {position:fixed; font-family:calibri; font-size:9px; text-transform:uppercase; bottom:13px; right:13px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
  147. #cred a {border-radius:100%; border:1px solid #f9f9f9; display:block; padding:9px; background-color:#fcfcfc; color:{color:link}}
  148. #cred a:hover {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border:1px solid {color:link}; }
  149.  
  150. </style>
  151. <style type="text/css">{CustomCSS}</style>
  152. </head>
  153.  
  154.  
  155. <div id="sizer">
  156. <div id="sidebar">
  157. <div id="texty">
  158. <div id="about">
  159. <center><img src="{image:sidebar}"></center>
  160. <div class="links">
  161. <a href="/">home</a>
  162. <a href="/ask">post</a>
  163. {Block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a>{/Block:ifShowLink1}
  164. {Block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a>{/Block:ifShowLink2}
  165. {Block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a>{/Block:ifShowLink3}
  166. {Block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a>{/Block:ifShowLink4}
  167. </div>
  168. {Description}</div><div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">newer</a>{/block:PreviousPage} {/block:Pagination}{block:Pagination} — {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}{/block:Pagination}{/block:Pagination}
  169. </div></div></div>
  170.  
  171.  
  172. <div id="entries">
  173. {Block:ifShowTitle}<div id="title"><b><i>{title}</b></i></div>{/Block:ifShowTitle}
  174. {block:Posts}
  175. <div id="entry">
  176.  
  177. <div id="info">{block:Date}<a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix}, {DayOfWeek}</a> -- {TimeAgo}{/block:Date}{block:NoteCount}, with {NoteCount} notes{block:ContentSource} — ©<a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{block:RebloggedFrom} @<a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} </a>{/block:NoteCount} <a href="{ReblogURL}" target="_blank">/ Reblog!</a></div>
  178.  
  179. {block:Text}{block:Title}<div id="tptitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  180.  
  181. {block:Quote}<div id="quotetitle">“{Quote}”</div> <div id="quoter">— {Source}</div>{/block:Quote}
  182.  
  183. {block:Link}<a href="{URL}"><div id="tptitle">{Name}</div></a>
  184. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  185.  
  186. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  187. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  188.  
  189. {block:Photoset}<center>{Photoset-500}</center>
  190. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  191.  
  192. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  193.  
  194. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  195.  
  196. {block:Answer}<div id="asker">{asker}</div><div id="questions">{Question}</div><div id="answer">{Answer}</div>{/block:answer}
  197.  
  198. {block:Audio}<div id="audio"><div class="audiobg"><center>{AudioPlayerWhite}</center></div>{block:Artist}{block:AlbumArt}<div class="audiolinksimg"><img src="{AlbumArtURL}" align="left" style="margin-right:10px"/></div>{/block:AlbumArt}<div class="audiolinks"><u>Artist</u>: <b>{Artist}</b></div>{/block:Artist}{block:TrackName}<div class="audiolinks"><u>Track</u>: <b>{TrackName}</b></div>{/block:TrackName}<div class="audiolinks"><u>Played</u>: <b>{playcount}</b> times.</div></div>{Caption}{/block:Audio}
  199.  
  200. <div id="info2"><div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div>{/block:Posts}
  201.  
  202.  
  203. <div id="notes">{block:PostNotes}{PostNotes}</div>{/block:PostNotes}<br>
  204.  
  205. </div>
  206.  
  207. <div id="cred"><a href="http://westark.tumblr.com">WS</a></div>
  208.  
  209. </body>
  210.  
  211. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement