Advertisement
MAThemes

Theme #15

Apr 22nd, 2013
10,313
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.07 KB | None | 0 0
  1. <!--
  2. Theme #15 by:
  3. myackles.tumblr.com
  4.  
  5. Editing is okay as long as you:
  6. ✖ DO NOT CLAIM AS YOUR OWN
  7. ✖ DO NOT USE AS A BASE
  8. ✖ DO NOT REMOVE/MOVE THE CREDIT !!
  9. -->
  10.  
  11. <html><head>
  12. <title>{Title}</title>
  13.  
  14. <meta name="color:Background" content="#f7f7f7"/>
  15. <meta name="color:Post Background" content="#ffffff"/>
  16. <meta name="color:Sb Background" content="#d1d0d0"/>
  17. <meta name="color:Font" content="#a09f9f"/>
  18. <meta name="color:Links" content="#a7444b"/>
  19. <meta name="color:Links Hover" content="#555454"/>
  20. <meta name="color:Bold" content="#c25d5d"/>
  21. <meta name="color:Blog Title" content="#85626a"/>
  22. <meta name="color:Text Hover" content="#fae2d7"/>
  23. <meta name="color:Borders" content="#dfdfdf"/>
  24. <meta name="color:Scrollbar" content="#4e4b4b"/>
  25. <meta name="color:Ask and Info Background" content="#f8f8f8"/>
  26. <meta name="text:Link 1 url" content="/" />
  27. <meta name="text:Link 1 title" content="link1" />
  28. <meta name="text:Link 2 url" content="/" />
  29. <meta name="text:Link 2 title" content="link2" />
  30. <meta name="text:Link 3 url" content="/" />
  31. <meta name="text:Link 3 title" content="link3" />
  32. <meta name="text:Link 4 url" content="/" />
  33. <meta name="text:Link 4 title" content="link4" />
  34. <meta name="text:Link 5 url" content="/" />
  35. <meta name="text:Link 5 title" content="link5" />
  36. <meta name="text:Link 6 url" content="/" />
  37. <meta name="text:Link 6 title" content="link5" />
  38.  
  39. <meta name="text:DESCRIPTION HEIGHT" content="480"/>
  40. <meta name="text:LINKS HEIGHT" content="140"/>
  41.  
  42. <meta name="image:Left Sidebar Image" content="http://25.media.tumblr.com/7fae2a76034d409a7a877c067eff847d/tumblr_mlkd99StgD1r9c5eeo1_500.jpg"/>
  43. <meta name="image:Background Image" content=""/>
  44. <meta name="image:Right Sidebar Image" content="http://25.media.tumblr.com/b204c6e595d71365c6b79d0562d342b9/tumblr_mlkd99StgD1r9c5eeo2_500.jpg"/>
  45. <meta name="image:Little Image" content="http://25.media.tumblr.com/fcaf3d3d990b31afb6e4bbb35de7d97b/tumblr_mlkd99StgD1r9c5eeo3_500.jpg"/>
  46.  
  47. <meta name="if:Show Archive Button" content="1">
  48. <meta name="if:Show Message Button" content="1">
  49. <meta name="if:Show Home Button" content="1">
  50. <meta name="if:Show Submit Button" content="1">
  51. <meta name="if:Show Link1" content="1">
  52. <meta name="if:Show Link2" content="1">
  53. <meta name="if:Show Link3" content="1">
  54. <meta name="if:Show Link4" content="1">
  55. <meta name="if:Show Link5" content="1">
  56.  
  57. <link rel="shortcut icon" href="{Favicon}">
  58. <style type="text/css">
  59.  
  60.  
  61. /* ~ HOVER ~ */
  62.  
  63. ::selection {
  64. background:{color:Text hover};}
  65. ::-moz-selection {
  66. background:{color:Text hover};}
  67. ::-webkit-selection {
  68. background:{color:Text hover};}
  69.  
  70. /* ~ BASICS ~ */
  71. body {
  72. font-family:Trebuchet MS;
  73. font-size: 10px;
  74. line-height: 100%;
  75. text-align: justify;
  76. color: {color:Font};
  77. background-color: {color:Background};
  78. background-image: url('{image:Background Image}');
  79. background-attachment: fixed;
  80. background-position: left top;
  81. background-repeat: repeat; }
  82.  
  83. a:link, a:visited, a:active {
  84. text-decoration: none;
  85. color: {color:Links};
  86. -webkit-transition: all 0.4s ease-in-out;
  87. -moz-transition: all 0.4s ease-in-out;
  88. -o-transition: all 0.4s ease-in-out;
  89. transition: all 0.4s ease-in-out;}
  90.  
  91. a:hover {
  92. -webkit-transition: all 0.5s ease-out;
  93. -moz-transition: all 0.5s ease-out;
  94. transition: all 0.5s ease-out;
  95. text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  96. color: {color:Links hover};}
  97.  
  98. l {
  99. padding: 1px 7px 2px 3px;
  100. text-decoration: none;
  101. font-size: 12px;
  102. font-family:Trebuchet MS;
  103. text-shadow:3px 0px #f0c8c8, -3px 0px #c9e4ad;
  104. color: {color:Links};
  105. border: 1px solid {color:Background};
  106. -webkit-transition: all 0.4s ease-in-out;
  107. -moz-transition: all 0.4s ease-in-out;
  108. -o-transition: all 0.4s ease-in-out;
  109. transition: all 0.4s ease-in-out;
  110. border-bottom: 0px solid transparent;}
  111.  
  112. b, strong {
  113. color: {color:Bold};}
  114.  
  115. blockquote {
  116. margin-left: 0px;
  117. padding-left:10px;
  118. border-left: 2px solid {color:Borders};}
  119.  
  120. #title {
  121. padding-bottom: 4px;
  122. font: 12px Trebuchet MS;
  123. text-align: center;}
  124.  
  125. #link {
  126. margin-top: 5px;
  127. padding-bottom: 4px;
  128. font-size: 12px;
  129. text-align: center;}
  130.  
  131. h1 {
  132. font-size: 12px;
  133. background: {color:Ask and info Background};
  134. line-height: 15px;
  135. letter-spacing: 1px;
  136. text-transform: none;
  137. font-weight: normal;
  138. text-align: center;
  139. margin-top: 0px;
  140. margin-bottom: -2px;
  141. padding-bottom: 5px;
  142. padding-top: 5px;
  143. color: {color:Posts Title}; }
  144.  
  145. /* ~ POSTS ~ */
  146.  
  147. #entries {
  148. font-family:Trebuchet MS;
  149. margin-left:195px;
  150. margin-top: 50px;
  151. margin-bottom: 20px;
  152. width: 520px; }
  153.  
  154. #posts {
  155. overflow: hidden;
  156. font-family: Trebuchet MS;
  157. margin-bottom: 10px;
  158. border:1px solid {color:Borders};
  159. padding: 10px 10px 10px 10px;
  160. background: {color:Post Background};}
  161.  
  162. /* ~ POST INFO ~ */
  163.  
  164. #info {
  165. font-size:10px;
  166. text-align:center;
  167. padding: 4px;
  168. background-color:{color:ask and info background};
  169. margin-top:-20px;
  170. border-left: 1px solid {color:borders};
  171. border-bottom: 1px solid {color:borders};
  172. border-right: 1px solid {color:borders};
  173. margin-bottom:20px; }
  174.  
  175.  
  176. /* ~ QUOTE ~ */
  177.  
  178. #quote {font: 13px Trebuchet MS;}
  179. #source {font-size: 11px;margin-top: 5px;}
  180.  
  181. /* ~ AUDIO ~ */
  182.  
  183. #audioplayer {
  184. z-index:1; height:26px; width:27px;
  185. margin-top:21px; margin-left:27px;
  186. overflow:hidden; position:absolute;
  187. opacity: 1; filter:alpha(opacity=60);}
  188.  
  189. #albumart {
  190. border:1px solid {color:borders};
  191. background-color:{color:ask and info background};
  192. padding-left:3px;
  193. padding-right:3px;
  194. padding-top:3px;
  195. padding-bottom:1px;
  196. z-index:0;
  197. float:left;
  198. margin:0px 7px;
  199. opacity: 0.8;}
  200.  
  201. #stuff {background-color:{color:ask and info background};
  202. margin:-7px; padding:10px; letter-spacing:1;
  203. font-size:10px; margin-top:5px;}
  204.  
  205.  
  206. /* ~ QUESTION ~ */
  207.  
  208. .questions {
  209. text-align: center;
  210. margin: 3px;
  211. text-shadow: 0px 1px 0px {color:post background};
  212. font: 10px Trebuchet MS;
  213. padding:7px;
  214. border-top:1px solid {color:borders};
  215. border-bottom:1px solid {color:borders};
  216. background: {color:Ask and Info Background};}
  217. .questionsq {margin: 5px;}
  218.  
  219. /* ~ CHAT ~ */
  220.  
  221. margin:8px;
  222. .user_1 .label {color:{color:links}; font-weight:bold;}
  223. .user_2 .label {color:{color:links}; font-weight:bold;}
  224. .user_3 .label {color:{color:links}; font-weight:bold;}
  225. .user_4 .label {color:{color:links}; font-weight:bold;}
  226. .user_5 .label {color:{color:links}; font-weight:bold;}
  227. .user_6 .label {color:{color:links}; font-weight:bold;}
  228. .user_7 .label {color:{color:links}; font-weight:bold;}
  229. .user_8 .label {color:{color:links}; font-weight:bold;}
  230. .user_9 .label {color:{color:links}; font-weight:bold;}
  231. .user_10 .label {color:{color:links}; font-weight:bold;}
  232. .user_11 .label {color:{color:links}; font-weight:bold;}
  233. .user_12 .label {color:{color:links}; font-weight:bold;}
  234. .user_13 .label {color:{color:links}; font-weight:bold;}
  235. .user_14 .label {color:{color:links}; font-weight:bold;}
  236. .user_15 .label {color:{color:links}; font-weight:bold;}
  237. .user_16 .label {color:{color:links}; font-weight:bold;}
  238. .user_17 .label {color:{color:links}; font-weight:bold;}
  239. .user_18 .label {color:{color:links}; font-weight:bold;}
  240. .user_19 .label {color:{color:links}; font-weight:bold;}
  241. .user_20 .label {color:{color:links}; font-weight:bold;}
  242.  
  243. ul.chat, .chat ol, .chat li {
  244. padding:0px;
  245. list-style:none;}
  246.  
  247. /* ~ SCROLLBAR ~ */
  248.  
  249. ::-webkit-scrollbar-thumb:vertical {
  250. height:10px;
  251. background-color: {color:Scrollbar};}
  252. ::-webkit-scrollbar-thumb:horizontal {
  253. height:10px;
  254. background-color: {color:Scrollbar};}
  255.  
  256. ::-webkit-scrollbar {
  257. height: 10px;
  258. width: 7px;
  259. background-color: {color:Post Background};}
  260.  
  261.  
  262. /* ~ PERMALINK NOTES PAGE ~ */
  263.  
  264. #postnotes {
  265. margin:0px 0px 0px 0px;
  266. width:510px;
  267. padding:5px;
  268. font-family:calibri headings;
  269. font-size: 12px;
  270. background-color: none;}
  271.  
  272. #postnotes a {
  273. margin-top:1px;}
  274.  
  275. ol.notes li.note {
  276. padding:1px;
  277. border-bottom: solid 0px;}
  278.  
  279. ol.notes li.note img.avatar {
  280. vertical-align:-4px;
  281. margin-right:0px;
  282. width:16px;
  283. height:16px;}
  284.  
  285. /* ~ SIDEBAR ~ */
  286. #sbarb {
  287. width:200px;margin-left: 19px;
  288. padding: 4px; position: absolute;opacity:0.9;
  289. background-color:{color:Post Background};
  290. border:1px solid {color:borders};
  291. -webkit-transition:all 0.8s ease;
  292. -moz-transition:all 0.8s ease;
  293. transition:all 0.8s ease;
  294. }
  295.  
  296. #center {
  297. margin-left: auto;
  298. margin-right: auto;
  299. width: 800px; }
  300.  
  301. #position {
  302. position: fixed;
  303. margin-top: -60px;
  304. left:2px;
  305. border:1px solid {color:borders};
  306. padding:5px;
  307. border-left:6px solid {color:scrollbar};
  308. background-color:{color:Sb Background};
  309. background-image: url('{image:Left Sidebar Image}');
  310. font-size:10px;
  311. width: 250px;
  312. height:100%;
  313. } }
  314.  
  315. #sidebar {
  316. position: fixed;
  317. margin-left: -40px;
  318. width: 200px;
  319. padding: 0px 0px 30px 0px;
  320. font: 11px;
  321. color: {color:Font};}
  322.  
  323. #position1 {
  324. position: fixed;
  325. margin-top: -60px;
  326. right:2px;
  327. padding:5px;
  328. border-right:6px solid {color:scrollbar};
  329. background-image: url('{image:Right Sidebar Image}');
  330. border-left:1px solid {color:borders};
  331. width: 140px;
  332. height:100%;
  333. z-index:1; }
  334.  
  335. .margin { margin-top:40%;}
  336.  
  337. .ttl {
  338. margin-top:{text:DESCRIPTION HEIGHT}px;
  339. width: 200px;
  340. font: 11px Trebuchet MS;
  341. text-transform:uppercase;
  342. margin-bottom:-14px;
  343. font-weight:bold;
  344. text-shadow: 1px 1px 1px {color:post background};
  345. color: {color:Blog Title}; }
  346.  
  347. #description {
  348. position: fixed;
  349. opacity: 1;
  350. overflow: hidden;
  351. width: 220px;
  352. color: {color:Font}; }
  353.  
  354. /* ~ SUBLINKS ~ */
  355.  
  356. .first {
  357. box-shadow: 0px 1px 3px {color:links hover};
  358. text-align:center;
  359. padding:5px;
  360. width:100px;
  361. font-style:bold;
  362. letter-spacing: 2px;
  363. font-size: 10px;
  364. background-color:{color:links};
  365. border:1px solid {color:links};
  366. color:{color:post background};
  367. }
  368.  
  369. .sublinks {
  370. width:111px;
  371. opacity:0.9;
  372. margin-left:15px;
  373. position: absolute;
  374. margin-top:{text:LINKS HEIGHT}px;
  375. text-align:center;
  376. -webkit-transition:all 0.8s ease;
  377. -moz-transition:all 0.8s ease;
  378. transition:all 0.8s ease;
  379. color: {color:sublinks};
  380. shadow: 1px 1px 0px {color:Text Shadow};
  381. }
  382.  
  383. .sublinks a {
  384. font-family:Trebuchet MS;
  385. font-size: 10px;
  386. background-color:white;
  387. display: inline-block;
  388. letter-spacing: 1px;
  389. padding:3px;
  390. width:100px;
  391. border:1px solid {color:borders};
  392. opacity:1;
  393. -webkit-transition: all 0.6s ease-out;
  394. -moz-transition: all 0.6s ease-out;
  395. transition: all 0.6s ease-out;
  396. text-transform: uppercase;
  397. color: {color:Links};
  398. }
  399.  
  400. .sublinks a:hover{
  401. font-style:bold;text-decoration:underline;
  402. letter-spacing: 2px;
  403. background-color:{color:links};
  404. border:1px solid {color:links};
  405. color:{color:post background};
  406. -webkit-transition: all 0.6s ease-out;
  407. -moz-transition: all 0.6s ease-out;
  408. transition: all 0.6s ease-out; }
  409.  
  410. #sidebar:hover .sublinks {
  411. opacity:0.9;z-index:9999;
  412. -webkit-transition: all 0.5s ease-out;
  413. -moz-transition: all 0.5s ease-out;
  414. transition: all 0.5s ease-out;}
  415.  
  416. #sidebar:hover .sublinks a{
  417. opacity:1;z-index:9999;
  418. -webkit-transition: all 0.5s ease-out;
  419. -moz-transition: all 0.5s ease-out;
  420. transition: all 0.5s ease-out;}
  421.  
  422. .sublinks1 {
  423. opacity:0.9;
  424. background-color:{color:Post Background};
  425. border:1px solid {color:borders};
  426. margin-top:25px;
  427. margin-left:-2px;
  428. width: 209px;
  429. margin-bottom:3px;}
  430.  
  431. .sublinks1 a {
  432. display: inline-block;
  433. padding-top:80px;
  434. -webkit-transition: all 0.5s ease-out;
  435. -moz-transition: all 0.5s ease-out;
  436. transition: all 0.5s ease-out;
  437. font-size: 9px;
  438. padding:3px;
  439. background-color:white;
  440. text-transform: uppercase;
  441. letter-spacing: 1px;
  442. color: {color:sublinks};}
  443.  
  444. .sublinks1 a:hover{
  445. font-weight:bold;
  446. -webkit-transition: all 0.5s ease-out;
  447. -moz-transition: all 0.5s ease-out;
  448. transition: all 0.5s ease-out;
  449. color: {color:sublinks};}
  450.  
  451. /* ~ PAGES ~ */
  452.  
  453. #pagination {
  454. font-family:trebuchet ms;
  455. text-align:center;
  456. font-size:11px;
  457. text-transform:uppercase}
  458.  
  459. #bling { opacity:0.7; display: inline;}
  460.  
  461. /* ~ CREDIT ~ */
  462.  
  463. #credit {
  464. position: fixed;
  465. bottom: 4px;
  466. right: 10px;
  467. width: 40px;
  468. -webkit-transition-duration: .90s;}
  469.  
  470. .crdt {
  471. z-index:999999;
  472. display: block;
  473. width: 40px;box-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  474. padding: 2px 0px 4px 0px;
  475. font: 13px calibri;
  476. font-style: italic;
  477. text-align: center;
  478. color: {color:Links};
  479. background: {color:Post Background};
  480. border: 1px solid {color:Borders};
  481. -webkit-transition-duration: .90s;}
  482.  
  483. .crdt a, a {
  484. text-decoration: none;
  485. text-transform: none;
  486. color: {color:Links}; }
  487. .crdt:hover {
  488. color: {color:Post Background};
  489. background: {color:Links};}
  490.  
  491. </style>
  492. </head>
  493. <body>
  494.  
  495. <div id="credit">
  496. <a href="http://myackles.tumblr.com/tagged/my-themes" target="_blank">
  497. <div class="crdt">theme</div></a>
  498. </div></div>
  499. <div id="center"><div id="position1"><center>
  500.  
  501. <div class="sublinks">
  502. <a href="/"><img src="{image:Little Image}" width="100" ></a>
  503. <center><div class="first"> MORE LINKS:</div><br>
  504. {block:IfShowLink1}<a href="{text:Link 1 url}">{text:Link 1 title} </a><br><br>{/block:IfShowLink1}
  505. {block:IfShowLink2}<a href="{text:Link 2 url}">{text:Link 2 title}</a><br><br>{/block:IfShowLink2}
  506. {block:IfShowLink3}<a href="{text:Link 3 url}">{text:Link 3 title}</a><br><br>{/block:IfShowLink3}
  507. {block:IfShowLink4}<a href="{text:Link 4 url}">{text:Link 4 title}</a><br><br>{/block:IfShowLink4}
  508. {block:IfShowLink5}<a href="{text:Link 5 url}">{text:Link 5 title}</a><br><br>{/block:IfShowLink5}
  509. <a href="http://myackles.tumblr.com/mythemes">theme</a><br><br><br>
  510. </center>
  511.  
  512. </div></div>
  513. <div id="position">
  514. <div class="margin"></div>
  515.  
  516. <div id="sidebar">
  517. <center><div class="ttl">{title}</div>
  518. <center><div class="sublinks1"><!--
  519.  
  520. ↓ ALLTHE BUTTONS ARE DOWN HERE ↓
  521.  
  522. -->{block:IfShowHomeButton}<a href="/">home</a></a>{/block:IfShowHomeButton}{block:IfShowMessageButton}<a href="/ask">message</a></a>{/block:IfShowMessageButton}{block:IfShowSubmitButton}<a href="/submit">submit</a>{/block:IfShowSubmitButton}{block:IfShowArchiveButton}<a href="/archive">archive</a>{/block:IfShowArchiveButton}</div></center>
  523.  
  524. <div id="sbarb">
  525. <div class="description">
  526. <center>
  527. <br>
  528. {description}
  529. <br><br>
  530. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}/{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  531. <br>
  532. </div></div>
  533.  
  534. </center>
  535. </div>
  536. </div>
  537.  
  538. <div id="entries">
  539. {block:Posts}
  540. <div id="posts">
  541.  
  542. <div id="title">
  543. {block:Title}
  544. <h1>{Title}&nbsp;</h1>
  545. {/block:Title}
  546. </div>
  547. {block:Text}
  548. {Body}
  549. {/block:Text}
  550.  
  551. {block:Quote}
  552. <div id="quote">
  553.  
  554. <center>"
  555. {Quote}"
  556. </center>
  557.  
  558. </div>
  559. {block:Source}
  560. <div id="source">
  561. <center>
  562. {Source}
  563. </center>
  564. </div>{/block:Source}
  565. {/block:Quote}
  566.  
  567. {block:Link}
  568. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  569. {block:Description}{Description}{/block:Description}
  570. {/block:Link}
  571.  
  572. {block:Photo}
  573. {LinkOpenTag}
  574. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  575. {LinkCloseTag}<br>
  576. {block:Caption}
  577. {Caption}
  578. {/block:Caption}
  579. {/block:Photo}
  580.  
  581. {block:Photoset}
  582. {Photoset-500}
  583. {block:Caption}
  584. {Caption}
  585. {/block:Caption}
  586. {/block:Photoset}
  587.  
  588. {block:Chat}
  589. <ul class="chat">
  590. {block:Lines}
  591. <li class="user_{UserNumber}">
  592. {block:Label}
  593. <span class="label">{Label}</span>
  594. {/block:Label}
  595. &nbsp;{Line}</li>
  596. {/block:Lines}</ul>
  597. {/block:Chat}
  598.  
  599. {block:Video}
  600. {Video-500}
  601. {block:Caption}
  602. {Caption}
  603. {/block:Caption}
  604. {/block:Video}
  605.  
  606. {block:Answer}
  607. <div class="questions">{Asker} said: &nbsp{Question}</div>
  608. <div class="questionsq">{Answer}</div>
  609. {/block:Answer}
  610.  
  611. {block:Audio}
  612. <div id="audioplayer">{AudioPlayerWhite}</div>
  613. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="60" height="60">{/block:AlbumArt}</div>
  614. <div id="stuff">
  615. <b>Song: </b>{block:TrackName}{TrackName}{/block:TrackName}<br>
  616. <b>Artist: </b>{block:Artist}{Artist}{/block:Artist}<br>
  617. <b>Album: </b>{block:Album}{Album}{/block:Album}<br>
  618. <b>Played: </b>{FormattedPlayCount} times<br></div>
  619. <br>
  620. {block:Caption}
  621. {Caption}
  622. {/block:Caption}
  623. {/block:Audio}
  624. </div><br>
  625.  
  626. <div id="info">
  627. <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}&nbsp;-&nbsp;<a href="{Permalink}">♡{NoteCount} notes</a>{/block:NoteCount}{block:RebloggedFrom}&nbsp;&nbsp;-&nbsp;<a href="{ReblogParentURL}"><a href="{ReblogParentURL}"> via</a>{/block:RebloggedFrom}
  628. {block:ContentSource}&nbsp;-&nbsp;<a href="{SourceURL}">source </a>&nbsp;-&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>
  629. </a>{block:ContentSource}{/block:RebloggedFrom}<br>{block:IfItalicTags}<i>{/block:IfItalicTags}
  630. {block:HasTags}{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  631. </i></div>
  632. {block:PostNotes}{PostNotes}{/block:PostNotes}
  633. {/block:Posts}</div></div>
  634.  
  635.  
  636. {/block:Posts}
  637. </div>
  638. </body>
  639. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement