API tools faq
paste
Advertisement
MAThemes

Theme #5

MAThemes
Oct 18th, 2012
5,752
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.03 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme #5 by:
  3. myackles.tumblr.com
  4.  
  5. Editing is okay as long as you:
  6. DO NOT CLAIM AS YOUR OWN OR REMOVE THE CREDIT!!
  7. -->
  8.  
  9. <html><head>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Kotta+One|Rosarivo:400,400italic|PT+Mono|Trocchi|Arapey:400italic,400' rel='stylesheet' type='text/css'>
  12.  
  13.  
  14. <meta name="color:Background" content="#fafafa"/>
  15. <meta name="color:Font" content="#b1b1b1"/>
  16. <meta name="color:Links" content="#cea1d8"/>
  17. <meta name="color:Links Hover" content="#8f8c91"/>
  18. <meta name="color:Bold" content="#a094a2"/>
  19. <meta name="color:Posts Title" content="#c3c0c4"/>
  20. <meta name="color:Blog Title" content="#a8a6a8"/>
  21. <meta name="color:Post Info Border" content="#eeecec"/>
  22. <meta name="color:Scrollbar" content="#ccc9cc"/>
  23. <meta name="color:Ask Background" content="#edebee"/>
  24. <meta name="text:Blog Title" content="popular in life & death"/>
  25. <meta name="text:Link 1 url" content="/" />
  26. <meta name="text:Link 1 title" content="link" />
  27. <meta name="text:Link 2 url" content="/" />
  28. <meta name="text:Link 2 title" content="link 2" />
  29. <meta name="text:Link 3 url" content="/" />
  30. <meta name="text:Link 3 title" content="link 3" />
  31. <meta name="text:Link 4 url" content="/" />
  32. <meta name="text:Link 4 title" content="link 4" />
  33. <meta name="text:Link 5 url" content="/" />
  34. <meta name="text:Link 5 title" content="link 5" />
  35.  
  36. <meta name="image:Sidebar Image" content="
  37. http://25.media.tumblr.com/tumblr_mc3eflUEbn1r9c5eeo1_250.gif"/>
  38. <meta name="image:Background Image" content=""/>
  39. <title>{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. /* ~ BASICS ~ */
  46.  
  47. body {
  48. font-family:Cambria;
  49. font-size: 11px;
  50. line-height: 100%;
  51. text-align: justify;
  52. color: {color:Font};
  53. background-color: {color:Background};
  54. background-image: url('{image:Background Image}');
  55. background-attachment: fixed;
  56. background-position: left top;
  57. background-repeat: repeat; }
  58.  
  59.  
  60. a:link, a:visited, a:active {
  61. text-decoration: none;
  62. color: {color:Links};
  63. -webkit-transition: all 0.4s ease-in-out;
  64. -moz-transition: all 0.4s ease-in-out;
  65. -o-transition: all 0.4s ease-in-out;
  66. transition: all 0.4s ease-in-out;
  67. }
  68.  
  69. a:hover {
  70.  
  71. -webkit-transition: all 0.5s ease-out;
  72. -moz-transition: all 0.5s ease-out;
  73. transition: all 0.5s ease-out;
  74. text-shadow:4px 0 0 rgba(0,0,0,0.17), -4px 0 0 rgba(0,0,0,0.17);
  75. color: {color:Links hover};}
  76.  
  77.  
  78.  
  79. l {
  80. padding: 1px 7px 2px 3px;
  81. text-decoration: none;
  82. font-size: 12px;
  83. font-family:Cambria;
  84. color: {color:Links};
  85. border: 1px solid {color:Background};
  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. border-bottom: 0px solid transparent; }
  91.  
  92. b, strong {
  93. color: {color:Bold}; }
  94.  
  95.  
  96. blockquote {
  97. margin-left: 0px;
  98. padding-left:4px;
  99. border-left: 4px solid {color:Bold}; }
  100.  
  101.  
  102. #title {
  103. margin-top: 10px;
  104. padding-bottom: 10px;
  105. font-size: 11px;color:red;
  106. }
  107.  
  108. #link {
  109. margin-top: 5px;
  110. padding-bottom: 4px;
  111. font-size: 16px;
  112. text-align: center;}
  113.  
  114.  
  115. h1 {
  116. font-size: 19px;
  117. line-height: 15px;
  118. letter-spacing: 0px;
  119. text-transform: none;
  120. font-weight: normal;
  121. text-align: left;
  122. margin-top: 0px;
  123. margin-bottom: -5px;
  124. padding: 0px;
  125. color: {color:Posts Title}; }
  126.  
  127.  
  128. /* ~ POSTS ~ */
  129.  
  130. #entries {
  131. font-family: Cambria;
  132. margin-left: 250px;
  133. margin-top: 30px;
  134. margin-bottom: 20px;
  135. width: 520px; }
  136.  
  137. #posts {
  138. overflow: hidden;
  139. font-family: Cambria;
  140. margin-bottom: 10px;
  141. padding: 10px 10px 0px 10px;
  142. }
  143.  
  144. /* ~ POST INFO ~ */
  145.  
  146. #info {
  147. font-size:10px;
  148. text-align:center;
  149. padding: 2px;
  150. font-family: Cambria;
  151. opacity:1;
  152. border-top: 1px solid {color:Post info border};
  153. border-bottom: 1px solid {color:Post info border};
  154. margin-top:5px;
  155. text-transform: uppercase;
  156. }
  157.  
  158. /* ~ QUOTE ~ */
  159.  
  160. #quote {
  161. font-family: Cambria;
  162. font-size: 16px; }
  163.  
  164. #source {
  165. font-size: 11px;
  166. margin-top: 5px;}
  167.  
  168.  
  169. /* ~ AUDIO ~ */
  170.  
  171. #audio {
  172. padding: 0px; }
  173.  
  174. .qu {
  175. opacity: 0.7;
  176. font-family:Cambria;
  177. font-size: 16px;
  178. font-weight: bold;
  179. line-height: 33px;}
  180.  
  181. .ote {
  182. opacity: 0.9;
  183. margin-top: -34px;
  184. text-indent: 15px; }
  185.  
  186. .audio {
  187. background-color :white;
  188. display: block; }
  189.  
  190.  
  191. /* ~ QUESTION ~ */
  192.  
  193. .questions {
  194. text-align: center;
  195. margin: 3px;
  196. font-size: 12px;
  197. padding:12px;
  198. background: {color:Ask Background};
  199. }
  200.  
  201. .questionsq {margin: 5px;}
  202.  
  203. /* ~ CHAT ~ */
  204.  
  205. margin:8px;
  206. .user_1 .label {color:{color:links}; font-weight:bold;}
  207. .user_2 .label {color:{color:links}; font-weight:bold;}
  208. .user_3 .label {color:{color:links}; font-weight:bold;}
  209. .user_4 .label {color:{color:links}; font-weight:bold;}
  210. .user_5 .label {color:{color:links}; font-weight:bold;}
  211. .user_6 .label {color:{color:links}; font-weight:bold;}
  212. .user_7 .label {color:{color:links}; font-weight:bold;}
  213. .user_8 .label {color:{color:links}; font-weight:bold;}
  214. .user_9 .label {color:{color:links}; font-weight:bold;}
  215. .user_10 .label {color:{color:links}; font-weight:bold;}
  216. .user_11 .label {color:{color:links}; font-weight:bold;}
  217. .user_12 .label {color:{color:links}; font-weight:bold;}
  218. .user_13 .label {color:{color:links}; font-weight:bold;}
  219. .user_14 .label {color:{color:links}; font-weight:bold;}
  220. .user_15 .label {color:{color:links}; font-weight:bold;}
  221. .user_16 .label {color:{color:links}; font-weight:bold;}
  222. .user_17 .label {color:{color:links}; font-weight:bold;}
  223. .user_18 .label {color:{color:links}; font-weight:bold;}
  224. .user_19 .label {color:{color:links}; font-weight:bold;}
  225. .user_20 .label {color:{color:links}; font-weight:bold;}
  226.  
  227. ul.chat, .chat ol, .chat li {
  228.  
  229. padding:0px;
  230. list-style:none;}
  231.  
  232. /* ~ SCROLLBAR ~ */
  233.  
  234. ::-webkit-scrollbar-thumb:vertical {
  235. height:10px;
  236. background-color: {color:Scrollbar};
  237. }
  238.  
  239. ::-webkit-scrollbar-thumb:horizontal {
  240. height:10px;
  241. background-color: {color:Scrollbar};
  242. }
  243.  
  244. ::-webkit-scrollbar {
  245. height: 10px;
  246. width: 5px;
  247. }
  248.  
  249. /* ~ PERMALINK NOTES PAGE ~ */
  250.  
  251. #postnotes {
  252. margin:0px 0px 0px 0px;
  253. width:510px;
  254. padding:5px;
  255. font-family: Cambria;
  256. font-size: 10px;
  257. background-color: none; }
  258.  
  259. #postnotes a {
  260. margin-top:1px; }
  261.  
  262. ol.notes li.note {
  263. padding:1px;
  264. border-bottom: solid 0px;}
  265.  
  266. ol.notes li.note img.avatar {
  267. vertical-align:-4px;
  268. margin-right:0px;
  269. width:16px;
  270. height:16px; }
  271.  
  272. /* ~ SIDEBAR ~ */
  273. #sbarb {
  274. width:200px;
  275. padding: 4px;
  276. border:2px solid {color:Post info border};
  277. }
  278.  
  279. #center {
  280. margin-left: auto;
  281. margin-right: auto;
  282. width: 800px; }
  283.  
  284. #position {
  285. position: fixed;
  286. margin-top: 164px;
  287. width: 250px;
  288. margin-left: -30px}
  289.  
  290. }
  291.  
  292. .sidebar {
  293. position: fixed;
  294. width: 200px;
  295. padding: 0px 0px 30px 0px;
  296. font: 11px Cambria;
  297. color: {color:Font};
  298. }
  299.  
  300. .ttl {
  301. margin-left: 25px;
  302. margin-bottom: 3px;
  303. width:200px;
  304. text-transform: uppercase;
  305. font: 12px 'Arapey';
  306. letter-spacing: 2px;
  307. color: {color:Blog Title}; }
  308.  
  309. #description {
  310. position: fixed;border-top: 2px solid {color:Post info border};
  311. opacity: 0.9;
  312. overflow: hidden;
  313. margin-top: 0px;
  314. margin-left: 25px;
  315. width: 200px;
  316. font-size: 11px;
  317. font-family:Cambria;
  318. padding: 6px 0px 4px 0px;
  319. text-align: justify;
  320. color: {color:Font};
  321. background: none;
  322. -webkit-transition-duration:
  323. }
  324.  
  325. /* ~ SUBLINKS ~ */
  326.  
  327. .sublinks {width: 200px;
  328. margin-top: -10px;
  329. font-family:cambria;
  330. font-size: 10px;
  331. text-transform: uppercase;
  332. letter-spacing: 0px;
  333. color: {color:Links};
  334. padding-bottom: 4px;
  335. }
  336.  
  337. .sublinks a {
  338. font-family:cambria;
  339. font-size: 10px;
  340.  
  341. text-transform: uppercase;
  342. letter-spacing: 0px;
  343. color: {color:Links};
  344. padding-bottom: 4px;
  345. }
  346.  
  347. .sublinks a:hover{
  348. font-family:cambria;
  349. font-size: 10px;
  350.  
  351. text-transform: uppercase;
  352. letter-spacing: 0px;
  353. padding-bottom: 4px;
  354. -webkit-transition: all 0.5s ease-out;
  355. -moz-transition: all 0.5s ease-out;
  356. transition: all 0.5s ease-out;
  357. text-shadow:4px 0 0 rgba(0,0,0,0.17), -4px 0 0 rgba(0,0,0,0.17);
  358. color: {color:Links hover};
  359. }
  360.  
  361.  
  362. .edno {
  363. position: fixed;
  364. width: 100px;
  365. margin-left:40px;
  366. margin-top:130px;
  367. padding:2px;
  368. text-align:center;
  369. z-index:3;}
  370.  
  371. .edno a {
  372. float: left;
  373. display: block;
  374. padding: 2px;
  375. font-size:10px;
  376. font-family:Cambria;
  377. text-align: center;
  378. margin-right:1px;
  379. margin-bottom:1px;
  380. width:40px;
  381. background-color:#f5f5f5;
  382. color: #969297;
  383. text-transform:uppercase;
  384. height:10px;
  385. -webkit-transition: all 0.2s ease-out;
  386. -moz-transition: all 0.2s ease-out;
  387. -webkit-transform: rotate(5deg);
  388. -moz-border-radius:5px;
  389. border-bottom-left-radius: .em;
  390.  
  391. }
  392.  
  393. .edno a:hover{
  394. text-align:center;
  395. background-color:#f5f5f5;
  396. color: #6d746d;
  397. font-size:10px;
  398. letter-spacing:0px;
  399. opacity:0.6;
  400. text-transform:uppercase;
  401. letter-spacing:0px;
  402. }
  403.  
  404. .dve {
  405. position:fixed;
  406. width:100px;
  407. margin-left:44px;
  408. margin-top:149px;
  409. padding:2px;
  410. text-align:center;
  411. z-index:3;
  412. }
  413. .dve a {
  414. float:left;
  415. display:block;
  416. padding:3px;
  417. letter-spacing:0px;
  418. font-size:10px;
  419. font-family:Cambria;
  420. text-align:center;
  421. margin-right:1px;
  422. margin-bottom:1px;
  423. width:40px;
  424. background-color:#f5f5f5;
  425. color: #969297;
  426. text-transform:uppercase;
  427. height:10px;
  428. -webkit-transition: all 0.2s ease-out;
  429. -moz-transition: all 0.2s ease-out;
  430. -webkit-transform:rotate(-2deg);
  431. -moz-border-radius:5px;
  432. border-bottom-left-radius: .em;
  433. }
  434. .dve a:hover{
  435. text-align:center;
  436. background-color: #f5f5f5;
  437. color: #6d746d;
  438. font-size:10px;
  439. letter-spacing:0px;
  440. opacity:0.6;
  441. text-transform:uppercase;
  442. letter-spacing: 0px;
  443. }
  444.  
  445.  
  446. .tri {
  447. position:fixed;
  448. width:100px;
  449. margin-left:40px;
  450. margin-top:169px;
  451. padding: 2px;
  452. text-align:center;
  453. z-index:3;
  454. }
  455.  
  456. .tri a {
  457. float:left;
  458. display:block;
  459. padding:3px;
  460. letter-spacing:0px;
  461. font-size:10px;
  462. font-family:Cambria;
  463. text-align:center;
  464. margin-right:1px;
  465. margin-bottom:1px;
  466. width:40px;
  467. background-color:#f5f5f5;
  468. color: #969297;
  469. text-transform:uppercase;
  470. height:10px;
  471. -webkit-transition: all 0.2s ease-out;
  472. -moz-transition: all 0.2s ease-out;
  473. -webkit-transform: rotate(4deg);
  474. -moz-border-radius:5px;
  475. border-bottom-left-radius: .em;
  476. }
  477. .tri a:hover{
  478. text-align:center;
  479. background-color: #f5f5f5;
  480. color: #6d746d;
  481. font-size:10px;
  482. letter-spacing:0px;
  483. opacity:0.6;
  484. text-transform:uppercase;
  485. letter-spacing: 0px;
  486. }
  487.  
  488.  
  489. /* ~ PAGES ~ */
  490.  
  491. #pagination {
  492. font-family:Cambria;
  493. text-align:center;
  494. font-size:12px;
  495. margin-top: 8px;
  496.  
  497. text-transform:uppercase}
  498.  
  499. /* ~ CREDIT ~ */
  500.  
  501. #credit {
  502. position: fixed;
  503. bottom: 4px;
  504. right: 10px;
  505. width: 40px;
  506. -webkit-transition-duration: .90s; }
  507.  
  508. .crdt {
  509. display: block;
  510. width: 40px;
  511. padding: 2px 0px 4px 0px;
  512. font: 13px Cambria;
  513. font-style: italic;
  514. text-align: center;
  515. color: {color:Links};
  516. background: {color:Background};
  517. border: 1px solid {color:Background};
  518. -webkit-transition-duration: .90s; }
  519. .crdt a, a {
  520. text-decoration: none;
  521. text-transform: none;
  522. color: {color:Links}; }
  523. .crdt:hover {
  524. color: {color:Links Hover};
  525. background: {color:Background};
  526.  
  527. </style>
  528. </head>
  529. <body>
  530. <div id="credit">
  531. <a href="http://myackles.tumblr.com/tagged/my-themes" target="_blank">
  532. <div class="crdt">theme</div></a>
  533. </div>
  534. <div id="center">
  535. <div id="position">
  536. <div class="ttl"><br>
  537. <center>
  538. {text:Blog Title}
  539. </center>
  540. </div>
  541.  
  542. <div id="sidebar">
  543. <div style="padding-bottom:10px;margin-bottom:10px;">
  544.  
  545. <center><div class="sublinks2">
  546. <div class="edno"><a href="/">HOME</a>&nbsp;</div>
  547. <div class="dve"><a href="/ask">MESSAGE</a>&nbsp;</div>
  548. <div class="tri"><a href="/archive">ARCHIVE</a>&nbsp;</div>
  549. </div>
  550. <div id="sbarb"><div id="sbarb2">
  551. <a href="/"><img class="sideimg" src="{image:Sidebar Image}" width="200" ></a></div></div>
  552. </div>
  553.  
  554. <center>
  555. <div class="sublinks">
  556. <a href="{text:Link 1 url}">{text:Link 1 title}</a> &nbsp;
  557. <a href="{text:Link 2 url}">{text:Link 2 title}</a> &nbsp;
  558. <a href="{text:Link 3 url}">{text:Link 3 title}</a> &nbsp;
  559. <a href="{text:Link 4 url}">{text:Link 4 title}</a> &nbsp;
  560. <a href="{text:Link 5 url}">{text:Link 5 title}</a>
  561. </div>
  562.  
  563. <div id="description">
  564.  
  565. <center>{description}
  566. <div id="pagination">
  567. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  568. {/block:Pagination}</div></div>
  569.  
  570. </center>
  571.  
  572. </div>
  573. </div>
  574.  
  575.  
  576.  
  577. <div id="entries">
  578. {block:Posts}
  579. <div id="posts">
  580.  
  581.  
  582. <div id="title">
  583. {block:Title}
  584. <h1>{Title}</h1>
  585. {/block:Title}</div>
  586.  
  587. {block:Text}
  588. {Body}
  589. {/block:Text}
  590.  
  591. {block:Quote}
  592. <div id="quote">
  593.  
  594. <center>"
  595. {Quote}"
  596. </center>
  597.  
  598. </div>
  599. {block:Source}
  600. <div id="source">
  601. <center>
  602. {Source}
  603. </center>
  604. </div>{/block:Source}
  605. {/block:Quote}
  606.  
  607. {block:Link}
  608. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  609. {block:Description}{Description}{/block:Description}
  610. {/block:Link}
  611.  
  612. {block:Photo}
  613. {LinkOpenTag}
  614. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  615. {LinkCloseTag}<br>
  616. {block:Caption}
  617. {Caption}
  618. {/block:Caption}
  619. {/block:Photo}
  620.  
  621. {block:Photoset}
  622. {Photoset-500}
  623. {block:Caption}
  624. {Caption}
  625. {/block:Caption}
  626. {/block:Photoset}
  627.  
  628. {block:Chat}
  629. <ul class="chat">
  630. {block:Lines}
  631. <li class="user_{UserNumber}">
  632. {block:Label}
  633. <span class="label">{Label}</span>
  634. {/block:Label}
  635. &nbsp;{Line}</li>
  636. {/block:Lines}</ul>
  637. {/block:Chat}
  638.  
  639. {block:Video}
  640. {Video-500}
  641. {block:Caption}
  642. {Caption}
  643. {/block:Caption}
  644. {/block:Video}
  645.  
  646. {block:Answer}
  647. <div class="questions">{Asker} wondered: {Question}</div>
  648. <div class="questionsq">{Answer}</div>
  649. {/block:Answer}
  650.  
  651. {block:Audio}
  652. <div id="audio">
  653. {block:AlbumArt}
  654. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
  655. {/block:AlbumArt}
  656. {block:TrackName}
  657. Song: <b>{TrackName}</b><br>
  658. {/block:TrackName}
  659. {block:Artist}
  660. Artist: <b>{Artist}</b><br><br>
  661. {/block:Artist}
  662. {AudioPlayerBlack}<br>
  663. {block:Caption}
  664. {Caption}
  665. {/block:Caption}
  666. </div>
  667.  
  668. {/block:Audio}
  669.  
  670.  
  671. <div id="info">
  672. <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}
  673. {block:ContentSource}&nbsp;-&nbsp;<a href="{SourceURL}"> source</a>
  674. </a>{block:ContentSource}{/block:RebloggedFrom}<br>
  675. {block:HasTags}{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
  676. {/block:Posts}
  677. {block:PostNotes}{PostNotes}{/block:PostNotes}
  678. {/block:Posts}</div></div>
  679. </div>
  680. </body>
  681. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!