SHARE
TWEET

Layout Pack #1: Default (Times) v2

losersclub Oct 12th, 2017 (edited) 71 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style>
  2.  
  3. Layout Pack #1: Default (Times New Roman) v2 | design and coding by Kiwi West (/1132477) of the loser’s club @ loserlyts.tumblr.com ♡
  4.  
  5. - DO NOT remove my credit.
  6. - DO NOT redistribute, use as a base, or claim as your own.
  7. - DO NOT merge my layouts with layouts from other sites. Not coolio.
  8.  
  9. - DO feel free to ask questions and send messages to me via tumblr or on rp.me.
  10. - DO visit loserlyts.tumblr.com for more content!
  11.  
  12. </style>
  13.  
  14. <style>
  15.  
  16. Basic Layout Instructions/Guide:
  17. To add a background image: CTRL+F 'imgurlhere' and replace with image url
  18. To add a background color: CTRL+F 'hexcodehere' and replace with desired hex code
  19. To change font: CTRL+F 'table, tr, td, li, p, div, .btext, .blacktext10,' and replace 'arial' with desired font
  20. To change extended network banner: CTRL+F 'placehold.it/430x160' and replace with image url
  21. To change navigation bar color: CTRL+F '#color' and replace with desired hexcode
  22.  
  23. </style>
  24.  
  25. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  26.  
  27. <style>
  28.  
  29. body {
  30. background-color: #;
  31. background-image:url('');
  32. background-repeat: repeat;
  33. background-attachment: fixed;
  34. }
  35.  
  36. table table { direction:rtl; } table table table { direction:ltr; }
  37.  
  38. .nametext {
  39. font: 22px 'times';
  40. color: #000;
  41. font-style: italic;
  42. font-weight: 700;
  43. padding: 5px;
  44. display: block; }
  45.  
  46. table.profileInfo td.text a img {
  47. padding:10px; margin:0px;
  48. margin-right:0px;
  49. background-color: #ffffff;
  50. border:1px solid #ededed;
  51. transition-duration: 0.5s;
  52. -webkit-transition-duration: 0.5s;
  53. -o-transition-duration: 0.5s;
  54. }
  55.  
  56. a .text { font-weight: normal; font-family:'times'; font-family: !important; font-size:9px !important; color:black !important;}
  57.  
  58. div.profileWidth table td { background-color: #color !important;} div.profileWidth div ul li a {color: FFFFFF !important;} div.profileWidth div ul li a:hover, div.profileWidth div ul li .open { background-color:#color!important;} div.profileWidth div td.rail{background-color: #color!important;} div.profileWidth table td ul small {font-size: 0px !important;} div.profileWidth table tr td div table.rail {background-color: #color;}
  59.  
  60.  
  61. table, tr, td, li, p, div, .btext, .blacktext10, .lightbluetext8, .orangetext15, .redtext, .redbtext, .text, a:active, a:visited, a:link, a:hover, a.navbar:active, a.navbar:visited, a.navbar:link, a.navbar:hover, a.redlink:active, a.redlink:visited, a.redlink:link, a.redlink:hover {font-family:'times'; color:#181818; font-size:8.5px;font-weight:normal;text-decoration:none; line-height: 15px;}
  62.  
  63. .interestsAndDetails td {width:0px;}
  64. .whitetext12 {font: 10px 'times'; font-weight: 700; color: #fff; font-style: italic;}
  65. table.blurbs td.text span.orangetext15, table.friendSpace td.text span.orangetext15 {font: 10px 'times'; font-weight: 700; color: #4364bc; font-style: italic; line-height: 15px;}
  66. table.blurbs td td span.orangetext15 {font-size: 11px; font-weight: 700; color: #4364bc; font-style: italic;}
  67. .lightbluetext8 {color:4364bc; font-weight: 500;}
  68.  
  69. table.interestsAndDetails td.text {background-color:c9e0fa; padding: 1px;}
  70. table.interestsAndDetails span.whitetext12 {color:426bba;}
  71. table.interestsAndDetails span.lightbluetext8 {color:426bba;}
  72. table.interestsAndDetails td td {background-color:ffffff;}
  73. table.interestsAndDetails, table.interestsAndDetails td {border:0px;}
  74. table.friendsComments td.text td td {background-color:white;}
  75.  
  76.  
  77. table.extendedNetwork span.blacktext12 span {display:none;}
  78. table.extendedNetwork span.blacktext12 a {display:none;}
  79. table.extendedNetwork {border:0px;padding:5px;}
  80. table.extendedNetwork td {border:1px double #f3f3f3;padding:5px;}
  81. table.extendedNetwork {height:160px;width:430px;}
  82. table.extendedNetwork td {background-image:url('https://placehold.it/430x160'); background-position:center center; background-repeat:no-repeat;}
  83.  
  84. table.profileInfo * {background-color:transparent;}
  85. table.contactTable table, table.contactTable table a, table.contactTable td td {background-color:transparent !important;}
  86. table.contactTable {background-color:white;}
  87. .userProfileURL {visibility:hidden;}
  88. .userProfileURL td {visibility:visible;}
  89. .userProfileURL table * {background-color:transparent;}
  90. .userProfileURL td td td {width:0px;}
  91. table.userProfileURL td td {background-color:white;}
  92. table.latestBlogEntry td {background-color:transparent;}
  93. table.latestBlogEntry span.btext {padding:2px; margin:-3px; margin-bottom:2px;}
  94. table.friendSpace span.redbtext {font-weight:bold;}
  95. table.friendSpace td {padding:0px;}
  96. table.friendSpace td.text td br {line-height:0px;}
  97. table.friendSpace span.btext {display:block;}
  98. table.friendsComments span.orangetext15 {display:block; height:100%;}
  99. table.friendsComments td.text table {width:100%;}
  100. table.friendsComments span.redtext {font-weight:bold;}
  101. table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:260px; height:213px;}
  102. table.friendsComments td.text td.columnsWidening img {width:300px;}
  103. table.friendsComments td.text b {display:block;}
  104. table.friendsComments td.text td td b {display:inline;}
  105. table.friendsComments td.text td a {display:block;}
  106. table.friendsComments td.text td b a, table.friendsComments td.text td td a {display:inline;}
  107.  
  108. .userProfileURL {display:none;}
  109. .contacttable {display:none;}
  110. .msOnlineNow {display: none;}
  111. .userProfileDetail {display:none;}
  112. .latestblogentry {display:none;}
  113.  
  114. .ss {
  115. font: 6px 'arial';
  116. line-height:9px;
  117. text-align:center;
  118. padding:3px;
  119. background:#ffffff;
  120. z-index:11;
  121. right:8px;
  122. position:fixed;
  123. text-transform: uppercase;
  124. bottom:8px;overflow:hidden;
  125. border:1px solid #e5e5e5;
  126. text-decoration:none;
  127. }
  128.  
  129.  .ss a {
  130. color:#888888;
  131. font: 6px 'arial';
  132. text-decoration:none;
  133. -webkit-transition: all 0.3s ease-out;
  134. -moz-transition: all 0.3s ease-out;
  135. transition: all 0.3s ease-out;}
  136.  .navi a:hover {
  137. color: transparent;
  138. text-shadow: #ccc 0 0 1px;
  139. text-decoration:none;}
  140.  
  141. </style>
  142.  
  143.  
  144. <div class="ss"><a href="http://loserlyts.tumblr.com/"><i class="lnr lnr-code"></i> loser</a></div>
RAW Paste Data
Top