API tools faq
paste
alyx

theme .12 - without words

alyx
Jul 19th, 2012
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.43 KB | None | 0 0
raw download clone embed print report
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  2.  
  3. <!--
  4.  
  5. - theme 12
  6. by -alyx
  7.  
  8.  
  9. -->
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="color:background" content="#ffffff" />
  21. <meta name="color:sidebar" content="#9e8d94" />
  22. <meta name="color:sidebar 3" content="#000000" />
  23. <meta name="color:sidebar text" content="#000000" />
  24. <meta name="color:text" content="#000000" />
  25. <meta name="color:title" content="#000000" />
  26. <meta name="color:post background" content="#8f918b" />
  27. <meta name="color:entry" content="#e8e5de" />
  28. <meta name="color:bold" content="#000000" />
  29. <meta name="color:link" content="#494949" />
  30. <meta name="color:link hover" content="#a57388" />
  31. <meta name="color:sidebar links" content="#9e8d94" />
  32. <meta name="image:sidebar image" content=""/>
  33. <meta name="image:Background" content="http://media.tumblr.com/tumblr_m7fiwugCSP1rtcxhp.png"/>
  34. <meta name="text:Link1" content="" />
  35. <meta name="text:Link1 Title" content="" />
  36. <meta name="text:Link2" content="" />
  37. <meta name="text:Link2 Title" content="" />
  38. <meta name="text:Link3" content="" />
  39. <meta name="text:Link3 Title" content="" />
  40. <meta name="text:Link4" content="" />
  41. <meta name="text:Link4 Title" content="" />
  42. <meta name="text:Link5" content="" />
  43. <meta name="text:Link5 Title" content="" />
  44. <meta name="text:Link6" content="" />
  45. <meta name="text:Link6 Title" content="" />
  46.  
  47. <style type="text/css">
  48.  
  49. /* --- misc --- */
  50.  
  51. ::-webkit-scrollbar-thumb:vertical
  52. {background-color:{color:sidebar};
  53. -moz-border-radius:10px;
  54. -webkit-border-radius:10px;}
  55.  
  56. ::-webkit-scrollbar
  57. {width:10px;
  58. height:5px;
  59. background-color:{color:entry};}
  60.  
  61. /* --- body --- */
  62.  
  63. body
  64. {font-family:consolas;
  65. font-size:11px;
  66. background-image:url('{image:Background}');
  67. background-position: fixed;
  68. background-attachment:fixed;
  69. background-repeat:repeat;
  70. background-color:{color:Background};}
  71.  
  72. a, a:link, a:active, a:visited
  73. {color:{color:link};
  74. text-decoration: none}
  75.  
  76. a:hover
  77. {color:{color:link hover};}
  78.  
  79. b
  80. {font-weight: bold;
  81. color:{color:bold}}
  82.  
  83. i
  84. {text-transform: italic;
  85. color:{color:sidebartext}}
  86.  
  87. p
  88. {margin:5px 0 2px 0}
  89. blockquote{margin:2px 5px 2px 5px;
  90. padding: 1px 0 3px 6px;
  91. border-left: 2px solid {color:text}}
  92.  
  93. /* --- sidebar --- */
  94.  
  95. #sidebar
  96. {background-attachment: fixed;
  97. -moz-border-radius: 000px;
  98. border-radius: 000px;
  99. border-top-right-radius:0px;
  100. z-index:2;
  101. width: 200px;
  102. height: 100%;
  103. top: 200px;
  104. right: 830px;
  105. padding: 5px;
  106. background:{color:sidebar} url({image:sidebar bg}) repeat;
  107. text-align: center;
  108. position: fixed}
  109.  
  110. .sidebarpic img
  111. {max-width: 180px;
  112. text-align:center;
  113. margin-bottom:3px;
  114. margin-top: 15px}
  115.  
  116. .title
  117. {margin-top:20px;
  118. margin-bottom:px;
  119. text-align: center;
  120. width:200px;}
  121.  
  122. .title a
  123. { line-height:80%;
  124. font-style:none;
  125. font-size:20px;
  126. text-transform:lowercase;
  127. font-family:raleway;
  128. letter-spacing:1px;
  129. color:{color:title}}
  130.  
  131. .title a:hover
  132. {background-color:transparent;}
  133.  
  134. .stuff
  135. {margin:5px;
  136. border:solid 1px {color:sidebar text};
  137. width:188px;}
  138.  
  139. .sidebartext
  140. {margin:5px;
  141. color:{color:sidebar text}}
  142.  
  143. /* --- sidebar links --- */
  144.  
  145. #sidebar3
  146. {z-index:2;
  147. width: 140px;
  148. height:100%;
  149. right:40px;
  150. bottom:0px;
  151. padding: 5px;
  152. position: fixed;
  153. background:{color:sidebar 3} }
  154.  
  155. .sidebarnavigation
  156. {font-family:raleway;
  157. margin-right:0px;
  158. font-size:15px;
  159. margin-top: 20px;
  160. margin-left:18px;
  161. color:{color:sidebar};}
  162.  
  163. .sidebarnavigation a
  164. {display:inline-block;
  165. width:95px;
  166. text-transform:lowercase;
  167. height:20px;
  168. padding:5px;
  169. margin-bottom:3px;
  170. font-size:15px;
  171. letter-spacing:1px;
  172. text-align:center;
  173. -webkit-transition: all 0.2s ease-in-out;
  174. -moz-transition: all 0.2s ease-in-out;
  175. -o-transition: all 0.2s ease-in-out;
  176. -ms-transition: all 0.2s ease-in-out;
  177. transition: all 0.2s ease-in-out;
  178. background-color:{color:sidebar links};
  179. color: {color:sidebar 3};}
  180.  
  181. .sidebarnavigation a:hover
  182. {-webkit-transition: all 0.3s ease-in-out;
  183. -moz-transition: all 0.3s ease-in-out;
  184. -o-transition: all 0.3s ease-in-out;
  185. -ms-transition: all 0.3s ease-in-out;
  186. transition: all 0.3s ease-in-out;
  187. background-color: {color:link hover};}
  188.  
  189. .navtitle
  190. {font-size:20px;
  191. width:110px;
  192. text-align:center;
  193. margin-top:150px;
  194. margin-bottom:10px;}
  195.  
  196. .sidebarpages
  197. { margin-top:15px;
  198. text-align: center;}
  199.  
  200. .sidebarpages a
  201. {font-size:25px;
  202. text-decoration: none;
  203. color:{color:sidebar links}}
  204.  
  205. .sidebarpages a:hover
  206. {color:{color:link hover};
  207. background-color: transparent}
  208.  
  209. .credit
  210. {margin-top:20px;
  211. text-align:center;
  212. text-transform:uppercase;
  213. color:{color:sidebar links};}
  214.  
  215. /* --- posts --- */
  216.  
  217. #container
  218. {background-color:{color:post background};
  219. width: 560px;
  220. position: absolute;
  221. top: 0px;
  222. right: 230px;
  223. padding-bottom: 0px}
  224.  
  225. h1
  226. {font-size:30px;
  227. text-transform:uppercase;
  228. font-family:raleway;
  229. letter-spacing:1px;
  230. line-height: 20px;
  231. font-weight: normal;
  232. margin: 0 0 5px 0;
  233. text-align: center}
  234.  
  235. h1 a
  236. {font-size:30px;
  237. text-transform:uppercase;
  238. font-family:raleway;
  239. letter-spacing:1px;
  240. line-height: 20px;
  241. font-weight: normal;
  242. margin: 0 0 5px 0;
  243. text-decoration: none;
  244. text-align: center}
  245.  
  246. .entry
  247. {{block:IndexPage}
  248. width:500px;
  249. float:center;
  250. padding:5px;
  251. {/block:IndexPage}
  252. {block:PermalinkPage}
  253. width:500px;
  254. margin:auto;
  255. {/block:PermalinkPage}}
  256.  
  257. .image
  258. {text-align: center;
  259. margin: 0 0 5px 0}
  260.  
  261. .image img
  262. { width: 500px;
  263. border: white solid 2px;
  264. margin: 0;
  265. padding: 0}
  266.  
  267. #ask_form
  268. {width: 500px}
  269.  
  270. .qqmarks
  271. {font-size: 80px;
  272. font-weight: bold;
  273. line-height: 80px;
  274. opacity: 0.2;
  275. filter:alpha (opacity=20);}
  276.  
  277. .qquote
  278. {font-size: 20px;
  279. letter-spacing: -1px;
  280. line-height: 20px;
  281. margin-top: -70px;
  282. margin-left: 45px}
  283.  
  284. .qsource
  285. {margin: 5px 15px 0 0;
  286. text-align: right;
  287. font-size:18px;
  288. text-transform:uppercase;
  289. font-family:raleway;
  290. letter-spacing:1px;}
  291.  
  292. .chat
  293. {line-height: 12px;
  294. list-style: none }
  295.  
  296. .chat ul
  297. {line-height: 15px;
  298. list-style: none;
  299. padding: 0px;
  300. line-height: 20px;}
  301.  
  302. .person1
  303. {color: {color:text} }
  304.  
  305. .person .label
  306. {font-weight: bold;
  307. padding: 0px;
  308. margin: 0 0 5px 0;
  309. color: {color:text}}
  310.  
  311. .person2
  312. {color: {color:text}}
  313.  
  314. .person2 .label
  315. {font-weight: bold;
  316. padding: 0px;
  317. margin: 0 0 5px 0;
  318. color: {color:text}}
  319.  
  320. #audio
  321. {margin-bottom:5px;
  322. width:500px;
  323. height:100px;}
  324.  
  325. .albumart
  326. {-moz-border-radius:100px;
  327. -webkit-border-radius:100px;
  328. z-index:2;
  329. width:95px;
  330. height:95px;
  331. border:dashed {color:sidebar} 1px;
  332. position:absolute;}
  333.  
  334. .albumart img
  335. {-moz-border-radius:100px;
  336. -webkit-border-radius:100px;
  337. z-index:2;
  338. width:95px;
  339. height:95px;
  340. float:center;}
  341.  
  342. .playercontainer
  343. {-moz-border-radius:100px;
  344. -webkit-border-radius:100px;
  345. z-index:2;
  346. opacity: .2;
  347. display:block;
  348. width:95px;
  349. height:95px;
  350. background-color:#fff;
  351. position:absolute;
  352. border:dashed {color:sidebar} 1px;}
  353.  
  354. .playercontainer:hover
  355. {opacity:.7;
  356. -webkit-transition: all 0.5s ease-in-out;
  357. -moz-transition: all 0.5s ease-in-out;
  358. -o-transition: all 0.5s ease-in-out;
  359. -ms-transition: all 0.5s ease-in-out;
  360. transition: all 0.5s ease-in-out;}
  361.  
  362. .player
  363. {-moz-border-radius:100px;
  364. -webkit-border-radius:100px;
  365. z-index:2;
  366. margin-left:35px;
  367. margin-top:35px;
  368. width:25px;
  369. height:25px;
  370. overflow:hidden;}
  371.  
  372. #audioinfo
  373. {height: 10px;
  374. width:350px;
  375. padding: 4px 5px;
  376. background: {color:sidebar};
  377. color: {color:text};
  378. display: block;
  379. overflow: hidden;
  380. text-align: left;
  381. margin-left:120px;
  382. margin-top:5px;
  383. margin-bottom: 3px;
  384. text-transform: uppercase;}
  385.  
  386. .askbox
  387. {width: 480px;
  388. background-color:{color:sidebar};
  389. color:{color:text};
  390. z-index:2;
  391. padding: 10px}
  392.  
  393. .asker img
  394. {display:none;}
  395.  
  396. .asker
  397. {font-family:raleway;
  398. letter-spacing:0px;
  399. line-height: 20px;
  400. font-size: 15px;
  401. color:{color:link};
  402. line-height: 80%;
  403. padding: 0;
  404. margin-left: 10}
  405.  
  406. .asker a
  407. {font-family:wire one;
  408. letter-spacing:1px;
  409. line-height: 20px;
  410. font-size: 20px;
  411. color:{color:link};
  412. line-height: 80%;
  413. padding: 0;
  414. margin-left: 10}
  415.  
  416. .asker a:hover
  417. {background-color:transparent;
  418. letter-spacing:1px;}
  419.  
  420. .answer
  421. {padding: 5px 0 0 0}
  422.  
  423. #cap
  424. {padding: 2px 0 0 0;
  425. width: 490px;
  426. margin: 0 0 0 5px}
  427.  
  428. .info
  429. {width: 490px;
  430. margin: 15px auto 0 auto;
  431. background-color:{color:background};
  432. padding: 5px;
  433. -moz-border-radius: 1px;
  434. border-radius: 1px}
  435.  
  436. .tags
  437. {font-size: 9px;
  438. display: inline;}
  439.  
  440. .tags a
  441. {letter-spacing:0px;
  442. font-size: 10px}
  443.  
  444. .origin
  445. {font-size: 9px;
  446. text-align: left}
  447.  
  448. #entry
  449. {width: 500px;
  450. background-color:{color:entry};
  451. text-align: justify;
  452. padding: 20px;
  453. margin: 10px;}
  454.  
  455. #notes
  456. {display:block;
  457. width:500px;
  458. float:left;
  459. padding:3px;
  460. margin:5px;}
  461.  
  462. .origin
  463. {font-size: 9px;
  464. text-align: left}
  465.  
  466. .ibottom
  467. {margin: 5px 0 5px 0;
  468. font-family: tahoma, helvetica}
  469.  
  470. .ibottom a:hover
  471. {background-color: {color:linkhover};
  472. padding: 1px 0 1px 0}
  473.  
  474. .date
  475. {font-size:15px;
  476. text-transform:lowercase;
  477. font-family:raleway;
  478. letter-spacing:-1px;
  479. float:left; }
  480.  
  481. .source
  482. {display:none}
  483.  
  484. .permalink
  485. {float:right;
  486. font-size: 10px}
  487.  
  488. #clear
  489. {clear: both;
  490. width: 50px;
  491. height: 0px;
  492. background-color: transparent}
  493.  
  494. </head>
  495. </style>
  496.  
  497. <body>
  498.  
  499. <link href='http://fonts.googleapis.com/css?family=Wire+One' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
  500.  
  501.  
  502.  
  503. <div id ="sidebar">
  504. <div class="title"><a href="/">{Title}</a></div>
  505. <div class="sidebarpic"><img src="{image:sidebar image}"/></div>
  506. <div class="stuff"><div class="sidebartext">{block:Description}{Description}{/block:Decription}</div>
  507. </div></div>
  508.  
  509. <div id="sidebar3">
  510. <div class="sidebarnavigation">
  511. <div class="navtitle">navigation.</div>
  512. <a href="/ask">ask away</a>
  513. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  514. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  515. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  516. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  517. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  518. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  519. </div>
  520. {block:Pagination}<div class="sidebarpages">
  521. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  522.  
  523. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  524. </div> {/block:Pagination}
  525.  
  526. <div class="credit"><a href="http://themes-alyx.tumblr.com/">theme credit</a></div> <center>
  527. </div></div>
  528.  
  529. <div id="container">
  530.  
  531. <div id="entries">
  532.  
  533. {block:Posts}
  534. <div id="entry"></center>
  535.  
  536. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  537.  
  538. {block:Photo}
  539. <div class="entry">
  540. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  541. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  542. {block:IndexPage}<div class="photo">{/block:IndexPage}<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage}width="490"{/block:IndexPage}{block:PermalinkPage}width="490"{/block:PermalinkPage}/>{block:IndexPage}</div>{/block:IndexPage}</a>
  543. {block:Caption}{Caption}{/block:Caption}
  544. {block:IndexPage}</a>{/block:IndexPage}
  545. {block:PermalinkPage}{LinkCloseTag}<p>
  546. {/block:PermalinkPage}
  547. </div>
  548. {/block:Photo}
  549.  
  550. {block:Photoset}{Photoset-500}
  551. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>
  552. {/block:Photoset}
  553.  
  554. {block:Quote}
  555. <b class="qqmarks">“</b><div class="qquote">{Quote}</div>
  556. {block:Source}<div class="qsource">~ {Source}</div>{/block:Source}
  557. {/block:Quote}
  558.  
  559. {block:Link}
  560. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  561. {block:Description}{Description}{/block:Description}
  562. {/block:Link}
  563.  
  564. {block:Chat}
  565. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  566. <div class="chat"><ul>{block:Lines}
  567. <li class="person">{block:Label}
  568. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  569. {/block:Chat}
  570.  
  571. {block:Audio}
  572. <div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div><div id="audioinfo"><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</div>
  573. <div id="audioinfo"><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</div><div id="audioinfo"><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</div></div>{block:Caption}{Caption}{/block:Caption}
  574. {/block:Audio}
  575.  
  576. {block:Video}{Video-500}
  577. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  578.  
  579. {block:Answer}
  580. <div class="askbox"><div class="asker"><img src="{AskerPortraitURL-48}"> {Asker} asked: {Question}</div></div>
  581. <div class="answer">{Answer}</div>
  582. {/block:Answer}
  583.  
  584. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  585. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  586. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  587. {/block:ContentSource}</div>
  588.  
  589. <div id="clear"></div>
  590.  
  591. {block:Date} <div class="info">{block:HasTags}<div class="tags">{block:Tags} # <a href="{TagURL}">{Tag}</a>
  592. {/block:tags}</div>{/block:hastags}
  593. <div class="origin">{block:IfShowPostAuthor}{block:GroupMembers}» posted by <a href="{PostAuthorURL}">{PostAuthorName}</a><br>{/block:GroupMembers}{/block:IfShowPostAuthor}
  594. {block:RebloggedFrom}» via&nbsp;&nbsp;<a href="{ReblogParentURL}"
  595. title="{ReblogParentTitle}">{ReblogParentName}</a>
  596. &nbsp;&nbsp;(originally&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  597. </div></div>
  598. <div class="ibottom"><span class="date"><a href="{Permalink}">{TimeAgo}</a> on {DayOfMonth}
  599. {Month} {Year} @ {12Hour}:{Minutes}{AmPm}</span> {block:NoteCount}
  600. <span class="permalink"><a href="{Permalink}" title="permalink to this post">{NoteCountWithLabel}</a>{/block:NoteCount}</span>{/block:NoteCount}</div> {/block:Date}
  601. </div>
  602.  
  603.  
  604. {/block:Posts}
  605. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  606. </div>
  607.  
  608.  
  609. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  610.  
  611. </div>
  612.  
  613. </body>
  614.  
  615. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!