API tools faq
paste
Themes_Mandrakescry

Theme 04-2

Themes_Mandrakescry
Oct 18th, 2013
392
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.  
  5. <!-------------------------------------------
  6. Theme #04-2 by Clara
  7. http://mandrakescry.tumblr.com/
  8. DON'T REMOVE THE CREDITS
  9. -------------------------------------------->
  10.  
  11. <head>
  12.  
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Post Background" content="#ffffff"/>
  16. <meta name="color:Font" content="#b1b1b1"/>
  17. <meta name="color:Links" content="#5b76a0"/>
  18. <meta name="color:Links Hover" content="#a5a5a5"/>
  19. <meta name="color:Bold" content="#a7a6a5"/>
  20. <meta name="color:Blog Title" content="#5b76a0"/>
  21. <meta name="color:Text Hover" content="#d6d5d5"/>
  22. <meta name="color:Post Info Background" content="#f5f5f5"/>
  23. <meta name="color:Post Border" content="#e2e2e2"/>
  24. <meta name="color:Scrollbar" content="#5775a2"/>
  25. <meta name="color:Nav" content="#ffffff"/>
  26. <meta name="color:Nav Background" content="#5775a2"/>
  27. <meta name="color:Nav Hover" content="#000000"/>
  28. <meta name="color:Nav Hover Background" content="#b8c8e0"/>
  29. <meta name="color:Border" content="#e4e2e1"/>
  30. <meta name="color:Questionbg" content="#b8c8e0" />
  31. <meta name="color:Question" content="#ffffff" />
  32.  
  33.  
  34. <meta name="text:Blog Title" content="Time is running out"/>
  35.  
  36. <meta name="text:Link 1 url" content="/" />
  37. <meta name="text:Link 1 title" content="link1" />
  38. <meta name="text:Link 2 url" content="/" />
  39. <meta name="text:Link 2 title" content="link2" />
  40. <meta name="text:Link 3 url" content="/" />
  41. <meta name="text:Link 3 title" content="link3" />
  42. <meta name="text:Link 4 url" content="/" />
  43. <meta name="text:Link 4 title" content="link4" />
  44.  
  45. <meta name="image:Sidebar Image" content=""/>
  46. <meta name="image:Background Image" content=""/>
  47. <title>{Title}</title>
  48. <link rel="shortcut icon" href="{Favicon}">
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  51. <link href='http://fonts.googleapis.com/css?family=Kotta+One|Rosarivo:400,400italic|PT+Mono|Trocchi|Arapey:400italic,400' rel='stylesheet' type='text/css'>
  52.  
  53. <style type="text/css">
  54.  
  55. ::selection {
  56. background:{color:Text hover};
  57. }
  58. ::-moz-selection {
  59. background:{color:Text hover};
  60. }
  61. ::-webkit-selection {
  62. background:{color:Text hover};
  63. }
  64.  
  65.  
  66.  
  67. body {
  68. font-family:Cambria;
  69. font-size: 11px;
  70. line-height: 100%;
  71. text-align: justify;
  72. color: {color:Font};
  73. background-color: {color:Background};
  74. background-image: url('{image:Background Image}');
  75. background-attachment: fixed;
  76. background-position: left top;
  77. background-repeat: repeat; }
  78.  
  79. a:link, a:visited, a:active {
  80. text-decoration: none;
  81. color: {color:Links};
  82. -webkit-transition: all 0.4s ease-in-out;
  83. -moz-transition: all 0.4s ease-in-out;
  84. -o-transition: all 0.4s ease-in-out;
  85. transition: all 0.4s ease-in-out;
  86. }
  87.  
  88. a:hover {
  89.  
  90. -webkit-transition: all 0.5s ease-out;
  91. -moz-transition: all 0.5s ease-out;
  92. transition: all 0.5s ease-out;
  93. text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  94. color: {color:Links hover};}
  95.  
  96. l {
  97. padding: 1px 7px 2px 3px;
  98. text-decoration: none;
  99. font-size: 12px;
  100. font-family:Cambria;
  101. color: {color:Links};
  102. border: 1px solid {color:Background};
  103. -webkit-transition: all 0.4s ease-in-out;
  104. -moz-transition: all 0.4s ease-in-out;
  105. -o-transition: all 0.4s ease-in-out;
  106. transition: all 0.4s ease-in-out;
  107. border-bottom: 0px solid transparent; }
  108.  
  109. b, strong {
  110. color: {color:Bold}; }
  111.  
  112. blockquote {
  113. margin-left: 2px;
  114. padding-left:6px;
  115. border-left: 2px solid {color:Post Border}; }
  116.  
  117. #title {
  118. padding-bottom: 4px;
  119. font-family:georgia;
  120. font-size: 13px;
  121. text-align: center; }
  122.  
  123. #link {
  124. margin-top: 10px;
  125. padding-bottom: 4px;
  126. font-size: 16px;
  127. text-align: center;}
  128.  
  129. h1 {
  130. font-size: 15px;
  131. line-height: 15px;
  132. letter-spacing: 0px;
  133. text-transform: none;
  134. font-weight: normal;
  135. text-align: center;
  136. margin-top: 0px;
  137. margin-bottom: -5px;
  138. padding: 0px;
  139. color: {color:Posts Title}; }
  140.  
  141.  
  142.  
  143. #entries {
  144. font-family:georgia;
  145. margin-left: 570px;
  146. margin-top: 50px;
  147. margin-bottom: 20px;
  148. width: 520px;
  149. }
  150.  
  151. #posts {
  152. overflow: hidden;
  153. font-family: Cambria;
  154. margin-bottom: 10px;
  155. padding: 10px 10px 0px 10px;
  156. border:1px solid {color:Post border};
  157. background: {color:Post Background};
  158. padding-bottom:10px;
  159. }
  160.  
  161.  
  162.  
  163. #info {
  164. font-size:7px;
  165. text-align:right;
  166. padding: 3px;
  167. font-family:cambria;
  168. border-top: 2px solid {color:Post border};
  169. margin-top:4px;
  170. border:1px solid {color:Post border};
  171. background: {color:Post Info Background};
  172. opacity:10%;
  173. text-transform: uppercase;
  174. }
  175.  
  176.  
  177.  
  178. #quote {
  179. font-size: 15px;
  180. font-style:italic;
  181. margin: 3px 0px 0px 35px;
  182. }
  183.  
  184. #source {
  185. font-size: 8px;
  186. margin-top: 10px;
  187. text-align:right;}
  188.  
  189. #speechmark {
  190. position: absolute;
  191. margin: 13px 0 0 -1px;
  192. font-style:italic;
  193. font-family: times new roman;
  194. font-size: 60px;
  195. font-weight: bold;
  196. color: {color:Post Border}; }
  197.  
  198.  
  199.  
  200. #audio { padding: 0px; }
  201.  
  202. .qu {
  203. opacity: 0.7;
  204. font-family: georgia;
  205. font-size: 25px;
  206. font-weight: bold;
  207. line-height: 33px;}
  208.  
  209. .ote {
  210. opacity: 0.9;
  211. margin-top: -34px;
  212. text-indent: 15px; }
  213.  
  214. .audio {
  215. background-color :white;
  216. display: block; }
  217.  
  218.  
  219.  
  220. #question {
  221. margin-bottom:2px;
  222. padding:5px;
  223. font-style:normal;
  224. font-size:10px;
  225. text-align:left;
  226. background-color:{color:questionbg};
  227. color:{color:question};
  228. -moz-border-radius:5px;
  229. -webkit-border-radius:5px;
  230. }
  231.  
  232. #answer {
  233. padding:5px;
  234. font-style:normal;
  235. text-align:left;
  236. color:{color:text};
  237. }
  238.  
  239.  
  240. margin:8px;
  241. .user_1 .label {color:{color:links}; font-weight:bold;}
  242. .user_2 .label {color:{color:links}; font-weight:bold;}
  243. .user_3 .label {color:{color:links}; font-weight:bold;}
  244. .user_4 .label {color:{color:links}; font-weight:bold;}
  245. .user_5 .label {color:{color:links}; font-weight:bold;}
  246. .user_6 .label {color:{color:links}; font-weight:bold;}
  247. .user_7 .label {color:{color:links}; font-weight:bold;}
  248. .user_8 .label {color:{color:links}; font-weight:bold;}
  249. .user_9 .label {color:{color:links}; font-weight:bold;}
  250. .user_10 .label {color:{color:links}; font-weight:bold;}
  251. .user_11 .label {color:{color:links}; font-weight:bold;}
  252. .user_12 .label {color:{color:links}; font-weight:bold;}
  253. .user_13 .label {color:{color:links}; font-weight:bold;}
  254. .user_14 .label {color:{color:links}; font-weight:bold;}
  255. .user_15 .label {color:{color:links}; font-weight:bold;}
  256. .user_16 .label {color:{color:links}; font-weight:bold;}
  257. .user_17 .label {color:{color:links}; font-weight:bold;}
  258. .user_18 .label {color:{color:links}; font-weight:bold;}
  259. .user_19 .label {color:{color:links}; font-weight:bold;}
  260. .user_20 .label {color:{color:links}; font-weight:bold;}
  261.  
  262. ul.chat, .chat ol, .chat li {
  263. padding:0px;
  264. list-style:none;}
  265.  
  266.  
  267.  
  268. ::-webkit-scrollbar-thumb:vertical {
  269. height:10px;
  270. background-color: {color:Scrollbar};
  271. }
  272. ::-webkit-scrollbar-thumb:horizontal {
  273. height:10px;
  274. background-color: {color:Scrollbar};
  275. }
  276.  
  277. ::-webkit-scrollbar {
  278. height: 10px;
  279. width: 5px;
  280. background-color: {color:Post Background};
  281. }
  282.  
  283.  
  284.  
  285. #postnotes {
  286. margin:0px 0px 0px 0px;
  287. width:510px;
  288. padding:5px;
  289. font-family:calibri headings;
  290. font-size: 13px;
  291. background-color: none; }
  292.  
  293. #postnotes a {
  294. margin-top:1px; }
  295.  
  296. ol.notes li.note {
  297. padding:2px;
  298. border-bottom: solid 0px;}
  299.  
  300. ol.notes li.note img.avatar {
  301. vertical-align:-4px;
  302. margin-right:0px;
  303. width:16px;
  304. height:16px; }
  305.  
  306.  
  307.  
  308. #pagination {
  309. font-family:consolas;
  310. text-align:center;
  311. font-size:13px;
  312. margin-top: 8px;
  313. text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  314. text-transform:uppercase}
  315.  
  316.  
  317. #center {
  318. margin-left: 320px;
  319. width: 800px; }
  320.  
  321. #position {
  322. position: fixed;
  323. margin-top: 120px;
  324. padding:5px;
  325. width: 200px;
  326. margin-left: -30px;
  327. }
  328. }
  329.  
  330. #sidebar {
  331. position: fixed;
  332. width:180px;
  333. z-index:0;
  334. width: 220px;
  335. font: 11px calibri;
  336. text-transform: justify;
  337. color: {color:Font};
  338. margin-top:50px;
  339. }
  340.  
  341. .blogtitle {
  342. font-family: 'The Girl Next Door', cursive;
  343. font-style:italic;
  344. font-size:18px;
  345. line-height:20px;
  346. padding:3px;
  347. text-align:center;
  348. margin-bottom: -13px;
  349. margin-left:-30px;
  350. color:{color:Blog Title};
  351.  
  352. }
  353.  
  354.  
  355. .imageside {
  356. margin-bottom:2px;
  357. margin-top:0px;
  358. position:fixed;
  359. }
  360.  
  361. .imageside img {
  362. width:160px;
  363. height:200px;
  364. align:center;
  365. border: 5px solid {color:border};
  366. }
  367.  
  368. .imageside .descrip {
  369. -webkit-transition: all 0.6s ease-out;
  370. -moz-transition: all 0.6s ease-out;
  371. width:160px;
  372. height:auto;
  373. margin-top:-580px;
  374. color:#000;
  375. opacity: 0;
  376. margin-left:5px;
  377. }
  378.  
  379. .imageside:hover .descrip {
  380. margin-left:5px;
  381. margin-top:-80px;
  382. opacity: 0.99;
  383. margin-bottom:2px;
  384. -webkit-transition: all 0.6s ease-out;
  385. -moz-transition: all 0.6s ease-out;
  386. }
  387.  
  388. .nav {
  389. display: inline-block;
  390. padding: 3px;
  391. text-align: center;
  392. line-height:12px;
  393. height:13px;
  394. width:65px;
  395. float: left;
  396. margin:1px 1px 1px 1px;
  397. font-family: calibri;
  398. font-size:9px; !important;
  399. text-decoration: none;
  400. letter-spacing: 0.10em;
  401. -webkit-transition-duration: .90s;
  402. border-left: 3px double #333;
  403. text-transform:uppercase;
  404. background: {color:nav background};
  405. color:{color:nav};
  406. }
  407.  
  408. .nav:hover {
  409. background:{color:nav hover background};
  410. display: inline-block;
  411. text-align: center;
  412. color:{color:nav hover};
  413. -webkit-transition-duration: .90s;
  414. border-left: 3px double {color:border};
  415. }
  416.  
  417. #description {
  418. position: fixed;
  419. font-style:georgia;
  420. overflow: hidden;
  421. width: 160px;
  422. font-size: 11px;
  423. margin-left:-19px;
  424. margin-top:360px;
  425. text-align: justify;
  426. color: {color:Font};
  427. background: none;
  428. }
  429.  
  430.  
  431.  
  432. #pagination {
  433. font-family:consolas;
  434. text-align:center;
  435. font-size:13px;
  436. margin-top: 8px;
  437. text-shadow: 0px 1px 5px rgba(0,0,0,0.13);
  438. text-transform:uppercase;
  439. }
  440.  
  441.  
  442.  
  443. #credit{
  444. width:25px;
  445. position:fixed;
  446. bottom:10px;
  447. right:10px;
  448. opacity:1;
  449. z-index:1;
  450. -webkit-transition: all 0.3s linear;
  451. -moz-transition: all 0.3s linear;
  452. -o-transition: all 0.3s linear;
  453. -ms-transition: all 0.3s linear;
  454. -webkit-filter: grayscale(100%);
  455. -moz-filter: grayscale(100%);
  456. -ms-filter: grayscale(100%);
  457. -o-filter: grayscale(100%);
  458. }
  459.  
  460. #credit:hover{
  461. opacity:0.3;
  462. -webkit-filter: grayscale(0%);
  463. -moz-filter: grayscale(0%);
  464. -ms-filter: grayscale(0%);
  465. -o-filter: grayscale(0%);
  466. }
  467.  
  468.  
  469. .roda {
  470. -webkit-border-radius: 50px;
  471. -moz-border-radius: 50px;
  472. border-radius: 50px;
  473. -webkit-transition-duration: 0.50s;
  474. width:60px;
  475. }
  476.  
  477. .roda:hover {
  478. -webkit-transform: rotate(360deg);
  479. }
  480.  
  481. </style>
  482. </head>
  483. <body>
  484. </div></div>
  485. <div id="center">
  486. <div id="position">
  487.  
  488. <div class="blogtitle">{text:blog title}</div></a>
  489.  
  490.  
  491. <div id="sidebar">
  492.  
  493.  
  494. <center><br>
  495. <div class="imageside"><img src="{image:Sidebar Image}"></a>
  496.  
  497. <div class="descrip">
  498. <a href="/"><div class="nav">home</div></a>
  499. <a href="/ask"><div class="nav">ask</div></a>
  500. <a href="{text:Link 1 url}"><div class="nav">{text:Link 1 title}</div></a>
  501. <a href="{text:Link 2 url}"><div class="nav">{text:Link 2 title}</div></a>
  502. <a href="{text:Link 3 url}"><div class="nav">{text:Link 3 title}</div></a>
  503. <a href="{text:Link 2 url}"><div class="nav">{text:Link 4 title}</div></a>
  504.  
  505. </div></div>
  506. </div></div>
  507.  
  508.  
  509. <div id="description">
  510. <br>{description}<p>
  511.  
  512. <div id="pagination">
  513. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«&nbsp;</a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  514. {/block:Pagination}</div>
  515.  
  516. </div></div>
  517. </div>
  518. </div>
  519.  
  520. <div id="entries">
  521.  
  522. {block:Posts}
  523. <div id="posts">
  524.  
  525. <div id="title">
  526. {block:Title}
  527. <h1>{Title}&nbsp;</h1>
  528. {/block:Title}
  529. </div>
  530. {block:Text}
  531. {Body}
  532. {/block:Text}
  533.  
  534. {block:Quote}<div id="speechmark">“</div>
  535. <div id="quote">
  536. {Quote}
  537. </div>
  538.  
  539. {block:Source}
  540. <div id="source">
  541.  
  542. -{Source}
  543.  
  544. </div>{/block:Source}
  545. {/block:Quote}
  546.  
  547. {block:Link}
  548. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  549. {block:Description}{Description}{/block:Description}
  550. {/block:Link}
  551.  
  552. {block:Photo}
  553. {LinkOpenTag}
  554. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  555. {LinkCloseTag}<br>
  556. {block:Caption}
  557. {Caption}
  558. {/block:Caption}
  559. {/block:Photo}
  560.  
  561. {block:Photoset}
  562. {Photoset-500}
  563. {block:Caption}
  564. {Caption}
  565. {/block:Caption}
  566. {/block:Photoset}
  567.  
  568. {block:Chat}
  569. <ul class="chat">
  570. {block:Lines}
  571. <li class="user_{UserNumber}">
  572. {block:Label}
  573. <span class="label">{Label}</span>
  574. {/block:Label}
  575. &nbsp;{Line}</li>
  576. {/block:Lines}</ul>
  577. {/block:Chat}
  578.  
  579. {block:Video}
  580. {Video-500}
  581. {block:Caption}
  582. {Caption}
  583. {/block:Caption}
  584. {/block:Video}
  585.  
  586. {block:Answer}
  587. <div id="question"><img src="{AskerPortraitURL-24}" width="24px" align="left" style="margin-right:10px; -moz-border-radius:3px; -webkit-border-radius:3px;" />{Asker} asked: <br />{Question}</div>
  588. <div id="answer">{Answer}</div>{/block:Answer}
  589.  
  590. {block:Audio}
  591. <div id="audio">
  592. {block:AlbumArt}
  593. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
  594. {/block:AlbumArt}
  595. {block:TrackName}
  596. Song: <b>{TrackName}</b><br>
  597. {/block:TrackName}
  598. {block:Artist}
  599. Artist: <b>{Artist}</b><br><br>
  600. {/block:Artist}<br>
  601. {AudioPlayerBlack}<br>
  602. </div>
  603. {block:Caption}
  604. {Caption}
  605. {/block:Caption}
  606. {/block:Audio}
  607.  
  608. <div id="info">
  609. <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}
  610. {block:ContentSource}&nbsp;-&nbsp;<a href="{SourceURL}"> source</a>
  611. </a>{block:ContentSource}{/block:RebloggedFrom}<br></div><center><i>
  612. {block:HasTags}{block:Tags}&nbsp<a href="{TagURL}" style="font-size:8.5px">#{Tag}</a> {/block:Tags}{/block:HasTags}</i></center></div><br>
  613.  
  614. {/block:Posts}
  615. {block:PostNotes}{PostNotes}{/block:PostNotes}
  616. {/block:Posts}</div></div>
  617. </div>
  618.  
  619. <a href="http://adf.ly/WipQG"><img src="http://static.tumblr.com/xkrznpq/PMOmud849/m.png" id="credit" title="mandrakescry themes" class="roda"></a>
  620.  
  621.  
  622. </body>
  623. </html>
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!