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

Simple&Clear eng

By: ru2 on Dec 14th, 2011  |  syntax: None  |  size: 8.63 KB  |  hits: 348  |  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"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!--
  6. Theme >> Simple&Clear
  7. By >> Ruba [http://ru2.tumblr.com/]
  8.                 >> Free to use, to share and alter
  9.                 >> Please give credit.
  10. -->
  11.  <head>
  12.  
  13. <META name="color:Background" content="#e4e1e2" />
  14. <META name="color:postbackground" content="">
  15. <META name="color:Sidebar Backgrond" content="" />
  16. <META name="color:text" content="#00130f" />
  17. <META name="color:note" content="#036cd9" />
  18. <META name="color:note hover" content="#58ACA2" />
  19. <META name="color:Link" content="#70b100" />
  20. <META name="color:border" content="#eeeeee" />
  21. <META name="color:Sidebar Nav Background" content="#a0a0a0">
  22. <META name="color:Sidebar Nav Link" content="#7accc8">
  23. <META name="color:Sidebar Nav Link Hover" content="#3d7faa">
  24. <META name="text:font size" content=" 14px " />
  25. <META name="text:Link1" content="">
  26. <META name="text:URL1" content="">
  27. <META name="text:Link2" content="">
  28. <META name="text:URL2" content="">
  29. <META name="text:Link3" content="">
  30. <META name="text:URL3" content="">
  31. <META name="text:Link4" content="">
  32. <META name="text:URL4" content="">
  33. <META name="text:Link5" content="">
  34. <META name="text:URL5" content="">
  35. <META name="image:avatar" content="http://static.tumblr.com/q6qqnsd/S8mlw7myc/untitled2.gif">
  36. <META name="image:Background" content="http://static.tumblr.com/q6qqnsd/M4ylypnyx/untitledddd-1.gif"/>
  37.  
  38.  
  39.  <title>{Title}</title>
  40.  <link rel="shortcut icon" href="{Favicon}">
  41.  <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42.  {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  43. </head>
  44.  <style type="text/css">
  45. @font-face {
  46. font-family: "tinytots";
  47. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  48. }
  49.  
  50. @font-face {
  51. font-family: "africa";
  52. src: url('http://static.tumblr.com/q6qqnsd/ph4lyr9s7/africa.ttf');
  53. }
  54.  body{
  55. text-align:justify;
  56. margin-top:20px;
  57. margin-bottom:20px;
  58. color:{color:text};
  59. text-decoration: left;
  60. font-family: 'Helvetica';
  61. font-size:10px;
  62. font-style:strong;
  63. background-color: {color:Background};
  64. background-image:url('{image:Background}');
  65. background-attachment: fixed;
  66. height: 100%;
  67. width: 100%;
  68. }
  69.  
  70.  
  71.  a:link, a:visited, a:active{
  72. color:{color:link};
  73. text-decoration:none;
  74. outline: none;
  75. -moz-outline-style: none;
  76. }
  77.  
  78.  a:hover{
  79. outline: none;
  80. color:{color:note};
  81. -moz-outline-style: none;
  82. }
  83.  
  84.  blockquote{
  85. padding:0px;
  86. padding-left:5px;
  87. margin:5px; border-left:2px
  88. solid {color:link};}
  89.  blockquote img{display:block;
  90. }
  91.  
  92.  blockquote p{
  93. padding:0px;
  94. margin:0px;
  95. }
  96.  blockquote blockquote{
  97. position:relative;
  98. left:5px;
  99. margin-top:0px;
  100. margin-right:0px;
  101. padding-right:0px;
  102. }
  103.  
  104.  .title{
  105. text-align:left;
  106. font-size:18px;
  107. color:{color:link};
  108. font-style:strong;
  109. }
  110.  
  111.  .src{
  112. margin-top:3px;
  113. text-align:right;
  114. }
  115.  
  116.  
  117.  
  118.  #side{
  119. background-color:{color:Sidebar Backgrond};
  120. border-left:1px
  121. dashed {color:text};
  122. padding-left:5px;
  123. width:230px;
  124. float:left;
  125. font-family: 'africa';
  126. text-decoration: left;
  127. font-style:strong;
  128. }
  129. #nav {
  130. background-color: {color:Sidebar Nav Background};
  131. width:183px;
  132. height: 16px;
  133. line-height: 12px;
  134. }
  135.  
  136. #nav a {
  137. font-family: tinytots;
  138. font-size: 8px;
  139. color: {color:Sidebar Nav Link};
  140. text-decoration: none;
  141. text-transform: uppercase;
  142. letter-spacing: 1px;
  143. -webkit-transition: all 0.5s ease;
  144. -moz-transition: all 0.5s ease;
  145. -o-transition: all 0.5s ease;
  146. }
  147.  
  148. #nav a:hover {
  149. color: {color:Sidebar Nav Link Hover};
  150.  
  151. }
  152.  
  153.  #description {
  154. psition:fixed;
  155. width:190px;
  156. background-color:{color:Sidebar Backgrond};
  157. position: ;
  158. left:182px;
  159. top: 151px;
  160. font-family: 'africa';  
  161. font-size:{text:font size};
  162. line-height: 13px;
  163. width: 210px;
  164. color: {color:text};
  165. text-decoration: right;
  166. }
  167.  .audio{
  168. width:530px;
  169. border:1px
  170. solid{color:text};
  171. }
  172.  
  173.  
  174.  .lines{
  175. font-style:normal;
  176. }
  177.  
  178.  
  179.  .lines .line{
  180. color:{color:chat2};
  181. margin-bottom:3px;
  182. width:494px;
  183. padding:3px;
  184. background:{color:chat1};
  185. }
  186.  
  187.  .lines .line.even{
  188. color:{color:chat1};
  189. margin-bottom:3px;
  190. width:494px;
  191. padding:3px;
  192. background:{color:chat2};
  193. }
  194.  
  195.  
  196.  
  197.  .of{
  198. font-size:13px;
  199. font-style:;
  200.  
  201. }
  202.  
  203.  .page{
  204. font-size:20px;
  205. }
  206.  
  207.  .date{
  208. color:{color:note};
  209. font-size:8px;
  210. display:none;
  211. position:absolute;
  212. width:90px;
  213. right:92%;
  214. padding-right:10px;
  215. margin-right:10px;
  216. font-family:"tinytots";
  217. }
  218.  
  219.  
  220. #post{
  221. text-decoration: left;
  222. font-family: 'africa';
  223. width:530px;
  224. margin-top:10px;
  225. margin-bottom:5px;
  226. font-style:strong;
  227. font-size:{text:font size};
  228. background-color: {color:postbackground};
  229. border-bottom-style: dotted;
  230. border-bottom-color: {color:border};
  231. border-bottom- width: -1px;
  232. }
  233.  
  234.  #entry:hover .date {
  235. display: block;
  236. }
  237.  
  238.  .date a {
  239. color:{color:note};
  240. }
  241.  
  242.  
  243.  
  244.  .date a:hover {
  245.  
  246. color:{color:note hover};
  247.  
  248.  
  249. }
  250.  #content {
  251. width: 510px;
  252. margin: auto;
  253. position: relative;
  254. }
  255.  
  256.  
  257.  {CustomCSS}
  258.  
  259.  </style>
  260.  </head>
  261.  <body>
  262. <div id="wrapper">
  263.  
  264. <div id="left">
  265.  
  266.  <div id="description"style="position: fixed;">
  267.  
  268.  <a href="/" class="h2"><div class="title"><b>{Title}</b></a> </div>
  269.  
  270. <BR>
  271.  
  272.  
  273.  
  274. <center><img src="{image:avatar}" width="190"></img>
  275. <div id="nav">
  276. <p><a href="/">Home</a>&nbsp;&nbsp;
  277. <a href="/archive">Archive</a>&nbsp;&nbsp;
  278. <a href="/ask">Message</a>&nbsp;&nbsp;
  279. <a href="/follow/{Name}">Follow</a>
  280. <br>
  281. </div>
  282. <div id="descrip">{description}</div><p>
  283.  
  284. <a href="{text:URL1}"><font color:{color:Link}; >{text:Link1}</font></a>
  285.  
  286. <small> | </small>
  287.  
  288. <a href="{text:URL2}"><font color:{color:Link}; >{text:Link2}</font></a>
  289.  
  290.  
  291. <small> | </small>
  292.  
  293.  
  294. <a href="{text:URL3}"><font color:{color:Link}; >{text:Link3}</font></a>
  295.  
  296. <br>
  297.  
  298. <small> | </small>
  299.  
  300.  
  301. <a href="{text:URL4}"><font color:{color:Link}; >{text:Link4}</font></a>
  302.  
  303.  
  304. <small> | </small>
  305.  
  306.  
  307. <a href="{text:URL5}"><font color:{color:Link}; >{text:Link5}</font></a>
  308.  
  309.  
  310.  
  311. <div id="pages">
  312. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://media.tumblr.com/tumblr_lxug5oeIKv1qan8h1.png" /></a> &nbsp;&nbsp;&nbsp; {block:PreviousPage}{block:NextPage}<a href="{NextPage}"><img src="http://media.tumblr.com/tumblr_lxug46VWzF1qan8h1.png" /></a>{block:NextPage}</div></div>
  313.  
  314.  
  315.  </div>
  316.  
  317.  
  318.  </div>
  319.  
  320. <div id="content">
  321.  
  322.  
  323.  
  324.  {block:Posts}
  325.  
  326.  
  327.  
  328.  <div id="post">
  329.  
  330.  
  331.  
  332.  <div id="entry">
  333.  
  334.  {block:Date}<div class="date"><a href="{Permalink}" title="{TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}">✿ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{DayOfMonth}/{MonthNumber}/{ShortYear}<BR>
  335.  
  336.  
  337.  ✿ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{NoteCountWithLabel}</a><BR>
  338.  
  339.  
  340.  ✿ {block:RebloggedFrom}(via: <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}</a></div>{/block:Date}
  341.  
  342.  {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  343.  
  344.  
  345.  {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-HighRes}"width="530px"alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  346.  
  347.  
  348.  
  349.  {block:Photoset}
  350.  
  351.  
  352.  
  353.  {Photoset-500}{block:Caption}{Caption}{/block:Caption}
  354.  
  355.  
  356.  
  357.  {/block:Photoset}
  358.  
  359.  {block:Quote}
  360.  
  361.  
  362.  
  363. <b class="mark">&#10077;</b><div class="qut">{Quote}</div>
  364.  
  365.  
  366.  
  367. {block:Source}<div class="sourr"> — {Source}</div>
  368.  
  369.  
  370.  
  371. {/block:Source}
  372.  
  373.  
  374. {/block:Quote}
  375.  
  376.  
  377.  {block:Link}<a href="{URL}" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  378.  
  379.  {block:Chat}
  380.  
  381.  {block:Title}<div class="title">{Title}</div>{/block:Title}
  382.  
  383.  <div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div>{/block:Lines}</div>
  384.  
  385.  {/block:Chat}
  386.  
  387.  {block:Audio}
  388.  
  389.  
  390.  <div class="audio">{block:ExternalAudio}<div class="download"><a href="{ExternalAudioURL}" title="download">
  391.  
  392.  <img width="25px" src="">
  393.  
  394.  </a></div>{/block:ExternalAudio}{AudioPlayer}</div>{block:Caption}{Caption}{/block:Caption}
  395.  
  396.  {/block:Audio}
  397.  
  398.  {block:Video}
  399.  
  400.  {Video-500}{block:Caption}{Caption}{/block:Caption}
  401.  
  402.  {/block:Video}
  403.  
  404.  {block:Answer}<div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div><div class="q">{Question}</div><div class="a">{Answer}</div>{/block:Answer}
  405.  
  406.  
  407.  {block:PermalinkPage}
  408.  
  409.  {block:Audio} + {FormattedPlayCount} plays {block:ExternalAudio} + <a href="{ExternalAudioURL}">download</a>{/block:ExternalAudio}{/block:Audio}
  410.  
  411.  {block:HasTags}{block:Tags} + <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  412.  
  413.  {/block:PermalinkPage}</span>{/block:Date}
  414.  
  415.  {block:PostNotes}<div class="content">{PostNotes}</div>{/block:PostNotes}
  416.  
  417.  </div></div>
  418.  
  419.  {/block:Posts}
  420.  
  421.  
  422. <div class="footer">
  423.  
  424. </div>
  425.  
  426.  </div>
  427.  </body>
create a new version of this paste RAW Paste Data