Advertisement
joshdevines

Theme #016

Feb 26th, 2013
1,846
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.07 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. <!-- #016/WESTARK; -->
  7.  
  8. <!-- DEFAULT VARIABLES -->
  9. <meta name="color:background" content="#FFFFF" />
  10. <meta name="color:text" content="#707070" />
  11. <meta name="color:entry" content="#FFFFFF" />
  12. <meta name="color:sidebar" content="#FFFFFF" />
  13. <meta name="color:link" content="#707070" />
  14. <meta name="color:linkblock" content="#696969" />
  15. <meta name="color:linkblock2" content="#EEEEEE" />
  16. <meta name="color:linkhover" content="#E9E7E6" />
  17. <meta name="color:scrollbar" content="#F3F2F1" />
  18. <meta name="color:scrollbg" content="#FCFCFC" />
  19.  
  20. <meta name="font:title" content="calibri" />
  21. <meta name="font:body" content="calibri" />
  22.  
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:background" content="" />
  25.  
  26. <!-- LINKS -->
  27. <meta name="text:link 1" content="link 1" />
  28. <meta name="text:link 1 url" content="/" />
  29. <meta name="text:link 2" content="link 2" />
  30. <meta name="text:link 2 url" content="/" />
  31. <meta name="text:link 3" content="link 3" />
  32. <meta name="text:link 3 url" content="/" />
  33. <meta name="text:link 4" content="link 4" />
  34. <meta name="text:link 4 url" content="/" />
  35.  
  36. <!-- IF SHOWS -->
  37. <meta name="if:Show Link1" content="1"/>
  38. <meta name="if:Show Link2" content="1"/>
  39. <meta name="if:Show Link3" content="1"/>
  40. <meta name="if:Show Link4" content="1"/>
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}" />
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  47.  
  48. <style type="text/css">
  49.  
  50. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scrollbg}}
  51. ::-webkit-scrollbar-corner {background:{color:scrollbg}}
  52. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  53. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:scrollbar}}
  54. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
  55. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
  56. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
  57. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  58. ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt}
  59.  
  60. body {color:{color:text}; background-color:{color:background}; background-image: url('http://static.tumblr.com/2hkfwta/1FBmf3btx/subtle-pattern-1.png'); background-attachment:fixed; font-family:arial; font-size:10px; line-height:100%; text-align:justify; font-style:normal}
  61.  
  62. a:link, a:active, a:visited {color: {color:link}; text-decoration:none;}
  63. a:hover {color:#000000;}
  64.  
  65. @font-face{font-family: WebSymbolsRegular; src: url(http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf);}
  66.  
  67. small{font-size:8px; text-transform:uppercase;; font-family:consolas}
  68. big{font-size:12px; color:#3e3d3d; text-transform:lowercase; font-style:italic}
  69. b, strong{color:{color:title}}
  70. i, em {}
  71. p{margin-top:5px; margin-bottom:5px}
  72. blockquote {padding-left:4px; margin:14px; line-height:80%; border-left:2px solid {color:link}; }
  73.  
  74. img a{border:none; width:100%}
  75.  
  76. 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}
  77. 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}
  78.  
  79. #sizer {background-color:#fff; width: 534px; height:670px; text-align: center; margin: -20px auto 10px 360px}
  80. #entries {margin-top:10px; margin-left:0px; text-align: justify; width:560px; background-color:{color:entry}; padding:10px; padding-top:40px}
  81. #entry {width: 500px; text-align: justify; padding: 8px; background-color:{color:entry}; opacity:1; margin-bottom:-20px; border-bottom:1px dashed {color:linkblock2}}
  82.  
  83. #sidebar {background-color:white; top:-6px; padding:0px; margin-left:535px; height:100%; padding-top:170px; width:100px; position:fixed; font-family:arial; border-left: 1px solid #f9f9f9}}
  84. #description {background-color:transparent; font-family:calibri; padding-top:1px; width:86px; margin-top:0px; margin-bottom:5px; line-height:80%; padding:7px; margin-left:0px; color:(color:text}}
  85. #description a {color:#fff}
  86. #description img {width:64px; padding:7px; background-color:#fff; margin-top:2px; margin-left:-1px; border:1px dashed {color:linkblock2}; border-radius:100px; padding-left:7px; padding-top:7px; padding-bottom:7px; padding-right:6px}
  87.  
  88. #texty {width:96px; margin-top:-1px; text-transform:lowercase; text-align:justify; letter-spacing:1px; font-style:; font-family: arial; font-size: 8px; opacity:1; line-height:120%; font-weight:; padding:2px; -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. #texty a{font-size:8px; 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;}
  90. #texty a:hover {text-decoration:underline; color:{color:link}; opacity:..8; -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;}
  91.  
  92. #textylinks {text-align:center; padding-top:px; padding-bottom:px; line-height:1px; font-family:arial; margin-left:px; margin-top:6px; text-transform:none; font-style:; padding:1px; opacity:.7}
  93. #textylinks a{display:block;padding:4px; width:90px; font-size:10px; 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; line-height:100%; border-bottom:1px solid #f9f9f9}
  94. #textylinks 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; }
  95.  
  96. #textytitle {text-align:left; font-size:16px; padding-bottom:3px; font-style:italic;}
  97.  
  98. #about {padding:3px; {color:linkblock}; border-bottom:1px solid #f9f9f9}
  99. #about a {color:{color:linkblock}}
  100.  
  101. #infotitle {font-size:15px; font-family:georgia; font-style:italic; border-bottom:1px dashed #f9f9f9; padding:3px; text-align:left}
  102.  
  103. #tptitle {padding:10px; background-color:{color:linkblock}; color:{color:linkblock2}; 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}
  104. #tptitle a {color:{color:linkblock2}}
  105. #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;}
  106.  
  107. #quotetitle {font-size:10px; padding:10px; background-color:{color:linkblock}; color:{color:linkblock2}; text-align:center; font-style:italic; letter-spacing:1px; text-transform:uppercase}
  108. #quoter {text-align:right; font-size:8px; text-transform:uppercase; letter-spacing:3px; padding:2px; color:{color:linkblock1}}
  109.  
  110. #info {width:auto; display:block; font-family:arial; text-align:left; letter-spacing:1px; padding:px; text-transform:uppercase; font-style:none; font-size:7px; opacity:1; margin-top:14px; line-height:80%; }
  111. #info 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;}
  112. #info a{width:102px; background-color:#fcfcfc; opacity:1; display:inline; padding:6px; -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; }
  113. #info 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}
  114.  
  115. #tags {width:480px; text-align:justify; ; margin-top:8px; letter-spacing:px; font-family:calibri; text-transform:uppercase; font-size:8px; margin-left:10px; -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;}
  116. #tags a {word-spacing:1px; -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; font-size:8px;}
  117. #tags a:hover {opacity:0; -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;}
  118.  
  119. #infospeech {position:absolute; margin-left:-30px; font-size:40px; margin-top:1px}
  120.  
  121. #questions {background-image: url('http://static.tumblr.com/2hkfwta/1FBmf3btx/subtle-pattern-1.png'); color: {color:linkblock}; padding:10px; margin-top: 2px; margin-bottom:0px; font-family:calibri; font-size:8px; text-align:left; letter-spacing:px; text-transform:uppercase; line-height:80%; }
  122. #questions a {color:{color:linkblock}}
  123. #answer {padding:4px; margin-bottom:-7px}
  124.  
  125. #audio {padding:20px; background-color:#fcfcfc}
  126. .audiobg {width:400px; background:white; padding:30px}
  127. .audiolinks {width:400px; display:block; background-color:#ffffff; margin-top:2px; margin-bottom:1px; padding:2px; border-left:3px solid gray; margin-left:53px}
  128. .audiolinksimg {float:left; margin-top:2px; margin-left:px}
  129. .audiolinksimg img {background-color:#f9f9f9; width:45px; height:45px; padding:1px; border:1px dashed #fff; border-radius:200px}
  130.  
  131. .user_1 .label {color:{color:link}; font-weight:bold}
  132. .user_2 .label {color:{color:text}; font-weight:bold}
  133. .user_3 .label {color:{color:link}; font-weight:bold}
  134. .user_4 .label {color:{color:text}; font-weight:bold}
  135. .user_5 .label {color:{color:link}; font-weight:bold}
  136. .user_6 .label {color:{color:text}; font-weight:bold}
  137. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  138.  
  139. .notes img{width:10px; position:relative; top:1px}
  140. ol.notes, .notes li{width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px}
  141.  
  142. .symbols{font-family: WebSymbolsRegular; font-style:none}
  143.  
  144. #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;}
  145. #cred a {display:block; padding:9px; background-color:#fff; color:{color:link}}
  146. #cred a:hover {opacity:0; -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.  
  148. </style>
  149. <style type="text/css">{CustomCSS}</style>
  150. </head>
  151.  
  152. <body onkeydown="return false">
  153.  
  154. <div id="sizer">
  155. <div id="sidebar">
  156. <div id="description"><center><img src="{image:sidebar}"></center></div>
  157. <div id="textylinks">
  158. <a href="/">Refresh</a><br>
  159. <a href="/ask">Askbox</a><br>
  160. <a href="/archive">History</a><br>
  161. {Block:ifShowLink1}<a href="{text:link 1 url}">{text:link 1}</a><br>{/Block:ifShowLink1}
  162. {Block:ifShowLink2}<a href="{text:link 2 url}">{text:link 2}</a><br>{/Block:ifShowLink2}
  163. {Block:ifShowLink3}<a href="{text:link 3 url}">{text:link 3}</a> <br>{/Block:ifShowLink3}
  164. {Block:ifShowLink4}<a href="{text:link 4 url}">{text:link 4}</a><br>{/Block:ifShowLink4}
  165. </div>
  166. <div id="texty"><div id="about">{Description}</div></div>
  167. <div id="textylinks">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Return</a>{/block:PreviousPage}<br>{/block:Pagination}
  168. {block:Pagination}{block:NextPage}<a href="{NextPage}">Forward</a>{/block:NextPage}{/block:Pagination}{/block:Pagination}
  169. </div>
  170.  
  171. </div>
  172.  
  173.  
  174. <div id="entries">
  175. {block:Posts}
  176. <div id="entry">
  177.  
  178. {block:Text}{block:Title}<div id="tptitle">{Title}</div>{/block:Title}{Body}{/block:Text}
  179.  
  180. {block:Quote}<div id="quotetitle">“{Quote}”</div> <div id="quoter">— {Source}</div>{/block:Quote}
  181.  
  182. {block:Link}<a href="{URL}"><div id="tptitle">{Name}</div></a>
  183. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  184.  
  185. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  186. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  187.  
  188. {block:Photoset}<center>{Photoset-500}</center>
  189. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  190.  
  191. {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}
  192.  
  193. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  194.  
  195. {block:Answer}<div id="questions"><b>{asker}</b>: {Question}</div>
  196. <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. {block:ContentSource}(Source: <a href="{SourceURL}">{SourceLink}</a>{block:RebloggedFrom},&nbsp;via:<a href="{ReblogParentURL}"> {ReblogParentName}</a>{/block:RebloggedFrom}){/block:ContentSource}
  201. <div id="info">{block:Date}<a href="{Permalink}">{dayofmonthwithzero}/{MonthNumberWithZero}/{year} at {24HourWithZero}:{Minutes}:{seconds}</a>{/block:Date}{block:NoteCount} ft. {NoteCount} notes </a>{/block:NoteCount} <a href="{ReblogURL}" target="_blank"><span class="symbols" style="font-size:9px; ">J</span></a></div>
  202. <div id="tags">{block:HasTags}{block:Tags}<span class="symbols" style="font-size:8px;">+</span><a href="{TagURL}"> {Tag}, </a>{/block:Tags}{/block:HasTags}</span></div></div><br><br><br><br>{/block:Posts}
  203.  
  204. <div id="notes">{block:PostNotes}{PostNotes}</div>{/block:PostNotes}<br></div>
  205.  
  206. <div id="cred"><a href="http://westark.tumblr.com">WS</a></div>
  207.  
  208. </body>
  209.  
  210. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement