Advertisement
codejam

halloween layout 1

Sep 29th, 2017
427
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.10 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <link rel="shortcut icon" href="https://i.imgur.com/0ebvK7j.png">
  3. <title>title</title>
  4. <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  5. <link href="http://fonts.googleapis.com/css?family=Pompiere" rel="stylesheet" type="text/css">
  6. <link href="https://codester.neocities.org/fonts/sugarcandy.css">
  7.  
  8.  
  9. <style>
  10. @font-face{font-family: spooky; src:url("https://dl.dropboxusercontent.com/s/fb6cv5kawp3wghe/BlackWidow.ttf?dl=0;")}
  11.  
  12.  
  13. /* original code credit: coding/ell/laurel/weisman
  14. edits: squirtle@ij */
  15. /* for help implementing your code, questions about it or if you feel you are missing due credit, please contact lamarcodem@ij */
  16.  
  17.  
  18.  
  19.  
  20. body { background-image:url();
  21. background-color:#e4d7e7;
  22. background-attachment: fixed !important;
  23. font-family: helvetica, arial;
  24. font-size: 11px;
  25. line-height: 12px;
  26. color:#333;}
  27. table {border:0px solid #d9c8dc;} table table {border:0;}
  28.  
  29. tr {text-align:justify;} .entrybox {width:594px;} .index2, a.index {visibility:visible !important;}
  30.  
  31. table table table td.meta {font-size:0px;line-height:0px;}
  32. p table.entrybox table table td.meta, table table table td.meta a {font-size:8px;letter-spacing:1px;line-height:8px;margin-top:-4px;}
  33. table table tr.caption td.caption, .entrybox td table td.index, tr.caption, .entrybox td.meta {visibility:hidden;}
  34. table table table td.meta a {font-size:6px;font-family: helvetica, arial; line-height:7px;z-index:1; color: rgba(103, 70, 135, 0.7);}
  35.  
  36. .entrybox, .shadowed {
  37. background-color: rgba(0,0,0,0.02);
  38. box-shadow:#7a4f82 1px 1px 0px;
  39. border-width: 0px 2px 0px 3px;
  40. border-style: solid;
  41. -webkit-border-image: -webkit-linear-gradient(top, rgba(231, 113, 54, 0.4), rgba(103, 70, 135, 0.7)) 1 100%;
  42. -moz-border-image: -moz-linear-gradient(top, rgba(231, 113, 54, 0.4), rgba(103, 70, 135, 0.7)) 1 100%;
  43. -o-border-image: -o-linear-gradient(top, rgba(231, 113, 54, 0.4), rgba(103, 70, 135, 0.7)) 1 100%;
  44. border-image: linear-gradient(to top, rgba(231, 113, 54, 0.4), rgba(103, 70, 135, 0.7)) 1 100%;}
  45.  
  46. .entrybox td.index, .index3{display:none;}
  47.  
  48. .entrybox img {max-width: 580px;}
  49.  
  50. /* body text */
  51. tr, td, table, body {padding:1px; font-family: helvetica, arial; font-size: 11px; line-height:12px; color:#333;}
  52.  
  53. /* subject lines */
  54. p table table td.caption {font-family: montserrat, helvetica, arial; font-size:16px; color: rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 4px rgba(0,0,0,0.02); letter-spacing: 1px; margin-bottom: -4px; line-height: 15px; font-weight: 500; text-transform:uppercase;}
  55.  
  56. /* namefield. */
  57. .shadowed td div {font-family: spooky; text-transform: none; padding-bottom: 10px; font-size: 40px; letter-spacing: 2px; line-height: 10px; color: #674687; text-shadow: 3px 2px 1px rgba(231, 113, 54, 0.9); z-index:9999; margin-top: 10px;}
  58.  
  59. /* all misc little text */
  60. p.index, .index, tr.caption, .meta, td.meta, .comments, .index2 {font-family: montserrat, helvetica, arial; font-size: 7px; line-height:7px; text-transform:uppercase; padding:0px;}
  61. .index2 {padding:0 2 0 2;display:block;text-align:left; color: rgba(0, 0, 0, 0.5);}
  62.  
  63. /* image effects */
  64. img {
  65. -moz-transition: all 2.0s ease-out;
  66. -o-transition: all 2.0s ease-out;
  67. -webkit-transition: all 2.0s ease-out;
  68. transition: all 2.0s ease-out;
  69. }
  70.  
  71. img:hover {
  72. -webkit-filter: grayscale(65%);
  73. -moz-filter: grayscale(65%);
  74. -o-filter: grayscale(65%);
  75. -moz-transition: all 2.0s ease-out;
  76. -o-transition: all 2.0s ease-out;
  77. -webkit-transition: all 2.0s ease-out;
  78. transition: all 2.0s ease-out;
  79. }
  80.  
  81. /* link effects. */
  82. A, a.caption, a.index {
  83. color: #674687;
  84. text-decoration: none;
  85. -moz-transition: all 1.0s ease-out;
  86. -o-transition: all 1.0s ease-out;
  87. -webkit-transition: all 1.0s ease-out;
  88. transition: all 1.0s ease-out;
  89. }
  90.  
  91.  
  92. A:hover {
  93. color: #e77136;
  94. text-decoration: none;
  95. -moz-transition: all 1.0s ease-out;
  96. -o-transition: all 1.0s ease-out;
  97. -webkit-transition: all 1.0s ease-out;
  98. transition: all 1.0s ease-out;
  99. }
  100.  
  101.  
  102.  
  103. /* usericons & locks. */
  104. .shadowed img{width: 65; height: 65; border: 0; -moz-border-radius: 1px; opacity:1.0; -webkit-transform: rotate(-2deg); filter:alpha(opacity=100); -webkit-border-radius: 1; padding:4px 4px 10px 4px; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(231, 113, 54, 0.4)), color-stop(100%,rgba(103, 70, 135, 0.7))); -webkit-backface-visibility: hidden; box-shadow: 1px 1px 2px #d4c8c0; }
  105.  
  106. p table table td.caption img {height:6px; width:6px; opacity:0.7;}
  107.  
  108. img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url('👻') no-repeat !important; padding:15px 0 0 15px !important; vertical-align:-1px !important;opacity:0.8;}
  109.  
  110. img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url('👻') no-repeat !important; padding:15px 0 0 15px !important; vertical-align:-1px !important;}
  111.  
  112.  
  113. /* friends page icons & users. */
  114. .entrybox a.index {background:rgba(250,250,250,0); color:#333; font-size:8px;}
  115.  
  116. /* color when selecting */
  117. ::selection {
  118. color:#f0d0e6;
  119. text-shadow:#CCC 1px 1px 1px;
  120. }
  121.  
  122. ::-moz-selection {
  123. color:#f0d0e6;
  124. text-shadow:#CCC 1px 1px 1px;
  125. }
  126. ::-webkit-scrollbar {width: 4px;}
  127. ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px;background-image: url();background-color:#EEE;}
  128. ::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px #ccc;background-image:url();border-radius:0px;background-color:#20bdbc;}
  129.  
  130. body, a, a:hover {cursor:url(http://i.imgur.com/ONVDMqu.png), default;}
  131.  
  132. /* friends page icons - first edits the background of the icon/un box; second edits how the icon looks; keep this here to keep it from affecting your whole layout */
  133. .entrybox table table table td {background-color: transparent; padding-bottom:8px;}
  134. .entrybox table table table td img {border-radius:80px; box-shadow: 1px 1px 2px 1px #cccccc; width:70; height:70; opacity:0.8; margin-bottom:2px;}
  135.  
  136. </style>
  137.  
  138.  
  139.  
  140. <=GLOBAL_HEAD
  141.  
  142. FRIENDS_OPT_ITEMS=>5
  143.  
  144. FRIENDS_WEBSITE<=
  145.  
  146.  
  147.  
  148. <=FRIENDS_WEBSITE
  149.  
  150. LASTN_OPT_ITEMS=>20
  151.  
  152. LASTN_WEBSITE<=
  153.  
  154.  
  155. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement