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

Theme 2 - Phenomenal

By: illusi0ne on Apr 12th, 2012  |  syntax: None  |  size: 14.35 KB  |  hits: 4,528  |  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 by strawbharry.
  3. Do not remove credit or ill track you down and report you
  4. -->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7. <head>
  8.  
  9. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <link rel="shortcut icon" href="{Favicon}" />
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13.  
  14.  
  15. <meta name="color:text" content="#C5B09A"/>
  16. <meta name="color:link" content="#E69E7f"/>
  17. <meta name="color:info" content="#FFFFFF" />
  18. <meta name="color:scrollbg" content="#fffdf0" />
  19. <meta name="color:scrollbar" content="#D4CABE" />
  20. <meta name="color:link Hover" content="#FFFFFF"/>
  21. <meta name="color:pagination" content="#97cacf" />
  22. <meta name="color:title shadow" content="#5f5b5b"/>
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:background" content=""/>
  25. <meta name="color:bg" content ="#FFFFFF"/>
  26. <meta name="if:title shadow" content="1"/>
  27. <meta name="if:fading images" content="1"/>
  28. <meta name="text:link1" content="link 1" />
  29. <meta name="text:link1 url" content="/" />
  30. <meta name="text:link2" content="link 2" />
  31. <meta name="text:link2 url" content="/" />
  32. <meta name="text:link3" content="link 3" />
  33. <meta name="text:link3 url" content="/" />
  34. <meta name="text:link4" content="link 4" />
  35. <meta name="text:link4 url" content="/" />
  36. <meta name="text:link5" content="link 5" />
  37. <meta name="text:link5 url" content="/" />
  38.  
  39.  
  40. <style type="text/css">
  41. {block:iffadingimages}img{
  42. -webkit-transition: opacity 0.8s linear;
  43. opacity: 0.80;
  44. }
  45. img:hover{
  46. -webkit-transition: opacity 0.8s linear;
  47. opacity: 1;
  48. }
  49. {/block:iffadingimages}
  50.  
  51.  
  52. ::-webkit-scrollbar {width: 5px; height:auto; background:{color:scrollbg}}
  53.  
  54. ::-webkit-scrollbar-corner {background:{color:scrollbg}}
  55.  
  56. ::-webkit-scrollbar-button:vertical {height:0px; display: block; background:{color:scrollbar}}
  57.  
  58. ::-webkit-scrollbar-button:horizontal {width: 0px; height: 0px; display: block; background:{color:scrollbar}}
  59.  
  60. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:scrollbg}; border-bottom: 1px solid {color:scrollbg}}
  61.  
  62. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:scrollbg}}
  63.  
  64. ::-webkit-scrollbar-thumb {background: {color:scrollbar}; border-top: 0pt solid {color:scrollbg}; border-bottom: 0pt solid {color:scrollbg}}
  65.  
  66. ::-webkit-scrollbar-thumb:hover {background: {color:scrollbar}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  67.  
  68. ::-webkit-scrollbar-track-piece {background: {color:scrollbg}; border-top: 1pt solid {color:scrollbg}; border-bottom: 1pt solid {color:scrollbg}; width:4pt}
  69.  
  70.  
  71.  
  72. body {
  73. background-attachment:fixed;
  74. background-color:{color:bg};
  75. background-image: ('{image:Background}');
  76. background-repeat:tiled;
  77. background-position:fixed;
  78. text-align:justify;
  79. font-family:georgia; color: {color:text};
  80. font-size: 9px;
  81. line-spacing:0px;
  82. line-height:110%;}
  83.  
  84. a:link, a:active, a:visited{color:{color:Link}; text-decoration:none; -webkit-transition: all 0.6s ease-out;}
  85.  
  86. a:hover{color:{color:Link Hover};}
  87.  
  88. blockquote {text-align:left; padding-left:10px; margin:5px; border-left:3px solid black;}
  89. blockquote img{max-width:200px;}
  90.  
  91. #content {
  92. margin:auto;
  93. width:510px;
  94. margin-left:490px;
  95. margin-top:70px;
  96. background-color:{color:bg};
  97. margin-bottom:-60px;}
  98.  
  99. h3{
  100. text-align:center;
  101. font-family: 'georgia', sans-serif;
  102. font-style: normal;
  103. font-weight: 400;
  104. font-size: 16px;
  105. text-transform: none;
  106. text-decoration: none;
  107. letter-spacing: -0.05em;
  108. word-spacing: -0.02em;
  109. line-height: 1;}
  110.  
  111. #questions {background-color:{color:bgquestion};
  112. color: {color:text};
  113. padding:8px;
  114. margin-bottom:0px;
  115. font-size:10px;
  116. text-align:left;
  117. font-family:{font:text};
  118. }
  119.  
  120. #questions a {color:{color:link}}
  121.  
  122.  
  123. #supbianca
  124. {width:250px;
  125. position:fixed;
  126. overflow:hidden;
  127. z-index:1000;
  128. left:150px;
  129. top:100px;
  130. }
  131.  
  132.  
  133. #image
  134. img{
  135. text-align:center;
  136. margin-bottom:8px;
  137. max-width:260px;
  138. height:auto;
  139. }
  140.  
  141.  
  142. .quote {-webkit-transition: all 0.6s ease-out;
  143. font-family: ' font-family: 'georgia', sans-serif;';
  144. font-style: normal;
  145. font-weight: 400;
  146. font-size: 13px;
  147. text-transform: none;
  148. text-decoration: none;
  149. letter-spacing: -0.05em;
  150. word-spacing: -0.02em;
  151. line-height: 1.14;}
  152.  
  153. .source {font-family: 'trebuchet ms', sans-serif;
  154. font-style: normal;font-weight: 400;
  155. font-size: 10px;
  156. text-transform: lowercase;
  157. text-decoration: none;letter-spacing: 0.113em;
  158. word-spacing: 0.267em;
  159. line-height: 1.4;
  160. text-align:right;
  161. margin-bottom:5px;}
  162. .source a{opacity:.5; -webkit-transition: all 0.6s ease-out;}
  163. .source a:hover{opacity:1;}
  164.  
  165.  
  166. .notes img a{
  167. border: 0px;
  168. }
  169.  
  170. .notes li {
  171. list-style-type: none;
  172. }
  173.  
  174. .postinfo {
  175. height:auto;
  176. weight:500px;
  177. background-color:{color:info};
  178. font-family: 'georgia', sans-serif;
  179. text-transform: none;
  180. line-height:1.4;
  181. font-size: 9px;
  182. padding:2px;
  183. color:{color:link};
  184. letter-spacing:0px;
  185. text-align:center;
  186. margin-bottom:20px;
  187. -webkit-transition: all 0.6s ease-out;
  188. }
  189.  
  190. .postinfo a{color:{color:link}; -webkit-transition: all 0.6s ease-out;}
  191. .postinfo a:hover{color:{color:text};}
  192.  
  193. .chat {line-height: 12px; list-style: none }
  194. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  195. .person1 {background-color:{color:side}; color: {color:text}; }
  196. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  197. .person2 {color: {color:text};}
  198. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  199. .link
  200. {margin-left:20px;
  201. font-family: 'trebuchet ms', sans-serif;
  202. font-style: normal;
  203. font-weight: 400;
  204. font-size: 16px;
  205. text-transform: none;
  206. text-decoration: none;
  207. letter-spacing: -0.05em;
  208. word-spacing: -0.02em;
  209. line-height: 1;}
  210.  
  211. .audio{padding:5px 5px 1px 1px;}
  212. .player{background-color:White; padding:3px;}
  213. .alabel{text-align:center;}
  214.  
  215. #asker
  216. {width:500px;
  217. text-align:left;
  218. text-transform:none;
  219. color:{color:text};}
  220. #asker a {color:{color:text};}
  221. #asker img {float:left; margin-left:220px;
  222. vertical-align:top; margin-right:3px; max-height:20px;}
  223.  
  224. #question
  225. {background-color:{color:transparent};
  226. font-size: 10px;
  227. font-weight: normal;
  228. font-family: Trebuchet MS;
  229. line-height:90%;
  230. color: {color:text};
  231. margin: 0 0 11px 0;
  232. padding: 10px 15px;
  233. position: relative;}
  234.  
  235.  
  236. #answer {color:{color:font};}
  237.  
  238. #arrow1 {position:fixed; top:300px; margin-left:60px;}
  239. #arrow1 a{color:{color:pagination}; font:100px Georgia; line-height:90%;}
  240.  
  241. #arrow2 {position:fixed; top:300px; float:right; right:60px;}
  242. #arrow2 a{color:{color:pagination}; font:100px Georgia; line-height:90%;}
  243.  
  244. #sidebarye {width:0.0px;
  245. height: 0.0px;
  246. position: fixed;
  247. top: -1000px;
  248. left: 1px;
  249. overflow:hidden;
  250. background-image: transparent;
  251. background-color: #f9ede5;
  252. font-family: cambria;
  253. font-size: 9px;
  254. line-height: 16px;
  255. padding:10px;
  256. -moz-border-radius: 0px 0px 0px 0px;
  257. text-transform:lowercase;
  258. text-align:left;
  259. letter-spacing: 0px; border-right:0px solid #f8eae1; }
  260.  
  261. @font-face {
  262.     font-family: "hihello";
  263.     src: url(http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");
  264.     }
  265.  
  266.     #title {
  267. padding-top:10px;
  268.  font-family: {font:body};
  269.   font-family: 'hihello', sans-serif;
  270.  font-size: 15px;
  271.  font-color: {color:link};
  272.  letter-spacing: 0px;
  273.  line-height: 14px;
  274.  text-align:center;
  275.  color:{color:Hover};
  276.  {block:iftitleshadow}text-shadow:1px 1px 3px {color:title shadow};{/block:iftitleshadow}
  277.  }
  278.  
  279.  
  280.  
  281.  
  282.  
  283. #plus {
  284. opacity:0;
  285. position: absolute;
  286. font:10px calibri;
  287. text-transform:uppercase;
  288. color:{color:background};
  289. margin-left:530px;
  290. height:auto;
  291. width: 150px;
  292. padding:0px;
  293. margin-bottom:0px;
  294. margin-top:-2px;
  295. background-color:#trans;
  296. display:block;
  297. text-align:left;
  298. padding:2px;
  299. -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;border-left:8px solid {color:border};}
  300.  
  301. #plus img{width:24px; border: px solid #E4E4E4;}
  302.  
  303. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  304.  
  305. small{font-size:10px}
  306. big{font-size:12px}
  307. b, strong{color:{color:title}}
  308. i, em {color:{color:text}}
  309. p{margin-top:5px; margin-bottom:5px}
  310. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:text}}
  311.  
  312. #posts{margin-left:10px;}
  313. #posts:hover #plus{opacity:1}
  314.  
  315. #hey
  316. img{
  317. width:16px;
  318. height:auto;
  319. padding:1px;
  320. margin-top:-50px;
  321. }
  322.  
  323. .tag
  324. {font:10px georgia;
  325. text-transform:uppercase;
  326. color:{color:text};display:block;
  327. text-align:left; padding:0px;}
  328. .tag a{color:{color:text};
  329. text-transform:none; display:block;
  330. -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition: all .7s ease-in-out;}
  331. .tag a:hover{color:{color:link}; }
  332.  
  333. ol.notes {
  334. padding: 0px;
  335. margin: 1px 0px;
  336. list-style-type: none;
  337. border-bottom: solid 1px #f7f7f7;
  338. }
  339.  
  340. ol.notes li.note {
  341. border-top: solid 1px #f7f7f7;
  342. padding: 1px;
  343. }
  344.  
  345. ol.notes li.note img.avatar {
  346. vertical-align: -2px;
  347. margin-right: 10px;
  348. width: 10px;
  349. height: 10px;
  350. }
  351.  
  352. ol.notes li.note span.action {
  353. font-weight: normal;
  354. }
  355.  
  356. ol.notes li.note .answer_content {
  357. font-weight: normal;
  358. }
  359.  
  360. ol.notes li.note blockquote {
  361. border-color: #eee;
  362. padding: 2px;
  363. margin: 10px;
  364. }
  365.  
  366. ol.notes li.note blockquote a {
  367. text-decoration: none;
  368. }
  369.  
  370. @font-face {
  371. font-family: "arsenalewhite";
  372. src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf');
  373. }
  374.  
  375.    
  376.  
  377.  
  378.  
  379. #questions {background-color:{color:bgquestion};
  380. color: {color:text};
  381. padding:8px;
  382. margin-bottom:0px;
  383. font-size:10px;
  384. text-align:left;
  385. font-family:{font:text};
  386. }
  387.  
  388. #questions a {color:{color:link}}
  389.  
  390. blockquote {border-left:5px {color:background} solid; padding-left:5px; margin:2px 10px;}
  391. blockquote img, blockquote a img {max-width: 500px}
  392.  
  393. #pag {
  394. position:fixed;
  395. padding-left:5px;
  396. padding:1px;
  397. background-color:{color:background};
  398. color:{color:sidetext};
  399. margin-top:-70spx;
  400. width:300;
  401. text-align:center;
  402. font: 9px georgia;
  403. text-transform:lowercase;
  404. }
  405.  
  406. #pag a{color:{color:text};}
  407.  
  408.  
  409.  
  410. blockquote {
  411. border-left:4px {color:border} solid;
  412. padding-left:3px;
  413. margin:0px 2px 0px 10px}
  414.  
  415. blockquote img, blockquote a img {max-width: 490px}
  416.  
  417. b, strong{color:{color:title};}
  418. i, em {color:{color:title};}
  419. p{margin-top:3px; margin-bottom:3px}
  420.  
  421.  
  422.  
  423. {CustomCSS}
  424.  ::selection {background: transparent; color: #f0e9e6;}
  425.  
  426. ::-moz-selection {background: transparent; color: #f0e9e6;}
  427.  
  428. ::-webkit-selection {background: transparent; color: #f0e9e6;}
  429. </style>
  430.  
  431. </head>
  432.  
  433. <body>
  434. {block:Pagination}
  435. <div id="arrow1">
  436. {block:PreviousPage}
  437. <a href="{PreviousPage}">«</a>
  438. {/block:PreviousPage}
  439. </div>
  440. {/block:Pagination}
  441.  
  442.  
  443.  
  444. <div id="supbianca"><div id="title">{Title}</br></div>
  445. <br>{block:ifSidebarImage}<div id="image"><img src="{image:Sidebar}"/></div>{/block:ifSidebarImage}
  446.  
  447.  
  448.  
  449.    <div id="stext"><center>{block:Description}{Description}{/block:Description}<br /></center></div>
  450. <br>
  451.  
  452.  
  453.  
  454.  <div id="hey">
  455.  <center><br>
  456.  <a href="{text:link1 url}"><big>{text:link1}</big></a>
  457. •<a href="{text:link2 url}"><big>{text:link2}</big></a>
  458. • <a href="{text:link3 url}"><big>{text:link3}</big></a>
  459. • <a href="{text:link4 url}"><big>{text:link4}</big></a>
  460. • <a href="{text:link5 url}"><big>{text:link5}</big></a><br><br><br>
  461.  <a href="/"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/home.png"></a>
  462. <a href="/ask"><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/mail.png"></a>
  463. <a href="/archive"><img src="http://i43.tinypic.com/wgubya.png"></a>
  464. <a href=http://strawbharry.tumblr.com/tagged/theme><img src="http://p.yusukekamiyamane.com/icons/search/fugue/icons/palette--plus.png"></a><br><br>
  465. </center>
  466.  
  467. </div>
  468.  </div>
  469.  
  470.  
  471.  
  472.  
  473. <div id="content">
  474. {block:Posts}
  475. <div id="posts">
  476.  
  477. <div id="plus">{block:RebloggedFrom}<a href="{ReblogParentURL}" ><img src="{ReblogParentPortraitURL-24}" title="via"/></a> <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-24}" title="source"/></a> {/block:RebloggedFrom}
  478. {block:HasTags}<div class="tag">  {block:Tags} <a href="{TagURL}" target="_blank"> #  {Tag}</a>{/block:Tags}</div>{/block:HasTags} </div>
  479.  
  480. {block:Text}
  481. <div class="post text">
  482. {block:Title}
  483. <a href="{Title}"><h3>{Title}</h3></a>
  484. {/block:Title}
  485. {Body}
  486. </div>
  487. {/block:Text}
  488.  
  489.  
  490.  
  491. {block:Photo}
  492. <img src="{PhotoURL-500}" alt="{PhotoAlt}"  width="500px" />{block:Caption}{Caption}{/block:Caption}
  493. {/block:Photo}
  494.  
  495.  
  496. {block:Photoset}
  497. <div class="post photoset">
  498. <center>{Photoset-500}</center>
  499.  
  500. {block:Caption}
  501. <div class="caption">{Caption}</div>
  502. {/block:Caption}
  503. </div>
  504. {/block:Photoset}
  505.  
  506. {block:Quote}
  507. <div class="quote"><center>"{Quote}"</center></div>
  508. {block:Source}<div class="source">{Source}{/block:Source}</div>{/block:Quote}
  509.  
  510. {block:Link}
  511. <div class="link">
  512. <a href="{URL}" class="titulo" {Target}>{Name}</a></div>
  513. {block:Description}
  514. <div class="description">{Description}</div>
  515. {/block:Description}
  516.  
  517. {/block:Link}
  518.  
  519.  
  520. {block:Chat}
  521. {block:Title}{Title}{/block:Title}
  522. <div class="chat"><ul>{block:Lines}
  523. <li class="person{UserNumber}">{block:Label}
  524. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  525. {/block:Chat}
  526.  
  527. {block:Answer}
  528. <div id="question">
  529. <br>
  530. {Question}
  531. <br>
  532. <br>
  533. </div>
  534. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker}</div><br>
  535. <div id="answer">{Answer}</div>
  536. {/block:answer}
  537.  
  538. {block:Video}
  539. <div class="post video">
  540. <center>{Video-500}</center>
  541. {block:Caption}
  542. <div class="caption">{Caption}</div>
  543. {/block:Caption}
  544. </div>
  545. {/block:Video}
  546.  
  547. {block:Audio}<div class="audio"><div class="player">{AudioPlayerWhite}</div><br>
  548. <div class="alabel"><b>Played:</b> {PlayCountWithLabel}
  549. {block:Caption}{Caption}{/block:Caption}</div></center><br clear="all" /></div> {/block:Audio}
  550.  
  551. <div class="postinfo">{block:NoteCount}<a href="{Permalink}">  {NoteCountWithLabel}{/block:NoteCount} posted <a href="{Permalink}">{TimeAgo}</a><br>
  552. </div>
  553. </div>{/block:Posts}
  554. {block:PostNotes}{PostNotes}{/block:PostNotes}
  555. </div>
  556.  
  557. {block:Pagination}
  558. <div id="arrow2">
  559. {block:NextPage}
  560. <a href="{NextPage}">»</a>
  561. {/block:NextPage}
  562. </div>
  563. {/block:Pagination}
  564.  
  565. </body>
  566. </html>
create a new version of this paste RAW Paste Data