Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme two

By: onesdirection on Jul 23rd, 2012  |  syntax: None  |  size: 11.68 KB  |  hits: 86  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. THEME 02 BY ONESDIRECTION |
  3. please don't copy and redistribute as your
  4. own and please leave the credit, thanks!
  5. !-->
  6.  
  7. <html>
  8.     <head>
  9.         <title>{Title}</title>
  10.         <link rel="shortcut icon" href="{Favicon}">
  11.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.         {block:Description}
  13.             <meta name="description" content="{MetaDescription}" />
  14.         {/block:Description}
  15.     </head>
  16.  
  17.  
  18.  <meta name="color:Background" content="#fafaf2"/>
  19.         <meta name="color:pagination" content="#fafaf2"/>
  20.         <meta name="color:Body" content="#e6e2df"/>
  21.         <meta name="color:Box" content="#e0e4cf"/>
  22.         <meta name="color:description" content="#63a7a3"/>
  23.         <meta name="color:info" content="#eee9db"/>
  24.         <meta name="color:Title" content="#bdb5ac"/>
  25.         <meta name="color:Border" content="#eee9db"/>
  26.         <meta name="color:Link" content="#afa9ab"/>
  27.         <meta name="color:Link Hover" content="#e6dedf"/>
  28.         <meta name="color:Scrollbar" content="#eee9db"/>
  29.         <meta name="color:HoverBg" content="#FFFFFF"/>
  30.         <meta name="color:Link1" content="#c9c7c7"/>
  31.         <meta name="color:Link2" content="#63a7a3"/>
  32.         <meta name="color:Link3" content="#c5caae"/>
  33.         <meta name="color:Link4" content="#e9dc95"/>
  34.  
  35.  
  36.  
  37. <meta name="image:Background" content=""/>
  38. <meta name="image:Sidebar" content=""/>
  39.  
  40.         <meta name="text:Link1" content="/" />
  41.         <meta name="text:Link1 Title" content="link 1" />
  42.         <meta name="text:Link2" content="/" />
  43.         <meta name="text:Link2 Title" content="link 2" />
  44.        
  45.  
  46.    
  47.        
  48. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  51.  
  52.  <link href='http://fonts.googleapis.com/css?family=Crushed' rel='stylesheet' type='text/css'>
  53.  
  54.  
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  56. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  57. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58. <link rel="shortcut icon" href="{Favicon}" />
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  60.  
  61. <style type="text/css">
  62.  
  63. ::-webkit-scrollbar{height: 7px; width: 7px; -webkit-border-radius: 0px; background-color:{color:background};}
  64. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  65. ::-webkit-scrollbar-track{background-color:{color:background};}
  66.  
  67. body {
  68. color:{color:body};
  69. background-color:{color:background};
  70. background-image: url('{image:background}');
  71. background-position: center;
  72. background-attachment:fixed;
  73. background-repeat:yes-repeat;
  74. font-size:10px;
  75. font-family:couriernew;
  76. line-height:110%;
  77. text-align:justify}
  78.  
  79. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  80.  
  81. a:hover {
  82. color:{color:link hover};{block:if3DEffect}text-shadow:1px 0 0 rgba(244,0,0,0.2), -2px 0 0 rgba(0,244,0,0.2);{/block:if3DEffect}-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  83.  
  84. #content {margin-left:400px; margin-top:45px; width:510px}
  85.  
  86. #posts{background-color: {color:background}; margin-bottom:10px;overflow:hidden;
  87. padding:5px;
  88. -webkit-transition: all 0.7s
  89. ease-out;-moz-transition: all 0.7s ease-out;
  90. transition: all 0.7s ease-out}
  91.  
  92.  
  93. #pagination {padding:3px;text-align:center; font: 10px georgia; text-transform:lowercase;}
  94. #pagination a{color:{color:text}; font: 10px trebuchet ms;}
  95.  
  96. #title{color:{color:title}; font-family:'Courier New', cursive; font-size:0px; letter-spacing:0px; text-align:center; margin-top:20px; margin-bottom:0px; width:200px;}
  97.  
  98. #sidebarimage {margin:0px 0 7px 0; text-align:center;}
  99. #sidebarimage img {margin-top:-20px; max-width:200px; max-height:222px; text-align:center; border:7px solid {color:border};}
  100. #sidebar {position:fixed; margin-top:100px; right:80px; width:240px;}
  101.  
  102. #navigation {position:absolute; margin-top:-25px; width:240px; margin-left: 9px; text-align:center;}
  103.  
  104. #link1 {width:11px; height:10px; padding-top:10px; float:left; display:block; overflow:hidden; color:#fff; background:{color:link1}; border-radius:0px 0px 0px 0px;}
  105. #link1:hover {background:{color:link 1}; color:{color:background};}
  106.  
  107. #link2 {width:11px; height:10px; padding-top:10px; float:left; display:block; overflow:hidden; color:#fff; background:{color:link2};}
  108. #link2:hover {background:{color:link 2}; color:{color:background};}
  109.  
  110. #link3 {width:11px; height:10px; padding-top:10px; float:left; display:block; overflow:hidden;
  111. color:#fff; background:{color:link3};}
  112. #link3:hover {background:{color:link 3}; color:{color:background};}
  113.  
  114. #link4 {width:12px; height:10px; padding-top:10px; float:left; display:block; overflow:hidden;
  115. color:#fff; background:{color:link4}; border-radius:0px 0px 0px 0px}
  116. #link4:hover {background:{color:link 4}; color:{color:background};}
  117.  
  118. #description{margin-top:0px;margin-left:0px;width:223px;background-color:{color:description};-moz-border-radius: 10px;border-radius: 0px;margin-bottom: 5px;}  
  119.  
  120.  
  121. #linkage{margin-top:-9px; margin-left:-30px; width:222px;}
  122.  
  123. #linkage a{width:40px; font-family:courier new; font-size:11px; line-height:10px; overflow:hidden; display: list-item; text-align:center; font-style:courier new; letter-spacing:0px; padding:6px; text-transform:uppercase; margin-right:5px; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  124.  
  125. #linkage a:hover {border-bottom:1px solid {color:Underline Hover}; opacity:100%;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  126.  
  127. #nav {position:fixed; margin-left:60px;margin-top:150px;}
  128.  
  129.  
  130. h1{ color:{color:body}; font-family:calibri; font-size:16px; line-height:17px; letter-spacing:0px; font-style:italic; margin:0px; padding:0px; text-align:left; text-transform: lowercase;}
  131.  
  132. h2{ color:{color:body}; font-family:calibri; font-size:13px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; font-style: italic; text-align:left; text-transform: lowercase;}
  133.  
  134.  
  135. #info {background-color:{color:none}; font-family:{font:info}; font-size:10px; text-transform: lowercase; font-style: arial; color:{color:body}; letter-spacing:1px; padding:5px; margin-top:-13px; border-top:1.5px solid {color:info}}
  136.  
  137. #tags {text-align:right; font-family:{font:info}; font-size:10px; text-transform: lowercase; font-style: arial; color:{color:body}; letter-spacing:1px; padding:2px;}
  138.  
  139. .audio{padding:5px 5px 1px 1px;}
  140. .player{background-color:White; padding:3px;}
  141. .alabel{text-align:center;}
  142.  
  143. #cred {font-size:9px; letter-spacing:1px; opacity:0.8; text-transform:uppercase; bottom:10px; right:10px; position:fixed;}
  144.  
  145. #asker {margin-left:70px;text-align:center; text-transform:lowercase; color:{color:text};}
  146.  
  147.  
  148. #question {background-color:{color:box};font-size: 10px;line-height:90%;
  149. color: {color:pagination};  margin: 0 0 11px 0; padding: 15px; position: relative;}
  150.  
  151. #box {width: 12px; height: 6px; font-size:30px; font-family:calibri; position: absolute;
  152. color:{color:box}; bottom: -1.5px; left: 230px;}
  153.  
  154. #answer {color:{color:text};}
  155.  
  156. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  157. blockquote img, blockquote a img {max-width: 490px}
  158.  
  159. b, strong{color:{color:bold};}
  160. i, em {color:{color:italic};}
  161. p{margin-top:3px; margin-bottom:3px}
  162.  
  163. img a{border:none}
  164.  
  165. #_ {padding:10px 10px 5px 10px}
  166. .qu {font-family:Calibri; font-size:40px; font-weight:bold;  line-height:33px; opacity:0.7}
  167. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  168.  
  169. .user_1 .label {color:{color:Body text}; font-weight:bold}
  170. .user_2 .label {color:{color:Scrollbar}; font-weight:bold}
  171. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  172.  
  173. #notes {font-weight:normal}
  174. #notes li {padding-bottom:0.5em}
  175. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:50px}
  176.  
  177. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  178.  
  179.  
  180.  
  181. </style>
  182. <style type="text/css">{CustomCSS}</style>
  183. </head>
  184.  
  185. <body>
  186.  
  187.  
  188.  <div id="nav">
  189.  
  190. <div id="linkage">
  191.  
  192.  
  193.  
  194.  
  195. <div id="sidebar">
  196. <center><div id="title">{Title}</div></center>
  197. <center><div id="sidebarimage"><img src="{image:Sidebar}"/></div></center>
  198. <br><br>
  199.  
  200. <div id="navigation">
  201. <a href="/" id="link1">HOME</a>
  202. <a href="/ask" id="link2">ASKBOX</a>
  203. <a href="{text:link3}" id="link3">{text:link1 title}</a>
  204. <a href="{text:link4}" id="link4">{text:link2 title}</a>
  205.  
  206.  
  207. <br><br>
  208. <div id="description">
  209. {block:Description}{Description}{/block:Description}<br><br></div>
  210. <br><div id="pagination">{block:Pagination}
  211. {block:PreviousPage}
  212. <a href="{PreviousPage}">←</a>
  213. {/block:PreviousPage}
  214.  
  215. {block:NextPage}
  216. <a href="{NextPage}">→</a>
  217. {/block:NextPage}
  218. {/block:Pagination}</div></div>
  219. </div></div><br>
  220. </div></div>
  221.  
  222.  
  223. </div>
  224.  
  225. <div id="cred"><a href="http://onesdirection.tumblr.com/">onesdirection</a></div>
  226. <br>
  227.  
  228. <div id="content">
  229. {block:Posts}
  230. <div id="posts">
  231.  
  232. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  233. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  234. {block:Text}{Body}{/block:Text}
  235.  
  236. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  237. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  238.  
  239. {block:Answer}
  240. <div id="question">
  241. <br>
  242. <div id="box">◥</div>
  243. {Question}
  244. <br>
  245. <br>
  246. </div>
  247. <div id="asker">{Asker}</div>
  248. <div id="answer">{Answer}</div>
  249. {/block:answer}
  250.  
  251. {block:Photo}<div id="posts"><a href="{permalink}"><div class="posts"><img src="{PhotoURL-500}" width="500px"/></a>{block:IndexPage}<div id="photobox"> <a href="{ReblogURL}" target="_blank"><font color={color:Body text}></font></a></div>{/block:IndexPage}</div></div>
  252. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  253.  
  254. {block:Photoset}<center>{Photoset-500}</center>
  255. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  256.  
  257. {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}
  258.  
  259. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  260.  
  261. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  262. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  263. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  264. {block:ExternalAudio}<b>Download:</b> <a href="{ExternalAudioURL}">click here</a><br />{/block:ExternalAudio}<b>Played:</b> {PlayCount} times
  265. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}<br><br>
  266.  
  267. <div id="info">
  268. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} with {block:NoteCount} <a href="{Permalink}" {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a>{block:RebloggedFrom}<br>{block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>
  269. {/block:ContentSource} - via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div>
  270. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  271. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  272.  
  273.  
  274. {/block:Posts}
  275.  
  276.  
  277. {/block:Posts}
  278.  
  279. </div>
  280.  
  281. </body>
  282. </html>
create a new version of this paste RAW Paste Data