API tools faq
paste
sherloeckchen

theme #16

sherloeckchen
May 10th, 2013
2,105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}" />
  7.  
  8. <link href='http://fonts.googleapis.com/css?family=Cabin+Condensed|Oranienbaum|Capriola' rel='stylesheet' type='text/css'>
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica:400,400italic|Playfair+Display:400,400italic|Lora:400,400italic|IM+Fell+English:400,400italic' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,700,400italic' rel='stylesheet' type='text/css'>
  13.  
  14. <style type="text/css">
  15.  
  16. body{
  17. background-color:white;
  18. font-family:times, serif;
  19. color:black;
  20. text-align:justify;
  21. font-size:8px;
  22. letter-spacing:1px;
  23. }
  24.  
  25. a, a:visited, a:active, a:hover{
  26. color:black;
  27. text-decoration:none;
  28. -webkit-transition:0.9s ease-in;
  29. }
  30.  
  31. i, em{
  32. font-size:9px;
  33. }
  34.  
  35. #container{
  36. width:973px;
  37. margin:10px auto 90px;
  38. }
  39.  
  40. #header{
  41. margin-top:50px;
  42. margin-bottom:60px;
  43. text-align:center;
  44. text-transform:uppercase;
  45. }
  46.  
  47. #header h1{
  48. font-weight:normal;
  49. font-size:40px;
  50. letter-spacing:0px;
  51. margin-bottom:20px;
  52. font-family:'playfair display';
  53. }
  54.  
  55. /* shows */
  56.  
  57. .tv{
  58. display:inline-block;
  59. margin:15px;
  60. border:1px solid #f2f2f2;
  61. overflow:hidden;
  62. width:290px;
  63. height:150px;
  64. text-transform:uppercase;
  65. text-align:center;
  66. }
  67.  
  68. .tv img{
  69. width:290px;
  70. min-height:150px;
  71. display:none;
  72. }
  73.  
  74. .info{
  75. position:absolute;
  76. opacity:1;
  77. -webkit-transition:0.6s ease-in;
  78. width:290px;
  79. height:150px;
  80. background-color:white;
  81. line-height:150%;
  82. }
  83.  
  84. .tv h1{
  85. font-weight:normal;
  86. text-align:center;
  87. font-style:;
  88. font-size:13px;
  89. text-transform:uppercase;
  90. margin:50px 0px 20px;
  91. font-family:'playfair display';
  92. }
  93.  
  94. .tv h1 a{
  95. color:teal;
  96. }
  97.  
  98. .tv h1 a:hover{
  99. color:#f2f2f2;
  100. }
  101.  
  102. #theme{
  103. position:fixed;
  104. bottom:10px;
  105. right:10px;
  106. -webkit-border-radius:100px;
  107. padding:3px 4px 2px;
  108. text-transform:uppercase;
  109. -webkit-transition:0.6s ease-in;
  110. cursor:default;
  111. font-size:8px;
  112. }
  113.  
  114. #theme:hover{
  115. background-color:{color:links};
  116. color:white;
  117. }
  118.  
  119. </style>
  120. <body>
  121.  
  122. <div id="container">
  123.  
  124. <div id="header">
  125. <h1>television</h1>
  126. to watch: optional
  127. </div>
  128.  
  129. <!-- copy this -->
  130. <div class="tv">
  131. <div class="info">
  132. <h1><a href="/tagged/show!tag">show</a></h1>
  133. channel<br>
  134. (year — year)<br>
  135. </div>
  136. <img src="http://i.imgur.com/aiMkhkC.png" />
  137. </div>
  138. <!-- until here to add a show -->
  139.  
  140. </div>
  141.  
  142. <a title="crimical" href="http://crimical.tumblr.com/"><div id="theme">t.</div></a>
  143.  
  144. </body>
  145. </html>
Advertisement
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!