API tools faq
paste
Advertisement
Carolaine_Vieira

Icons page 2

Carolaine_Vieira
Feb 25th, 2016
281
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- Made by: Amplamente.tumblr.com --->
  3.  
  4. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  6. <script>
  7. (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);
  8. </script>
  9.  
  10. <title>Navigation Page</title>
  11. <link rel="shortcut icon" href="{Favicon}"/>
  12.  
  13. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  14.  
  15. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  16. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  17. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  18.  
  19. <script>
  20. $(document).ready(function () {
  21. $(window).scroll(function () {
  22. if ($(this).scrollTop() > 100) {
  23. $('.scrollup').fadeIn();
  24. } else {
  25. $('.scrollup').fadeOut();}});
  26. $('.scrollup').click(function () {
  27. $("html, body").animate({
  28. scrollTop: 0}, 600);return false; });
  29. });
  30. </script>
  31.  
  32. <style type="text/css">
  33.  
  34. .scrollup {
  35. width: auto;
  36. height: auto;
  37. position: fixed;
  38. bottom: 135px;
  39. right: 20px;
  40. z-index:9999;
  41. color:#999;
  42. text-transform:none;
  43. display:none;
  44. font-weight:bold;
  45. }
  46.  
  47. .scrollup a {color:#999;}
  48.  
  49. #s-m-t-tooltip{
  50.  
  51. max-width:300px;
  52. padding:10px;
  53. padding-top:7px;
  54. padding-bottom:7px;
  55. border-radius:3px;
  56. margin:20px 0px 0px 20px;
  57. background-color: #fbfbfb;
  58. border:1px solid #eee;
  59. font-family:calibri;
  60. font-size:8.5px;
  61. text-transform:uppercase;
  62. color:#999;
  63. letter-spacing:1px;
  64. opacity:1;
  65. z-index:9999999999999999999;
  66. }
  67.  
  68. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:165px; padding:8px; font-size:9.5px; line-height:14px; text-align:center; z-index:9; text-transform:uppercase;
  69. -webkit-transition:all 0.3s ease-out;
  70. -moz-transition:all 0.3s ease-out;
  71. transition:all 0.3s ease-out; font-style:italic;
  72. text-shadow:none;
  73. }
  74. #top1 a{text-shadow:none; color:#999;}
  75. #top1 a:hover {text-shadow:none;}
  76. #top1:hover {
  77. -webkit-transition:all 0.3s ease-out;
  78. -moz-transition:all 0.3s ease-out;
  79. transition:all 0.3s ease-out;
  80. -moz-transform: scale(1.5);
  81. -webkit-transform: scale(1.5);
  82. -o-transform: scale(1.5);
  83. -ms-transform: scale(1.5);
  84. transform: scale(1.5);
  85. text-shadow:none;
  86. }
  87.  
  88. #navigation{
  89. z-index:4;
  90. background:transparent;
  91. float:right;
  92. margin-right:180px;
  93. margin-top:-21px;
  94. width:auto;
  95. padding:5px;
  96. }
  97. #navigation a {
  98. cursor:pointer;
  99. position:relative;
  100. text-shadow:none;
  101. margin-left:10px;
  102. font-size:12px;
  103. display:inline-block;
  104. text-align:center;
  105. font-family:montserrat;
  106. color:#999;
  107. -webkit-transition:all 0.3s ease-out;
  108. -moz-transition:all 0.3s ease-out;
  109. transition:all 0.3s ease-out;
  110. }
  111. #navigation a:hover {
  112. text-shadow:none;
  113. color:#cccccc;
  114. -webkit-transition:all 0.3s ease-out;
  115. -moz-transition:all 0.3s ease-out;
  116. transition:all 0.3s ease-out;
  117. }
  118.  
  119. /*tumblr controls*/
  120. #tumblr_controls, .tmblr-iframe{ z-index:9999999 !important;
  121. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important;
  122. right:0px!important; opacity:.5; top:0px;
  123. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  124.  
  125. #tumblr_controls, .tmblr-iframe:hover{ z-index:9999999 !important;
  126. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  127. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  128. }
  129.  
  130. a{ color:#999; text-decoration:none;
  131. -webkit-transition:all 0.3s ease-out;
  132. -moz-transition:all 0.3s ease-out;
  133. transition:all 0.3s ease-out;
  134.  
  135. }
  136. a:hover{
  137. color:black;
  138. -webkit-transition:all 0.3s ease-out;
  139. -moz-transition:all 0.3s ease-out;
  140. transition:all 0.3s ease-out;
  141.  
  142. }
  143.  
  144. body{
  145. overflow-x:hidden;
  146. color:#999;
  147. font-family: 'Open Sans', sans-serif;
  148. text-align:left !important;
  149. font-size:10px;
  150. background-attachment:fixed;
  151. background:transparent;
  152. }
  153.  
  154. ::-moz-selection { background: #cccccc; color: #222; }
  155. ::selection { background: #cccccc; color: #222; }
  156.  
  157. ::-webkit-scrollbar-thumb { cursor:pointer; background-color: #000; margin-right:5px;}
  158. ::-webkit-scrollbar { height:5px; cursor:pointer; width: 3px;}
  159. ::-webkit-scrollbar-track { background-color:#eee; cursor:pointer; }
  160.  
  161. #cabi {
  162.  
  163.  
  164. width:110%;
  165. height:100px;
  166. left:0px;
  167. bottom:0px;
  168. position:fixed;
  169. float:center;
  170. margin-top:-15px;
  171. margin-left:-15px;
  172. padding:10px;
  173. background-color:#fff;
  174. border-top:1px solid #eee;
  175. font-size:20px;
  176. font-weight:normal;
  177. text-transform:uppercase;
  178. z-index:9999;
  179. font-weight:400;
  180.  
  181. }
  182.  
  183. #hd {
  184.  
  185. height:70px;
  186. margin-top:3px;
  187. padding:10px;
  188. margin-left:40px;
  189. background:transparent;
  190. float:left;
  191. border-radius:100px;
  192.  
  193. }
  194.  
  195. .ttb {
  196.  
  197. background:transparent;
  198. text-align:left;
  199. margin-left:-250px;
  200. margin-top:14px;
  201. padding:5px;
  202. font-size:35px;
  203.  
  204. }
  205.  
  206. .ttb a{
  207.  
  208. color:#888;
  209.  
  210. }
  211.  
  212. .sens {
  213.  
  214. float:left;
  215. text-transform:uppercase;
  216. margin-top:-13px;
  217. margin-left:3px;
  218. text-align:left;
  219. letter-spacing:0px;
  220. font-size:9.5px;
  221. font-family:montserrat;
  222. color:#cccccc;
  223.  
  224. }
  225.  
  226. .ab {
  227.  
  228. position:fixed;
  229. left:0px;
  230. top:0px;
  231. height:30px;
  232. width:100%;
  233. border-bottom:1px solid #eee;
  234. background-color:#fff;
  235. z-index:9999;
  236.  
  237. }
  238.  
  239. .dsc {
  240. font-size:30px;
  241. color:black;
  242. cursor:pointer;
  243. }
  244.  
  245. .dcs a{ color:#fff !important; }
  246.  
  247. .dsc a:hover{
  248. color:black;
  249. }
  250.  
  251. #sec1 {
  252.  
  253. width:102%;
  254. height:950px;
  255. background:#eee;
  256. margin-top:-10px;
  257. margin-left:-10px;
  258. padding-top:50px;
  259. padding-bottom:0px;
  260.  
  261. }
  262.  
  263. .enter {
  264.  
  265.  
  266. width:80%;
  267. height:420px;
  268. padding:30px;
  269. margin-top:0px;
  270. float:center;
  271. margin-left:auto;
  272. margin-right:auto;
  273. background:transparent;
  274.  
  275. }
  276.  
  277. .enter img {
  278.  
  279. padding:10px;
  280. background:#fff;
  281. border:1px solid #eee;
  282. width:105px;
  283. margin:15px;
  284. -webkit-transition:all 0.3s ease-out;
  285. -moz-transition:all 0.3s ease-out;
  286. transition:all 0.3s ease-out;
  287.  
  288. }
  289.  
  290. .enter img:hover {
  291.  
  292. background:#b997ce;
  293. cursor:help;
  294. -webkit-transition:all 0.3s ease-out;
  295. -moz-transition:all 0.3s ease-out;
  296. transition:all 0.3s ease-out;
  297.  
  298. }
  299.  
  300. #title {
  301.  
  302. width:80%;
  303. float:center;
  304. margin-top:20px;
  305. margin-bottom:30px;
  306. float:center;
  307. margin-left:auto;
  308. margin-right:auto;
  309. text-transform:uppercase;
  310. font-size:20px;
  311. text-align:center;
  312. color:#888;
  313.  
  314. }
  315.  
  316. </style>
  317.  
  318. </head>
  319. <body>
  320.  
  321. <div id="sec1">
  322.  
  323. <div class="enter">
  324.  
  325. <div id="title">Misc icons</div>
  326.  
  327. <img src="http://i.imgur.com/HvEWpSx.jpg">
  328. <img src="http://i.imgur.com/xbyuRXF.png">
  329. <img src="http://i.imgur.com/XLuY9oB.jpg">
  330. <img src="http://i.imgur.com/JuBkT0D.jpg">
  331. <img src="http://i.imgur.com/jhueWT2.jpg">
  332. <img src="http://i.imgur.com/krIib9A.png">
  333. <img src="http://i.imgur.com/79YuzOt.jpg">
  334. <img src="http://i.imgur.com/IvAhnyc.jpg">
  335.  
  336. </div>
  337.  
  338. </div>
  339.  
  340. <a href="#" class="scrollup"><li style="font-size:25px;" class="fa fa-angle-up"></li></a>
  341.  
  342. <div class="ab"></div>
  343.  
  344. <div id="cabi">
  345.  
  346. <img id="hd" src="https://i.imgur.com/RgcMREY.png">
  347.  
  348. <div class="ttb"><a href="/">Icons page</a></div>
  349.  
  350. <div class="sens">hello there!</div>
  351.  
  352. <div id="navigation">
  353. <a href="/" >home</a>
  354. <a href="/ask" >ask</a>
  355. <a href="/" >link</a>
  356. <a href="/" >link</a>
  357. </div>
  358.  
  359. </div>
  360.  
  361.  
  362. <div id="top1"><a href="http://amplamente.tumblr.com/" title="tema feito por amplamente"><div style="font-size:6.5px;"> Thm </div><div style="font-weight:bold;">Am</a></div></div>
  363.  
  364.  
  365. </body>
  366.  
  367. </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!