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

Theme #2/ SHINee

By: skyisthelimitthemes on Aug 12th, 2012  |  syntax: None  |  size: 8.81 KB  |  hits: 54  |  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. <!--
  2. THEME SHINee BY Sky Is The Limit
  3. PLEASE DO NOT CLAIM THEME AS YOURS, TAKE OUT CREDITS OR
  4. USE THIS THEME AS A BASE CODE FOR YOUR OWN. THANK YOU AND ENJOY!
  5. -->
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13. <title>{block:SearchPage}Search results for "{SearchQuery}" - {/block:SearchPage}{block:PostSummary}
  14.  
  15. {PostSummary} - {/block:PostSummary}{Title}</title>
  16.  
  17. <style type="text/css">
  18.  
  19. img{-webkit-transition: opacity 0.8s linear; opacity: 0.75;}img:hover{-webkit-transition: opacity 0.8s linear; opacity: 1;}
  20.  
  21.  
  22. body {margin:0px;background-color: #fff; background-image:url(http://static.tumblr.com/fm8ke7l/VLWm3b64w/bg1.jpg);
  23. background-attachment: fixed;background-repeat: repeat;}body, div, p, textarea, submit, input{
  24. font-family: tinytots;font-size: 8px;line-height:12px;letter-spacing:0px;color:#000;}
  25.  
  26. p {margin:0px;margin-top:0px;}
  27.  
  28. A:link, A:visited, A:active{color: #000; text-decoration:none; -webkit-transition: .4s;text-align: justify;}
  29.  
  30. A:hover{
  31. color: #ededed;
  32.  
  33. }
  34.  
  35. @font-face {
  36.  
  37. font-family: "Passion";
  38.  
  39. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/Passion.ttf');}
  40.  
  41.  
  42. #title {
  43.     position:fixed;
  44.     padding-bottom:5px;
  45.     margin-left:80px;
  46.     margin-right:10px;
  47.     margin-top: -22px;
  48.     font-family:trebuchet ms;
  49.     font-size:20px;
  50.     letter-spacing:2px;
  51.     border-bottom:5px dashed #bdbdbd;}
  52.  
  53.  
  54. #title:hover {
  55.     color:#848484;
  56.     padding-bottom:10px;
  57.     border-bottom: dashed 3px #bdbdbd;
  58.     -moz-transition: all .5s ease-in-out;
  59.     -webkit-transition: all .5s ease-in-out;
  60. }
  61.  
  62.  
  63. #desc {
  64.    
  65.     font-family:trebuchet ms;
  66.     font-size:10px;
  67.     letter-spacing: 1px;
  68.    margin-top:150px;
  69.     line-height:10px;
  70.     color: #6e6e6e;
  71.     width:210px;
  72.     padding-top:5px;
  73.     padding-bottom:5px;
  74.    
  75.     }
  76.    
  77.    
  78.    
  79.    
  80. #links {
  81.     margin-top:-54px;
  82.     margin-left:200px;
  83.     text-align:center;
  84.     text-transform:uppercase;
  85.     font-family:tinytots;
  86.     font-size:8px;
  87.     width:100px;
  88.     height:11px;
  89.     padding-right:15px;
  90.     padding-left:15px;
  91.     background-color: #cdcdcd;
  92.     -moz-border-radius: 0px 20px 0px 20px;
  93.     -webkit-border-radius: 0px 20px 0px 20px;
  94.     -moz-transition: all .5s ease-in-out;
  95.     -webkit-transition: all .5s ease-in-out;
  96. }
  97.  
  98. #links:hover {
  99.      width:130;
  100.     background-color: #848484;
  101.    
  102. }
  103.  
  104.  
  105.  
  106.  
  107. div#center{
  108.     margin:auto;
  109.     position:relative;
  110.     width:840px;
  111.     background-color:;
  112.     overflow:auto;
  113.     overflow-y:hidden;}
  114.  
  115.  
  116.  
  117. div#content{  
  118. float:right;
  119. width:400px;
  120. padding-right:2px;
  121. padding-left:2px;
  122. margin-right: 90px;  
  123. height:auto;
  124. padding:10px;
  125. margin-bottom:5px;
  126. border:0px solid #fff;
  127. font-family:tinytots;
  128. font-size:9px;
  129. color: #000;
  130. background-color:transparent;  
  131. opacity:1;
  132.  
  133. }
  134.  
  135.  
  136.  
  137. #text {
  138.     background-color: #fff;
  139.     border:1px solid #fff;
  140.     width:400px;  
  141. }
  142.  
  143.  
  144. div#entry{
  145. background-color:transparent;
  146. margin-top:0px;
  147. padding-right:solid #fff 5px;
  148. padding-left: solid #fff 5px;
  149. padding-top:0px;
  150. padding-bottom:1px;
  151. margin-bottom:-15px;
  152. border-bottom: solid transparent 10px;}
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159. div#sidebar{
  160.     position:fixed !important;
  161.     -moz-border-radius:0px 100px 0px 2px;
  162.     -webkit-border-radius: 0px 100px 0px 2px;
  163.     width: auto;
  164.     height: auto;
  165.     margin: 150px 0px 0px 0px;
  166.     padding-top:0px;
  167.     padding-left:-2px;
  168.     font-size: 10px;
  169.     line-height:8px;
  170.     letter-spacing:0px;
  171.     margin-bottom: 6px;
  172.     background-color:transparent;
  173.     border: 4px solid transparent;}
  174.    
  175.    
  176.  
  177.  
  178.  
  179. #postnotes{text-align: justify;}
  180.  
  181. #postnotes blockquote{border: 0px;}
  182.  
  183. .title {
  184. font-family: trebuchet ms;
  185. text-align:center;
  186. font-size: 15px;
  187. margin-bottom: 20px;
  188. line-height: 15px;
  189. color: #000;
  190. letter-spacing: 1px;
  191. font-weight: lighter;
  192. padding:0px 0px 0px 0px; }
  193.  
  194.  
  195.  
  196. .title2 {
  197.     font-family: trebuchet ms;
  198.     text-align:center;
  199.     margin-bottom: 20px;
  200.     font-size: 12px;
  201.     line-height: 12px;
  202.     color: #848484;
  203.     letter-spacing: 0px;
  204.     font-weight: normal;
  205.     padding:0px 0px 0px 0px; }
  206.    
  207.  
  208. blockquote{padding:0px 0px 2px 5px;margin:0px 0px 2px 1px;border-left: 1px solid #555555;}
  209.  
  210. blockquote p, ul{margin:0px; padding:0px; }
  211.  
  212. a img{border: 0px;}
  213.  
  214. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  215.  
  216. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  217. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  218.  
  219. .notes img{width:10px; position:relative; top:3px;}
  220.  
  221. .permalink{display: block;font-size: 10px;text-align: right;}
  222.  
  223. small{font-size: 90%;}
  224.  
  225. </style>
  226.  
  227.  
  228.  
  229. <link rel="shortcut icon" href="{Favicon}">
  230. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  231. <meta name="viewport" content="width=820" />
  232.  
  233. </head>
  234.  
  235. <body>
  236.  
  237.  
  238.  
  239.  
  240. <div id="cage">
  241. <div id="center">
  242. <div id="sidebar">
  243.  
  244. <div id="title">
  245. {Title}
  246. </div>
  247.  
  248. <br>
  249. <img src="http://25.media.tumblr.com/tumblr_m8k577BnJk1rw8vvio1_500.jpg" width=200px; height=200px; style=" -moz-border-radius:100px;
  250.     -webkit-border-radius: 100px;
  251.     -moz-transition: all .5s ease-in-out;
  252.     -webkit-transition: all .5s ease-in-out;  background-color:#fff; z-index:-1; "></a>
  253.    
  254.    <div id="links">
  255. <a href="http://cielosthemes.tumblr.com/">t h e m e</a></center>
  256. </div>
  257. <br>
  258. <br>
  259.  
  260. <div id="links">
  261. <a href="/ask">m e s s a g e</a>
  262. </div>
  263.  
  264. <br>
  265. <br>
  266.  
  267. <div id="links">
  268. <a href="/archive">p a s t</a></center>
  269. </div>
  270.  
  271. <br>
  272. <br>
  273.  
  274.  
  275.   <div id="links">
  276. <a href="/">i n d e x</a>
  277. </div>
  278.  
  279. <div id="desc">
  280. <center>{Description}</center>
  281. </div>
  282.  
  283. <br>
  284.  
  285.  
  286.  
  287. <div align="right">
  288. <br>
  289. {block:NextPage}<a href="{NextPage}"><font size="3"><center><b>next »</b></font></a>{/block:NextPage}
  290. {block:PreviousPage} <a href="{PreviousPage}"><font size="3"><center><b>« previous</b></font></a>{/block:PreviousPage}
  291. </div>
  292.  
  293. </div>
  294.  
  295. <div id="content">
  296. {block:Posts}
  297. <div id="entry">
  298.  
  299. <div id="text">
  300. {block:Text}
  301. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  302. <br>
  303.  
  304. <span class="entrytext">{Body}</span>
  305. <span class="permalink"><a href="{Permalink}">✈</a></span>
  306. {/block:Text}
  307.  
  308.  
  309.  
  310. {block:Link}
  311. <a href="{URL}" class="title"><center>{Name}</center></a>
  312. <br>
  313.  
  314. {block:Description}{Description}{/block:Description}
  315. <span class="permalink"><a href="{Permalink}">✈</a>
  316. {block:Link}
  317.  
  318.  
  319.  
  320. {block:Photo}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage} <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="400"  {block:IndexPage}</a>{/block:IndexPage} {block:PermalinkPage}{LinkCloseTag} {/block:PermalinkPage} {block:ifShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaptions} {/block:Photo}
  321.  
  322.  
  323.  
  324. {block:Photoset}{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}{block:IndexPage}<div style="padding:1px; float:right;"><a href="{Permalink}">✈</a></div>{/block:IndexPage}{/block:Photoset}
  325.  
  326.  
  327. {block:Quote}
  328. <span class="title"><center>{Quote}</center></span>
  329. <br>
  330. {block:Source}- {Source}{/block:Source}
  331. <span class="permalink"><a href="{Permalink}">✈</a>
  332. {/block:Quote}
  333.  
  334.  
  335.  
  336. {block:Chat}
  337. {block:Title}<span class="title"><center>{Title}</center></span>{/block:Title}
  338. <br>
  339. <ul class="chat">
  340. {block:Lines}
  341. <li class="user_{UserNumber}">
  342. {block:Label}
  343. <span class="label">{Label}</span>
  344. {/block:Label}
  345. {Line}
  346. </li>
  347. {/block:Lines}
  348. </ul>
  349. {/block:Chat}
  350.  
  351.  
  352.  
  353. {block:Audio}
  354. <center><div class="audio"><div style="width:300px; height:-10px;"><div style="float:center"><center>{AudioPlayerBlack}</center></div><div style="margin-top:10px; float:center;">
  355. {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</div></div></centeR>
  356. <span class="permalink"><a href="{Permalink}">✈</a>
  357. {/block:Audio}
  358.  
  359. </div>
  360.  
  361.  
  362. {block:Video}<center>
  363. {Video-400}</center>
  364. <span class="permalink"><a href="{Permalink}">✈</a>
  365. {block:Video}
  366. <br>
  367.  
  368. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  369.  
  370. {block:PostNotes}{PostNotes}
  371. {/block:PostNotes}
  372. </div>
  373.  
  374. {/block:Posts}
  375.  
  376. <center></a>
  377. </div></div>
  378.  
  379. {Block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/Block:ifinfinitescrolling}
  380.  
  381. <style type="text/css">a:hover {cursor: url(ttp://cur.cursors-4u.net/others/oth-6/oth589.cur), auto }</style>
  382.  
  383.  
  384. </div>
  385. </center>
  386.  
  387. </body>
  388. </html>
create a new version of this paste RAW Paste Data