API tools faq
paste
Advertisement
missdilaurentis

MissDiLaurentis Blogroll page #2

missdilaurentis
Feb 2nd, 2014
3,798
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.97 KB | None | 0 0
raw download clone embed print report
  1. <!-- BLOGROLL PAGE #2 BY JASONDILAURENTS
  2.  
  3. http://jasondilaurentis.tumblr.com
  4. http://themesbyjasondilaurents.tumblr.com
  5.  
  6. DON'T REMOVE THE CREDIT, USE AS A BASE OR CLAIM AS YOUR OWN.
  7. THANKS FOR USING MY THEMES. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <!--FONTS-->
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
  20.  
  21. <style type="text/css">
  22.  
  23.  
  24. body {
  25. background-color:#ffffff; /*BACKGROUND COLOR*/
  26. background-image:url(''); /*BACKGROUND IMAGE URL*/
  27. font-family:'calibri';
  28. font-size:9px;
  29. color:#000000; }
  30.  
  31. /*SCROLLBAR*/
  32.  
  33. ::-webkit-scrollbar-thumb:vertical {
  34. height:12px;
  35. background-color:#B7005F;} /*SCROLLBAR*/
  36.  
  37. ::-webkit-scrollbar-thumb:horizontal {
  38. background-color:#B7005F;} /*SCROLLBAR*/
  39.  
  40. ::-webkit-scrollbar {
  41. width:6px;
  42. height:7px;
  43. border:2px solid #ffffff; /*SCROLLBAR BACKGROUND*/
  44. background-color:#000000; /*SCROLLBAR BORDER*/}
  45.  
  46. /*SELECTION*/
  47.  
  48. ::selection {
  49. background:#ee479c;
  50. color:#ffffff;}
  51.  
  52. ::-moz-selection {
  53. background:#ee479c;
  54. color:#ffffff;}
  55.  
  56. ::-webkit-selection {
  57. background:#ee479c;
  58. color:#ffffff;}
  59.  
  60. #wrap {
  61. position:relative;
  62. top:100px;
  63. width:675px;
  64. margin:0 auto;
  65. padding:5px;}
  66.  
  67. #container {
  68. width:615px;
  69. background-color:#ffffff; /*CONTAINER BACKGROUND COLOR*/
  70. max-height:292px;
  71. margin-top:0px;
  72. margin-left:auto;
  73. margin-right:auto;
  74. border-top:5px solid #000000; /*CONTAINER BORDER TOP COLOR*/
  75. border-bottom:5px solid #000000; /*CONTAINER BORDER BOTTOM COLOR*/
  76. text-align:left;
  77. padding:1px;
  78. overflow:auto;}
  79.  
  80. .containwrap {
  81. width:190px;
  82. height:64px;
  83. padding:3px;
  84. background-color:#000000;/*BLOGS BACKGROUND COLOR*/}
  85.  
  86. .containwrap:hover {
  87. width:190px;
  88. height:64px;
  89. padding:3px;
  90. background-color:transparent;
  91. -webkit-transition: all 0.3s ease-in-out;
  92. -moz-transition: all 0.3s ease-in-out;
  93. -o-transition: all 0.3s ease-in-out;
  94. -ms-transition: all 0.3s ease-in-out;
  95. transition: all 0.3s ease-in-out;}
  96.  
  97. .containtext {
  98. float:left;
  99. text-align:left;
  100. font-family:'calibri';
  101. text-transform:uppercase;
  102. word-wrap:break-word;
  103. font-size:8px;
  104. color:#adacac; /*BLOG TITLES COLOR*/
  105. font-weight:bold;
  106. margin-top:-54px;
  107. margin-left:64px;
  108. height:64px;
  109. width:100px;
  110. padding:3px;}
  111.  
  112. #info {
  113. margin-top:-35px;
  114. height:15px;
  115. line-height:15px;
  116. width:607px;
  117. padding:5px;
  118. margin-bottom:1px;
  119. text-align:center;
  120. margin-left:auto;
  121. margin-right:auto;
  122. background-color:#000000; /*TOP BAR BACKGROUND COLOR*/
  123. background-image:url(''); /*TOP BAR BACKGROUND IMAGE URL*/}
  124.  
  125. a {
  126. text-decoration:none;
  127. color:#8F004A; /*LINKS COLOR*/
  128. -webkit-transition: all 0.3s ease-in-out;
  129. -moz-transition: all 0.3s ease-in-out;
  130. -o-transition: all 0.3s ease-in-out;
  131. -ms-transition: all 0.3s ease-in-out;
  132. transition: all 0.3s ease-in-out;}
  133.  
  134. a:hover {
  135. text-decoration:none;
  136. color:#000000; /*LINKS HOVER COLOR*/
  137. -webkit-transition: all 0.3s ease-in-out;
  138. -moz-transition: all 0.3s ease-in-out;
  139. -o-transition: all 0.3s ease-in-out;
  140. -ms-transition: all 0.3s ease-in-out;
  141. transition: all 0.3s ease-in-out;}
  142.  
  143. .nav a{
  144. letter-spacing:1px;
  145. text-decoration:none;
  146. font-family:'calibri';
  147. text-transform:uppercase;
  148. font-weight:bold;
  149. font-style:none;
  150. font-size:8px;
  151. padding:3px;
  152. color:#B7005F; /*TOP BAR LINKS COLOR*/
  153. -webkit-transition: all 0.3s ease-in-out;
  154. -moz-transition: all 0.3s ease-in-out;
  155. -o-transition: all 0.3s ease-in-out;
  156. -ms-transition: all 0.3s ease-in-out;
  157. transition: all 0.3s ease-in-out; }
  158.  
  159. .nav a:hover {
  160. letter-spacing:1px;
  161. text-decoration:none;
  162. font-family:'calibri';
  163. text-transform:uppercase;
  164. font-weight:bold;
  165. font-style:none;
  166. font-size:8px;
  167. padding:3px;
  168. color:#000000; /*TOP BAR LINKS HOVER COLOR*/
  169. background-color:#B7005F; /*TOP BAR LINKS HOVER BACKGROUND COLOR*/
  170. -webkit-transition: all 0.3s ease-in-out;
  171. -moz-transition: all 0.3s ease-in-out;
  172. -o-transition: all 0.3s ease-in-out;
  173. -ms-transition: all 0.3s ease-in-out;
  174. transition: all 0.3s ease-in-out;}
  175.  
  176. .credit a{font-family:'calibri'; letter-spacing:1px; font-size:8px; bottom:2px; right:3px; position:fixed; padding:10px; text-align:right; font-weight:bold;}
  177.  
  178. .title a, .title{
  179. font-style:none;
  180. font-weight:bold;
  181. font-family:'petit formal script';
  182. font-size:30px;
  183. letter-spacing:1px;
  184. color:#000000; /*TITLE COLOR*/
  185. text-align:center;
  186. width:615px;
  187. margin-left:auto;
  188. margin-right:auto;
  189. margin-top:0px;
  190. margin-bottom:25px;
  191. background-color:transparent;
  192. padding:5px;
  193. text-shadow: 1px 1px 1px #000000;/*TITLE SHADOW COLOR*/}
  194.  
  195. .icons img {
  196. border-radius:64px;
  197. transition:0.3s;
  198. -o-transition-transition:0.3s;
  199. -webkit-transition-duration:0.3s;
  200. -moz-transition-duration:0.3s;}
  201.  
  202. .containwrap:hover .icons img {
  203. opacity:0.7;
  204. transition:0.3s;
  205. -o-transition-transition:0.3s;
  206. -webkit-transition-duration:0.3s;
  207. -moz-transition-duration:0.3s;
  208. transform:rotate(360deg);
  209. -ms-transform:rotate(360deg);
  210. -webkit-transform:rotate(360deg);}
  211.  
  212. .title:first-letter {
  213. color:#B7005F; /*TITLE FIRST LETTER COLOR*/}
  214.  
  215. ul {
  216. list-style: none;
  217. margin-left:0%;}
  218.  
  219. li {
  220. float: left;
  221. margin-left:5px;
  222. margin-bottom:-9px;}
  223.  
  224. </style>
  225.  
  226. <div id="wrap">
  227.  
  228. <div class="credit"><a href="http://themesbyjasondilaurents.tumblr.com">© JASONDILAURENTS</a></div>
  229.  
  230. <!--YOUR TITLE HERE-->
  231. <div class="title">blogroll.</div></br>
  232.  
  233. <!--LINKS-->
  234. <div id="info"><div class="nav">
  235. <a href="/">BACK TO MY BLOG</a>&nbsp;&nbsp;&nbsp;&nbsp;
  236. <a href="http://tumblr.com/dashboard">DASHBOARD</a> &nbsp;&nbsp;&nbsp;&nbsp;</div>
  237. </br></br></div>
  238.  
  239. <div id="container">
  240. {block:Following}
  241. {block:Followed}<li>
  242. <div class="containwrap">
  243. <a href="{FollowedURL}" title="{FollowedName}"><div class="icons"><img src="{FollowedPortraitURL-64}"/></div></a>
  244. <div class="containtext">
  245. <a href="{FollowedURL}" title="{FollowedName}">{FollowedName}</a><br>
  246. {FollowedTitle}</div></div></li>
  247. {/block:Followed}{/block:Following}
  248. </div></div></div>
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!