API tools faq
paste
Advertisement
planthed

Network/Faves page #1

planthed
Nov 19th, 2015
909
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.45 KB | None | 0 0
raw download clone embed print report
  1. <!-----
  2.  
  3. theme made by tumblr user planthed ★彡
  4.  
  5. keep the creds u lil bitch (◡‿◡✿)
  6.  
  7. — http://painthemes.tumblr.com/
  8. — http://planthed.tumblr.com/
  9.  
  10. ------>
  11.  
  12. <html lang="en">
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Raleway|Montserrat' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'>
  16.  
  17.  
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("a[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:90,
  26. tip_fade_speed:600,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31. </script>
  32.  
  33.  
  34. <style type="text/css">
  35.  
  36. /*tooltips*/
  37.  
  38. #s-m-t-tooltip{
  39. max-width:300px;
  40. padding:10px;
  41. border:1px solid #eee; /*change the color*/
  42. margin:20px 0px 0px 20px;
  43. background:#fff;/* background tooltips*/
  44. font-family:calibri;
  45. border-radius:0px;
  46. font-size:8px;
  47. text-transform:uppercase;
  48. color:#000; /*change the color*/
  49. letter-spacing:2px;
  50. opacity:1;
  51. z-index:99999999999999999;
  52. }
  53.  
  54. /*scrollbar*/
  55.  
  56. ::-webkit-scrollbar {width: 10px; height: 2px; background:transparent; border:4px solid transparent; }
  57.  
  58. ::-webkit-scrollbar-thumb {
  59. background-color:#abbece; /*scrollbar color*/
  60. border:3px solid #fbfbfb;
  61. }
  62.  
  63. /*links*/
  64.  
  65. a:link, a:active, a:visited{
  66. color:#000;
  67. text-transform:uppercase;
  68. text-decoration: none;
  69. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  70. }
  71. a:hover {
  72. font-style: none;
  73. color:#888;
  74. }
  75.  
  76.  
  77.  
  78. body{
  79. margin:5px;
  80. background-color: #fbfbfb; /*background color*/
  81. background-image:url(url img here); /*background image*/
  82. background-attachment: fixed;
  83. background-repeat: repeat;
  84. color:#868686;
  85. }
  86.  
  87. /*position of the boxes*/
  88.  
  89. #posts{
  90. float:center;
  91. width:700px;
  92. margin-left:27%;
  93. margin-top:170px;
  94. padding:5px;
  95. }
  96.  
  97. /*blog title*/
  98.  
  99. #titulo {
  100. color:#abbece; /*change the color of your blogtitle*/
  101. margin-top:-15px;
  102. font-family: Montserrat, Helvetica, Arial, sans-serif;
  103. z-index:999999;
  104. text-align:center;
  105. font-size:30px;
  106. line-height:15px;
  107. letter-spacing:2px;
  108. text-transform:uppercase;
  109. }
  110.  
  111.  
  112. #sidebar {
  113. width:577px;
  114. height:80px;
  115. position:absolute;
  116. padding:40px;
  117. z-index:999;
  118. margin-top:-150px;
  119. margin-left:27%;
  120. z-index:999999999999999999999999;}
  121.  
  122. #links{
  123. margin-top:10px;
  124. text-align:center;
  125. }
  126.  
  127. /*sidebar links*/
  128.  
  129. #links a{
  130. text-transform:uppercase;
  131. font-family:calibri;
  132. font-size:8px;
  133. letter-spacing:2px;
  134. margin-left:3px;
  135. padding-bottom:1px;
  136. margin-top:30px;
  137. border-bottom:1px solid #eee; /*change the color */
  138. }
  139.  
  140. #links a:hover{
  141. border-bottom:1px solid #aaa; /*change the color*/
  142. }
  143.  
  144.  
  145.  
  146. .desc {
  147. overflow:hidden;
  148. margin-top:10px;
  149. overflow-y:scroll;
  150. margin-left:0px;
  151. font-family:calibri;
  152. font-size:8px;
  153. z-index:999999;
  154. text-align:left;
  155. width:550px;
  156. padding:5px;
  157. height:50px;
  158. line-height:13px;
  159. letter-spacing:1px;
  160. text-transform:uppercase;
  161. }
  162.  
  163.  
  164. /*boxes*/
  165.  
  166. #ok {
  167. margin-top:12px;
  168. display: inline-block;
  169. margin-right:30px;
  170. padding: 20px;
  171. border:1px solid #eee; /*change the color*/
  172. margin-bottom:20px;
  173. background: #fff; /*change the color*/
  174. overflow:hidden;
  175. }
  176.  
  177. #ok img {
  178. height:150px;
  179. width: 150px;
  180. padding: 0px;
  181. }
  182.  
  183. /*title of the boxes*/
  184.  
  185. .title {
  186. width:130px;
  187. padding:10px;
  188. overflow:hidden;
  189. line-height:16px;
  190. font-size:9px; /*size of the title*/
  191. font-weight:700;
  192. letter-spacing:4px;
  193. color:#000; /*change the color*/
  194. text-align:center;
  195. border:1px solid #eee; /*change the color*/
  196. margin-top:10px;
  197. font-family: Montserrat, Helvetica, Arial, sans-serif;
  198. text-transform:uppercase;
  199. }
  200.  
  201.  
  202.  
  203. #info {
  204. color: #000; /*change the color*/
  205. margin-left:0px;
  206. margin-top:-90px;
  207. padding-top: 12px;
  208. padding-bottom: 12px;
  209. width: 150px;
  210. height:auto;
  211. max-height:55px;
  212. overflow-y:scroll;
  213. text-align:center;
  214. position: absolute;
  215. z-index: 9;
  216. text-transform:uppercase;
  217. font-family:calibri;
  218. font-size:8px;
  219. background:white;
  220. letter-spacing:1px;
  221. opacity:0;
  222. transition-duration: 0.4s;
  223. -moz-transition-duration: 0.4s;
  224. -webkit-transition-duration: 0.4s;
  225. -o-transition-duration: 0.4s;}
  226.  
  227.  
  228. #ok:hover #info{
  229. opacity:1;
  230. margin-top:-78px;
  231. transition-duration: 0.4s;
  232. -moz-transition-duration: 0.4s;
  233. -webkit-transition-duration: 0.4s;
  234. -o-transition-duration: 0.4s;
  235. }
  236.  
  237.  
  238.  
  239. .wow {
  240. position:fixed;
  241. text-transform:uppercase;
  242. letter-spacing:1px;
  243. font-family:calibri;
  244. font-size:8px;
  245. right:10px;
  246. bottom:10px;
  247. }
  248.  
  249.  
  250.  
  251.  
  252. </style>
  253. <title>net</title>
  254. <link rel="shortcut icon" href="{favicon}">
  255. </head>
  256.  
  257. <body>
  258. <!----don't delete my credits please---->
  259. <div class="wow"><a href="http://planthed.tumblr.com" target="_blank">thm.</a></div>
  260. <!----don't delete my credits please---->
  261. <div id="sidebar">
  262. <div id="titulo">network name</div>
  263. <div class="desc">
  264. <!---write here your description---->
  265.  
  266.  
  267.  
  268.  
  269.  
  270. <!---write here your description---->
  271. </div>
  272. <div id="links">
  273. <!---links // if you want more links copy and paste <a href="">link</a>--->
  274. <a href="">link 1</a>
  275. <a href="">link 2</a>
  276. <a href="">link 3</a>
  277. <a href="">link 4</a>
  278. <a href="">link 5</a>
  279. <!----don't delete my credits please---->
  280. <a href="http://planthed.tumblr.com" target="_blank">theme credit</a>
  281. <!----don't delete my credits please---->
  282. </div>
  283. </div>
  284.  
  285. <!----BOXES---->
  286.  
  287. <!----
  288.  
  289. add more boxes
  290.  
  291. <div id="ok">
  292. <img src=""/>
  293. <div id="info">
  294. write here a description, max 5 lines please
  295. </div>
  296. <div class="title"><a title="go to blog" target="_blank" href="/">name</a></div>
  297. </div>
  298.  
  299. ---->
  300.  
  301. <div id="posts">
  302. <!----BOXES GOES HERE--->
  303.  
  304. <div id="ok">
  305. <img src="img url"/>
  306. <div id="info">
  307. <!---write here your description---->
  308. write here a description
  309. <!---write here your description---->
  310. </div>
  311. <div class="title"><a title="go to blog" target="_blank" href="url">name</a></div>
  312. </div>
  313.  
  314.  
  315. <div id="ok">
  316. <img src="img url"/>
  317. <div id="info">
  318. <!---write here your description---->
  319. write here a description
  320. <!---write here your description---->
  321. </div>
  322. <div class="title"><a title="go to blog" target="_blank" href="url">name</a></div>
  323. </div>
  324.  
  325.  
  326.  
  327. <div id="ok">
  328. <img src="img url"/>
  329. <div id="info">
  330. <!---write here your description---->
  331. write here a description
  332. <!---write here your description---->
  333. </div>
  334. <div class="title"><a title="go to blog" target="_blank" href="url">name</a></div>
  335. </div>
  336.  
  337.  
  338. <div id="ok">
  339. <img src="img url"/>
  340. <div id="info">
  341. <!---write here your description---->
  342. write here a description
  343. <!---write here your description---->
  344. </div>
  345. <div class="title"><a title="go to blog" target="_blank" href="url">name</a></div>
  346. </div>
  347.  
  348.  
  349. <div id="ok">
  350. <img src="img url"/>
  351. <div id="info">
  352. <!---write here your description---->
  353. write here a description
  354. <!---write here your description---->
  355. </div>
  356. <div class="title"><a title="go to blog" target="_blank" href="url">name</a></div>
  357. </div>
  358.  
  359.  
  360. <div id="ok">
  361. <img src="img url"/>
  362. <div id="info">
  363. <!---write here your description---->
  364. write here a description
  365. <!---write here your description---->
  366. </div>
  367. <div class="title"><a title="go to blog" target="_blank" href="url">name</a></div>
  368. </div>
  369.  
  370.  
  371. <!----BOXES GOES HERE--->
  372. <br><br>
  373. </div>
  374. </body>
  375. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!