Advertisement
tentacoolgoods

seaside

Nov 14th, 2017
572
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.55 KB | None | 0 0
  1. GLOBAL_HEAD<=
  2. <title>offenders</title>
  3. <link rel="shortcut icon" href="https://i.imgur.com/12xMOYg.png">
  4. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  6.  
  7. <style>
  8.  
  9. /* layout by surrogate with edits by squirtle and tentacool - feel free to reach out for assistance */
  10.  
  11. /* body background */
  12. body {background:#f3f3f3 url(https://i.imgur.com/JKnuSAi.jpg); margin-left: -70px;}
  13.  
  14. /* entrybox */
  15. table {margin-bottom: -5px;}
  16. .entrybox {
  17. padding: 0px;
  18. margin-top: -115px;
  19. margin-bottom:120px;
  20. background:url(http://i.imgur.com/jMVT6eM.png); box-shadow: 0px 0px 1px rgba(215, 215, 215, 1); border-width: 1px 0 0 0; border-style: solid;
  21. -webkit-border-image: -webkit-linear-gradient(right, #EEEEEE, #D40513, #910000, #D40513, #EEEEEE) 100% 1;
  22. -moz-border-image: -moz-linear-gradient(right, #EEEEEE, #D40513, #910000, #D40513, #EEEEEE) 100% 1;
  23. -o-border-image: -o-linear-gradient(right, #EEEEEE, #D40513, #910000, #D40513, #EEEEEE) 100% 1;
  24. border-image: linear-gradient(to right, #EEEEEE, #D40513, #910000, #D40513, #EEEEEE) 100% 1;}
  25.  
  26. /* default font */
  27. td{font-family:open sans; line-height:11px; letter-spacing:0px; font-size: 11px;}
  28. tr{text-align:justify;}
  29.  
  30. /* links */
  31. a {color: #C52809; text-decoration: none;-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;}
  32. a:hover {color: #CDCCCA;text-decoration: none;-moz-transition-duration: .4s;-o-transition-duration: .4s;-webkit-transition-duration: .4s;}
  33.  
  34. /* removes top */
  35. .shadowed img {display: none;}
  36. table table table table .meta {visibility:hidden; position:absolute;}
  37. tr.caption {display:none}
  38. .shadowed td div {visibility:hidden; position:absolute; top:0px; margin-top: 65px;}
  39.  
  40. /* comments */
  41. .comments {
  42. font-family: raleway; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9;
  43. padding-top: 3px;
  44. padding-bottom: 8px;}
  45.  
  46. /*friends page icons*/
  47. .index img {border-radius:50px; height:50px; width:50px; padding: 4; margin-bottom:5px; background-color: #C52809;}
  48. .index {text-transform:uppercase;font-family: helvetica;font-size:5pt; text-transformation: uppercase; text-shadow:none; letter-spacing: 1px; line-height:0px;}
  49. .entrybox a.index font {color: #000;}
  50. td{background-color:transparent;}
  51.  
  52. /* locks */
  53. .ljuser img{display:none;}
  54. .caption img[src="http://www.insanejournal.com/img/icon_private.gif"]{opacity: 0.6; width: 0; height: 0; padding: 0 8px 9px 0; background: url(http://i.imgur.com/b7JfL3S.png);}
  55. .caption img[src="http://www.insanejournal.com/img/icon_protected.gif"]{opacity: 0.6; width: 0; height: 0; padding: 0 8px 9px 0; background: url(http://i.imgur.com/b7JfL3S.png);}
  56. p table table td.caption img {height: 9pt; width: 8pt;}
  57.  
  58. /* removes bottom clutter */
  59. .meta {color: transparent; font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial; font-size: 7px; line-height: 1px; text-transform: uppercase;}
  60.  
  61. /* date & time*/
  62. .entrybox td.index {display:none; font-family:helvetica; font-size:8px; text-transform:uppercase; line-height:7px; color:#333; opacity:.8; letter-spacing: 1px; font-weight: lighter; padding:0px;}
  63.  
  64. /* mood & music */
  65. .entrybox td.meta {display:visible; color: black; font-family: 'Open Sans', calibri, trebuchet ms, helvetica, arial; font-size: 7px; line-height: 7px; text-transform: uppercase;}
  66.  
  67. /* subject line. */
  68. p table table td.caption{
  69. font-family: raleway; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase;}
  70.  
  71.  
  72. /* sidebar & navigation */
  73. /* highlighting */
  74. ::selection {background-color: rgba(254, 253, 253, 0.0); color: #777;}
  75. ::-moz-selection {background-color:rgba(254, 253, 253, 0.0); color: #777;}
  76. ::-webkit-selection {background-color:rgba(254, 253, 253, 0.0); color: #777;}
  77.  
  78. #info{ position: relative; visibility: visible; z-index:-100; top:-65 ; left: -135; width: 310; margin-bottom:-10px; font-family: calibri; font-size: 8px; line-height: 10px; letter-spacing:1px; text-transform:uppercase; opacity:0.9; text-shadow: 0px 0px 1px #a3a3a3; background:url(http://i.imgur.com/jMVT6eM.png); border-radius: 5px 5px 5px 5px; padding:6px; text-align:justify;}}
  79. #links { position:relative; visibility: visible; top: 30; left: -240; width:300px;}
  80. #navi{position:relative; visibility: visible; top:-265px; left: -115px; z-index:97; height:0px;}
  81. #image { position:relative; visibility: visible; top: -125px; left: 160px; z-index: -100; height:0px; }
  82. </style>
  83.  
  84. <=GLOBAL_HEAD
  85.  
  86. FRIENDS_OPT_ITEMS=>20
  87.  
  88. FRIENDS_WEBSITE<=
  89. <div id="image"><a href="/profile"><img src="https://i.imgur.com/daflzIL.png" width="300" id="img" style="z-index:-100;display:inline;visibility:visible;"></a>
  90. </div>
  91.  
  92. <div id="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis feugiat, arcu quis molestie aliquet, turpis augue rhoncus leo, eu tincidunt neque diam sit amet enim. Vivamus vel nunc quis massa consectetur commodo et eget dui. Sed quis tempus nulla. In a dignissim odio, sit amet ornare ex. Praesent a erat quis leo venenatis varius. Maecenas tincidunt mattis odio, id pharetra libero molestie ut. Donec accumsan diam a lacus sollicitudin, a placerat tortor feugiat. Nunc enim nulla, pharetra a rutrum id, rhoncus id mi. Phasellus eu est tellus.
  93. </div>
  94.  
  95. <div id="navi">
  96. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/QA4H6te.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  97. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/51ctrHi.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  98. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/LxjY9AK.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  99. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/e2hfofv.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  100. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/zKefrcF.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  101. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/ZRE9KNz.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  102. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/lXRF1BN.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  103. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/8CThME5.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  104. <=FRIENDS_WEBSITE
  105.  
  106. LASTN_OPT_ITEMS=>3
  107.  
  108. LASTN_WEBSITE<=
  109. <div id="image"><a href="/profile"><img src="https://i.imgur.com/daflzIL.png" width="300" id="img" style="z-index:-100;display:inline;visibility:visible;"></a>
  110. </div>
  111.  
  112. <div id="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis feugiat, arcu quis molestie aliquet, turpis augue rhoncus leo, eu tincidunt neque diam sit amet enim. Vivamus vel nunc quis massa consectetur commodo et eget dui. Sed quis tempus nulla. In a dignissim odio, sit amet ornare ex. Praesent a erat quis leo venenatis varius. Maecenas tincidunt mattis odio, id pharetra libero molestie ut. Donec accumsan diam a lacus sollicitudin, a placerat tortor feugiat. Nunc enim nulla, pharetra a rutrum id, rhoncus id mi. Phasellus eu est tellus.
  113. </div>
  114.  
  115. <div id="navi">
  116. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/QA4H6te.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  117. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/51ctrHi.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  118. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/LxjY9AK.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  119. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/e2hfofv.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  120. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/zKefrcF.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  121. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/ZRE9KNz.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  122. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/lXRF1BN.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  123. <a href="LINK" title="TITLE"><img src="https://i.imgur.com/8CThME5.png" style="width:25px; display:inline; padding-right: 10px; padding-bottom: 7px;"></a>
  124.  
  125. <=LASTN_WEBSITE
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement