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

Out Of My Mind Theme

By: bieberarts on Jun 27th, 2012  |  syntax: None  |  size: 12.79 KB  |  hits: 1,367  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. "Out Of My Mind" theme made by kathia [http://bieberarts.tumblr.com/]
  5. Please don't remove the credit!
  6. -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head>
  11.  
  12.     <!-- DEFAULT VARIABLES -->
  13. <meta name="color:text" content="#555555" />
  14. <meta name="color:title" content="#000000" />
  15. <meta name="color:blogtitle" content="#7c5151" />
  16. <meta name="color:link" content="#a88282" />
  17. <meta name="color:scrollbar" content="#a88282" />
  18. <meta name="color:link hover" content="#555555" />
  19. <meta name="color:border" content="#a88282" />
  20. <meta name="color:line chat one" content="#ffffff" />
  21. <meta name="color:line chat two" content="#f7f7f7" />
  22.      
  23. <meta name="color:background" content="#ffffff" />
  24. <meta name="color:info" content="#eeeeee" />
  25. <meta name="color:link bar background" content="#eeeeee" />
  26. <meta name="color:sidebar border" content="#eeeeee" />
  27.  
  28. <meta name="color:entry" content="#eeeeee" />
  29. <meta name="color:sidebar" content="#ffffff" />
  30.  
  31. <meta name="font:body text" content="arial" />
  32. <meta name="font:links" content="georgia" />
  33.  
  34. <meta name="image:background" content="" />
  35.  
  36. <meta name="image:sidebar" content=""/>
  37. <meta name="image:background" content="" />
  38.  
  39. <meta name="text:Link1" content="" />
  40. <meta name="text:Link1 Title" content="" />
  41. <meta name="text:Link2" content="" />
  42. <meta name="text:Link2 Title" content="" />
  43. <meta name="text:Link3" content="" />
  44. <meta name="text:Link3 Title" content="" />
  45. <meta name="text:Link4" content="" />
  46. <meta name="text:Link4 Title" content="" />
  47. <meta name="text:Link5" content="" />
  48. <meta name="text:Link5 Title" content="" />
  49. <meta name="text:Link6" content="" />
  50. <meta name="text:Link6 Title" content="" />
  51.  
  52.  
  53.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  54.     <title>{title}</title>
  55.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56.      <link rel="shortcut icon" href="{Favicon}" />
  57.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  58. <link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:30px;}
  62. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:entry}; height:10px!important;}
  63. ::-webkit-scrollbar {background-color:{color:entry}; height:10px; width:14px;}
  64.  
  65. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body text}; font-size:10px; line-height:110%; text-align:justify; word-wrap:break-word;}
  66.  
  67. a:link, a:active, a:visited {color:{color:Link}; text-decoration:none; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  68. a:hover {text-decoration:none; color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  69.  
  70. ::selection {text-decoration:none; background-color:transparent; color:{color:border};}
  71.  
  72. small{font-size:9px; line-height:110%}
  73. big {font-size:15px; line-height:110%}
  74. b, strong{color:{color:text}}
  75. i, em {color:{color:title}}
  76. p{margin-top:5px; margin-bottom:5px}
  77. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:1px solid {color:text};}
  78.  
  79. img a{border:none; width:100%}
  80.  
  81.  
  82. #layout {width:905px; margin:45px 135px -10px 135px}
  83. #contents {float:right; width:500px; margin:-18px 25px 18px 0px}
  84. #entry {background-color:{color:Entry}; width:500px; margin: 5px 0px -3px 20px; padding:6px;}
  85.  
  86.  
  87. .entry{background-color:{color:Entry}; width:500px; margin: 10px 0 -3px 20px; padding:6px;}
  88. .entry:hover .sideinfo{opacity:1.0; -moz-opacity: 1.0;}
  89. [class="entry"]:hover [class="sideinfo"]{opacity:1.0; -moz-opacity: 1.0;}
  90. .sideinfo{position: absolute; text-align:left; width:170px; margin:-2px 0px 0px 510px; overflow:hidden;
  91. {block:IndexPage}
  92. opacity: .0;
  93. -moz-opacity: .0;
  94. {/block:IndexPage}
  95. {block:PermalinkPage}
  96. opacity: 1.0;
  97. -moz-opacity: 1.0;
  98. {/block:PermalinkPage}
  99. -webkit-transition: all .7s ease-out;
  100. -moz-transition: all .7s ease-out;
  101. -o-transition: all .7s ease-out;
  102. transition: all .7s ease-out;}
  103. .tag{display:inline-block; text-align:left; font-weight:normal; text-transform:lowercase;}
  104.  
  105.  
  106. #title {width:300px; text-align:center; margin-top:-6px; margin-bottom:0px; color:{color:link}; font-family: 'satisfy'; font-size:19px; font-style:normal; letter-spacing:1px; line-height:13px; position:fixed; border-bottom: 0px solid {color:blogtitle};}
  107.  
  108. #sidebar {top: 75px; margin-left:46px; padding:0px; height:auto; width: 290px; position:fixed;}
  109.  
  110. #sbar{background-color:{color:transparent}; padding:5px; float:left; height:auto; width:290px; margin-top:-20px; margin-bottom: 25px; text-align:center; border:0px solid {color:sbar}; border-top: 0px solid {color:titleborder}; border-top-left-radius:0px; border-bottom-right-radius:0px;}
  111.  
  112. #pagination {padding:5px; float:left; width:290px; margin-top:-44px; margin-left:1px; margin-bottom: 25px; text-align:center; font-size:14px;}
  113.  
  114. #sidebar img{max-width:250px; margin-left:0px; margin-bottom:-17px; margin-top:20px; border:0px solid {color:info};  border: 8px solid {color:sidebar border};}
  115.  
  116. #links {background-color:{color:link bar background}; width:266px; margin-left:12px; margin-bottom:-3px; margin-top:7px; padding:4px 0 5px 0; text-align:center;}
  117. .lnks a {color:{color:text}; font-family:courier new; font-size:10px; text-transform: uppercase; font-weight:normal; font-style:normal;}
  118. .lnks a:hover {color:{color:link};}
  119.  
  120.  
  121. #links2 {background-color:{color:link bar background}; width:266px; margin-left:12px; margin-bottom:15px; margin-top:11px; padding:4px 0 5px 0; text-align:center; -moz-border-radius: 0px; border-radius: 0px;}
  122. .lnks2 a {color:{color:text}; font-family:courier new; font-size:10px; text-transform:uppercase; font-weight:normal; font-style:normal;}
  123. .lnks2 a:hover {color:{color:link}; text-decoration:none;}
  124.  
  125.  
  126. #desc {background-color:{color:transparent}; width:264px; margin-left:12px; text-align:center; font-family:{font:body text}; font-size: 10px; padding:1px; margin-top:6px; margin-bottom:-8px;}
  127.  
  128.  
  129. h1{color:{color:title}; font-family:georgia; font-size:16px; line-height:12px; letter-spacing:0px; font-weight:normal; font-style:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  130.  
  131. h2{color:{color:title}; font-family:georgia; font-size:14px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  132.  
  133.  
  134. #info {background-color:{color:info}; width:504px; margin:6px 0px 0px 0px; padding:4px; display:block; font-size:9px; letter-spacing:0px; text-transform:lowercase; text-align: center; margin-bottom:-6px; margin-top:3px; margin-left:-6px; border-top: 3px solid {color:background};}
  135. #info a {color:{color:link};}
  136. #info a:hover {color:{color:text};}
  137.  
  138. #tags {background-color:transparent; font-family:arial; text-align:left; margin-top: 3px; margin-left:18px; text-transform:lowercase; font-size:9px;}
  139. .tags a {color:{color:text}; opacity:0.9;}
  140.  
  141. #km {padding:5px 5px 5px 5px}
  142. .qu {font-family:georgia; font-size:40px; font-weight:bold;  line-height:33px; opacity:0.7}
  143. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  144.  
  145. .credit {position:fixed; bottom:8px; left:1206px; font-size:10px; font-family:courier new; text-transform:uppercase; letter-spacing: 0px; font-style:normal};}
  146.  
  147. .asker {width: 490px; background-color: {color:background}; padding: 5px 5px 7px 5px; font-size: 11px; font-weight: bold; color:{color:asker}; text-transform: lowercase; line-height: 11px;}
  148. .asker img{float: left; padding: 0px 5px 0px 0px;}
  149. .asker a{font-size: 11px; font-weight: bold; color:{color:link}; text-transform: lowercase; line-height: 11px; padding: 0; margin: 0}
  150. .asker a:hover{font-size: 11px; font-weight: bold; color:{color:link hover}; background-color: transparent; text-transform: lowercase; line-height:11px; padding: 0; margin: 0;}
  151.  
  152. .question {text-align: center; font-size: 10px; font-weight: bold; color:{color:text}; text-transform: none;}
  153. .answer {padding-left: 4px; padding-right: 4px; padding-top: 0px;}
  154. .answer img {max-width: 470px;}
  155.  
  156.  
  157. .audio{background-color:#108ba5; display:block;}
  158.  
  159.  
  160. .post-chat {width: 500px; margin-bottom: 6px; background: {color:Post background};}
  161. .chat {list-style-type: none;}
  162. .odd {padding: 4px; background: {color:line chat one}; color: {color:Chat line one text};}
  163. .even {padding: 4px; background: {color:line chat two}; color: {color:Chat line two text};}
  164.  
  165. .user_1 .label {color:{color:text}; font-weight:bold}
  166. .user_2 .label {color:{color:title}; font-weight:bold}
  167. .user_3 .label {color:{color:text}; font-weight:bold}
  168. .user_4 .label {color:{color:title}; font-weight:bold}
  169. .user_5 .label {color:{color:text}; font-weight:bold}
  170. .user_6 .label {color:{color:title}; font-weight:bold}
  171.  
  172. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  173.  
  174. #notes {font-weight:normal}
  175. #notes li {padding-bottom:0.5em}
  176. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:2px;}
  177.  
  178. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  179.  
  180.         </style>
  181.     <style type="text/css">{CustomCSS}</style>
  182. </head>
  183.  
  184. <body>
  185.  
  186. <div id="layout">
  187.  
  188. <div id="contents">
  189.  
  190. {block:Posts}
  191. <div class="entry">
  192.  
  193. <div class="sideinfo">
  194. {block:HasTags}{block:Tags}
  195. <div class="tag">#<a href="{TagURL}">{Tag}</a></div>{/block:Tags}
  196. {/block:HasTags}</div>
  197.  
  198. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  199.  
  200. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  201.  
  202. {block:Link}<a href="{URL}"><h1>{Name} ></h1></a>
  203. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  204.  
  205. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  206. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  207.  
  208. {block:Photoset}<center>{Photoset-500}</center>
  209. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  210.  
  211. {block:Chat}
  212.    <div class="post-chat">
  213.    {block:Title}<h1>{Title}</h1>{/block:Title}
  214.       {block:Lines}<div class="{Alt} user_{UserNumber}">
  215.      {block:Label}<span class="label">{Label}</span>{/block:Label}
  216.       {Line}</div>
  217.  {/block:Lines}
  218.    </div>
  219. {/block:Chat}
  220.  
  221. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  222.  
  223. {block:Answer}
  224. <div class="question">{Asker} wondered, {Question}</div>
  225. <div class="answer">{Answer}</div>
  226. {/block:Answer}
  227.  
  228. {block:Audio}<div id="km">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayer}<br>
  229. {block:TrackName}<b>Track Name:</b> {TrackName}<br />{/block:TrackName}
  230. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}<b>Played:</b> {PlayCount} times
  231. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  232.  
  233. <div id="info">
  234. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <br> {block:RebloggedFrom} reblogged from <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  235. {block:ContentSource} originally from <a href="{SourceURL}">{SourceLink}</a>
  236. {/block:ContentSource}
  237. </div></div>
  238. <BR>
  239. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  240.  
  241.  
  242. <div id="sidebar">
  243. <div id="title">{title}</div>
  244. <div id="titletwo"></div>
  245. <div id="sbar">
  246.  
  247. <a href="/"><img src="{image:sidebar}" /></a><br />
  248. <br />
  249.  
  250. <div id="links"><div class="lnks">
  251. &nbsp;<a href="/">refresh</a>&nbsp;
  252. &nbsp;<a href="/ask">message</a>&nbsp;
  253. &nbsp;<a href="/archive">archive</a>&nbsp;
  254. </div>
  255. </div>
  256.  
  257. <div id="desc">{Description}</div>
  258. <div id="links2"><div class="lnks2">
  259. {block:ifLink1}&nbsp;<a href="{text:Link1}">{text:Link1 Title}</a>&nbsp;{/block:ifLink1}
  260. {block:ifLink2}&nbsp;<a href="{text:Link2}">{text:Link2 Title}</a>&nbsp;{/block:ifLink2}
  261. {block:ifLink3}&nbsp;<a href="{text:Link3}">{text:Link3 Title}</a>&nbsp;{/block:ifLink3}
  262. {block:ifLink4}&nbsp;<a href="{text:Link4}">{text:Link4 Title}</a>&nbsp;{/block:ifLink4}
  263. {block:ifLink5}&nbsp;<a href="{text:Link5}">{text:Link5 Title}</a>&nbsp;{/block:ifLink5}
  264. {block:ifLink6}&nbsp;<a href="{text:Link6}">{text:Link6 Title}</a>&nbsp;{/block:ifLink6}
  265. </div>
  266. </div>
  267. </div>
  268.  
  269. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">►</a>{/block:NextPage}{/block:Pagination}</div>
  270.  
  271. <div class="credit"><a href="http://bieberarts.tumblr.com/tagged/themes">© theme</a></div></div></div>
  272. </div>
  273. </div>
  274.  
  275. </body>
  276. </html>
create a new version of this paste RAW Paste Data