Advertisement
phositivethemes

network theme 1

Jul 31st, 2016
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.25 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <script>var __pbpa = true;</script><script>var translated_warning_string = 'Warning: Never enter your Tumblr password unless \u201chttps://www.tumblr.com/login\u201d\x0ais the address in your web browser.\x0a\x0aYou should also see a green \u201cTumblr, Inc.\u201d identification in the address bar.\x0a\x0aSpammers and other bad guys use fake forms to steal passwords.\x0a\x0aTumblr will never ask you to log in from a user\u2019s blog.\x0a\x0aAre you absolutely sure you want to continue?';</script><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/assets/scripts/pre_tumblelog.js?_v=4407ac63b04a974114891da19b333539"></script>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  5.  
  6. <html>
  7. <head>
  8.  
  9. <!--WARNING DO NOT REMOVE THIS CREDIT!-->
  10.  
  11.  
  12. <!---
  13.  
  14.  
  15. // * THEME BY PHOSITIVE.TUMBLR.COM
  16. // * DON'T REMOVE THE CREDITS
  17. // * THANKS FOR USING MY THEMES ❤
  18.  
  19.  
  20. --->
  21.  
  22. <!--WARNING DO NOT REMOVE THIS CREDIT!-->
  23.  
  24.  
  25. <title>{Title}</title><link rel="shortcut icon" href="{Favicon}"><link rel="alternate" type="application/rss+xml" href="{RSS}">{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27.  
  28. <!--meta tags-->
  29. <meta name="color:background" content="#f8f8f8"/>
  30. <meta name="color:header" content="#fff"/>
  31. <meta name="color:border" content="#ccc"/>
  32. <meta name="color:text" content="#000"/>
  33. <meta name="image:background" content=""/>
  34.  
  35.  
  36. <!--fonts-->
  37. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  38. <link href='https://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>
  39. <link href='https://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  40.  
  41.  
  42. <!--masonry-- (dont remove unless you want messed up posts)-->
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45. <!--end-->
  46.  
  47. <head>
  48. <style type="text/css">
  49. body{background-color:{color:background};background-image:url({image:background});background-attachment:fixed;font-family:'Muli',serif;font-size:8px;cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important;}
  50. iframe, img, embed, object, video {max-width: 100%;}
  51. a:link, a:visited{text-decoration:none;color:{color:text};-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
  52. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;color:{color:hover};text-decoration: none;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
  53.  
  54. #left {position: fixed;top: 0; bottom: 0;width: 40px;left:0;z-index:999999999999;
  55. background: #f8efef; /* For browsers that do not support gradients */
  56. background: -webkit-linear-gradient({color:border},#fff); /* For Safari 5.1 to 6.0 */
  57. background: -o-linear-gradient({color:border},#fff); /* For Opera 11.1 to 12.0 */
  58. background: -moz-linear-gradient({color:border},#fff); /* For Firefox 3.6 to 15 */
  59. background: linear-gradient({color:border},#fff); /* Standard syntax */}
  60. #left2 {position: fixed;top: 0; bottom: 0;width: 3px;left:3.2%;z-index:999999999999;
  61. background: #f8efef; /* For browsers that do not support gradients */
  62. background: -webkit-linear-gradient({color:border},#fff); /* For Safari 5.1 to 6.0 */
  63. background: -o-linear-gradient({color:border},#fff); /* For Opera 11.1 to 12.0 */
  64. background: -moz-linear-gradient({color:border},#fff); /* For Firefox 3.6 to 15 */
  65. background: linear-gradient({color:border},#fff); /* Standard syntax */}
  66. #right {position: fixed;top: 0; bottom: 0;width: 40px;right:0;z-index:999999999999;
  67. background: #f8efef; /* For browsers that do not support gradients */
  68. background: -webkit-linear-gradient({color:border},#fff); /* For Safari 5.1 to 6.0 */
  69. background: -o-linear-gradient({color:border},#fff); /* For Opera 11.1 to 12.0 */
  70. background: -moz-linear-gradient({color:border},#fff); /* For Firefox 3.6 to 15 */
  71. background: linear-gradient({color:border},#fff); /* Standard syntax */}
  72. #right2 {position: fixed;top: 0; bottom: 0;width: 3px;right:3.2%;z-index:999999999999;
  73. background: #f8efef; /* For browsers that do not support gradients */
  74. background: -webkit-linear-gradient({color:border},#fff); /* For Safari 5.1 to 6.0 */
  75. background: -o-linear-gradient({color:border},#fff); /* For Opera 11.1 to 12.0 */
  76. background: -moz-linear-gradient({color:border},#fff); /* For Firefox 3.6 to 15 */
  77. background: linear-gradient({color:border},#fff); /* Standard syntax */}
  78.  
  79. #header {position:relative;width:98%;margin-left:0%;margin-top:0%;height:auto;padding:10px;line-height:15px;text-align:center;background:{color:header};}
  80. #contain{position:relative;width:700px;height:auto;top:15px;text-align:center;margin: 0 auto;}
  81.  
  82. .title {font-family: 'Dancing Script', cursive;margin-top:20px;
  83. font-size:32px;
  84. letter-spacing:4px;
  85. padding:5px;
  86. text-align:center;
  87. color:#ccc;text-shadow: 2px 2px #eee;}
  88.  
  89. .desc {font-size:9px;letter-spacing:2px;color:gray;margin-top:10px;}
  90.  
  91. .links {width:auto;height:10px;text-align:center;position:relative;right:10px;text-transform:uppercase;letter-spacing:3px;font-size:10px;font-family: 'Open Sans Condensed', sans-serif;color: #666;margin-top:5px;}
  92. .links:hover {color:gray;}
  93.  
  94. .entry{position:static;text-align:left;float:left;width:150px;height:140px;margin:12px;}
  95.  
  96. .diamond, .dia {
  97. margin: 0 auto;
  98. transform-origin: 50% 50%;
  99. overflow: hidden;
  100. width: 115px;
  101. height: 115px;
  102. }
  103. .diamond {
  104. transform: rotate(45deg) translateY(-25px) translateX(-25px);
  105. }
  106. .diamond .dia {
  107. width: 180px;
  108. height: 180px;
  109. transform: rotate(-45deg);
  110. }
  111. .diamond img {
  112. width: 100%;
  113. height: auto;}
  114.  
  115. .diamond img:hover { -moz-transform: scaleX(-1);
  116. -o-transform: scaleX(-1);
  117. -webkit-transform: scaleX(-1);
  118. transform: scaleX(-1);
  119. filter: FlipH;
  120. -ms-filter: "FlipH";
  121. width: 100%;opacity:0.5;height: auto;-webkit-transition: all 0.5s ease;
  122. -moz-transition: all 0.5s ease;
  123. -o-transition: all 0.5s ease;
  124. -ms-transition: all 0.5s ease;
  125. transition: all 0.5s ease;}
  126.  
  127. .entry:hover .bloti{font-size:10px;color:#666;margin-top:-5px;text-align:center;letter-spacing:1px;overflow:visible;opacity:1;
  128. -webkit-transition: all 0.5s ease;
  129. -moz-transition: all 0.5s ease;
  130. -o-transition: all 0.5s ease;
  131. -ms-transition: all 0.5s ease;
  132. transition: all 0.5s ease;}
  133.  
  134. .bloti{overflow:hidden;opacity:0;font-size:0px;}
  135.  
  136. .tmblr-iframe{margin-top:5px;margin-right:45px;z-index:9999999999999999999999999999999999!important;-webkit-filter: invert(100%);opacity: 0.7;font-size:9px;}
  137. ::-webkit-scrollbar {height:11px;width:4px;border:1px solid white;}
  138. ::-webkit-scrollbar-thumb {background-color:#808080;border:1px solid white;}
  139.  
  140. #info{width:130px;height:auto;position:fixed;bottom:30px;left:75px;letter-spacing:2px;text-align:center;background:#eee;font-size:8px;
  141. color:#666;font-family:'Muli',serif;}
  142. .infotit{background:#eee;border-top:0px solid #fff; border-bottom:3px solid #ffffff; color:#666;padding:5px;}
  143. .upcon{padding:10px;border:1px solid #eeeeee;outline:1px dashed #cccccc;outline-offset:-7px;}
  144.  
  145. </style>
  146. </head>
  147.  
  148. <body>
  149. <!--please don't remove this-->
  150. <style>#cred{right:3px;width:10px;height:13px;bottom:5px;padding:3px;position:fixed;font-size:13px;z-index:999999999999999;opacity:0.9;}
  151. #cred:hover .title{opacity:1;width:120px;height:13px;right:3px;bottom:5px;padding:3px;position:fixed;font-size:11px;text-align:center;z-index:999999999999999;opacity:0.9;border-radius:100px;display:block;background:#eee;color:#707070;}
  152. </style>
  153. <div id="cred"><div class="phositive"><a href="http://phositivethemes.tumblr.com/" target="_blank"><i class="fa fa-plus"></i></div> <br>
  154. <div class="title">PHOSITIVE THEMES</a></div></div>
  155.  
  156. <div id="left">
  157. <div id="left2">
  158. <div id="right">
  159. <div id="right2">
  160. </div></div></div></div>
  161.  
  162. <div id="header">
  163. <div class="title">{Title}</div>
  164. <div class="links">
  165. <a href="/" title="back">back</a> •
  166. <a href="/ask" title="message">message</a> •
  167. <a href="https://www.tumblr.com/" title="archive">dash</a> •
  168. <a href="https://phositivethemes.tumblr.com" target="_blank" title="phositivethemes">theme</a>
  169. </div>
  170. <div class="desc">{Description}</div>
  171. </div>
  172.  
  173. <div id="contain">
  174.  
  175. <!--Member 1-->
  176. <div class="entry"><br><br>
  177. <div class="diamond">
  178. <div class="dia">
  179. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  180. </div></div>
  181. <div class="bloti">"BLOG URL"<br>admin</div>
  182. </div>
  183.  
  184. <!--Member 2-->
  185. <div class="entry"><br><br>
  186. <div class="diamond">
  187. <div class="dia">
  188. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  189. </div></div>
  190. <div class="bloti">"BLOG URL"</div>
  191. </div>
  192.  
  193. <!--Member 3-->
  194. <div class="entry"><br><br>
  195. <div class="diamond">
  196. <div class="dia">
  197. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  198. </div></div>
  199. <div class="bloti">"BLOG URL"</div>
  200. </div>
  201.  
  202. <!--Member 4-->
  203. <div class="entry"><br><br>
  204. <div class="diamond">
  205. <div class="dia">
  206. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  207. </div></div>
  208. <div class="bloti">"BLOG URL"</div>
  209. </div>
  210.  
  211. <!--Leave this blank-->
  212. <div class="entry"><br><br>
  213. </div>
  214.  
  215. <!--Member 5-->
  216. <div class="entry"><br><br>
  217. <div class="diamond">
  218. <div class="dia">
  219. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  220. </div></div>
  221. <div class="bloti">"BLOG URL"</div>
  222. </div>
  223.  
  224. <!--Member 6-->
  225. <div class="entry"><br><br>
  226. <div class="diamond">
  227. <div class="dia">
  228. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  229. </div></div>
  230. <div class="bloti">"BLOG URL"</div>
  231. </div>
  232.  
  233. <!--Leave this blank-->
  234. <div class="entry"><br><br>
  235. </div>
  236.  
  237. <!--Member 7-->
  238. <div class="entry"><br><br>
  239. <div class="diamond">
  240. <div class="dia">
  241. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  242. </div></div>
  243. <div class="bloti">"BLOG URL"</div>
  244. </div>
  245.  
  246.  
  247. <!--Member 8-->
  248. <div class="entry"><br><br>
  249. <div class="diamond">
  250. <div class="dia">
  251. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  252. </div></div>
  253. <div class="bloti">"BLOG URL"</div>
  254. </div>
  255.  
  256. <!--Member 9-->
  257. <div class="entry"><br><br>
  258. <div class="diamond">
  259. <div class="dia">
  260. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  261. </div></div>
  262. <div class="bloti">"BLOG URL"</div>
  263. </div>
  264.  
  265. <!--Member 10-->
  266. <div class="entry"><br><br>
  267. <div class="diamond">
  268. <div class="dia">
  269. <img src="http://data.whicdn.com/images/230474579/superthumb.jpg" alt=""/>
  270. </div></div>
  271. <div class="bloti">"BLOG URL"</div>
  272. </div>
  273.  
  274.  
  275.  
  276. </div>
  277.  
  278.  
  279. <!--Info-->
  280. <div id="info">
  281. <!-- if you want more tab copy from here -->
  282. <div class="infotit"><center>Want a promo?</center></div> <!-- change tite here -->
  283. <div class="upcon">
  284.  
  285. ✔Follow 3+ of my faves for a <b>blog rate</b><br>
  286.  
  287. ✔Follow 6+ of my faves for a <b>solo<br></b>
  288.  
  289. ✔Follow 10+ of my faves for a <b>solo screenie & fbr!</b><br><br>
  290.  
  291. Then tell me who you followed <a href="http://prettiestxpink.tumblr.com/faq" target="_blank">here</a>.
  292.  
  293.  
  294. </div></div>
  295.  
  296.  
  297.  
  298.  
  299.  
  300.  
  301.  
  302.  
  303. </body>
  304. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement