Advertisement
Aly

Caedon: Profile immanasset

Aly
Jun 1st, 2017
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.52 KB | None | 0 0
  1. * { box-sizing: border-box;
  2. margin: 0;
  3. padding: 0;
  4. outline: 0;
  5. border: 0;
  6. }
  7.  
  8. body { background: none; background-color: #fdf9ec;
  9. color: #968b81;
  10. font-family: Calibri;
  11. font-size: 11px;
  12. }
  13.  
  14. #header {
  15. position: fixed;
  16. left: 0; top: 0;
  17. width: 0;
  18. height: 0;
  19. }
  20.  
  21. #bio { position: absolute;
  22. left: 0; top: 0;
  23. width: 0; height: 0;
  24. overflow: visible;
  25. }
  26.  
  27. #bio img {
  28. position: fixed;
  29. left: -500px; right: 0; bottom: 0; top: 0;
  30. margin: auto;
  31. width: 500px;
  32. z-index: -100;
  33. }
  34.  
  35. #generic_5 { position: fixed; z-index: -999; }
  36.  
  37. #generic_5:before, #generic_5:after{
  38. content: close-quote;
  39. position: fixed;
  40. background-color: transparent;
  41. box-sizing: border-box;
  42. border: 3px double #eacbab;
  43. box-shadow: 0 0 1px #FFF;
  44. }
  45.  
  46. #generic_5:before {
  47. left: -500px; top: 0; right: 0; bottom: 0;
  48. margin: auto;
  49. height: 100%;
  50. width: 3px;
  51. }
  52.  
  53. #generic_5:after {
  54. left: 0; top: 25%;
  55. height: 1px;
  56. width: 100%;
  57. border: 0;
  58. background-color: #eacbab;
  59. }
  60.  
  61. #wrap:before, #wrap:after {
  62. position: fixed;
  63. left: 0;
  64. width: 100%; height: 25px;
  65. background-color: #eacbab;
  66. content: close-quote;
  67. z-index: 5;
  68. }
  69. #wrap:before { top: 0; }
  70. #wrap:after { bottom: 0; border-top: 1px solid #FFF; }
  71.  
  72. #wrap {
  73. position: fixed;
  74. left: 475px; right: 0; top: 50px; bottom: 0;
  75. margin: auto;
  76. width: 450px;
  77. height: 250px;
  78. border: 0; outline: 0; padding: 0;
  79. background: none;
  80. border-top: 1px solid #eacbab;
  81. border-bottom: 5px solid #eacbab;
  82. border-radius: 0;
  83. overflow: visible;
  84. }
  85.  
  86. h2 { display: none; }
  87. #sidebar img { display: none; }
  88.  
  89. #content, #comments, #friendlist, #bio {
  90. border: 0; padding: 0;
  91. background-color: transparent;
  92. outline: 0; margin: 0;
  93. }
  94.  
  95. #content {
  96. position: absolute;
  97. left: 0; top: 0;
  98. width: 100%;
  99. height: 100%;
  100. background-color: transparent;
  101. overflow: auto;
  102. }
  103.  
  104. #comments {
  105. position: absolute;
  106. left: 0; top: 0;
  107. width: 100%;
  108. background-color: transparent !important;
  109. }
  110.  
  111. ul#actions {
  112. position: absolute;
  113. left: -100px; bottom: 0;
  114. width: 100px;
  115. }
  116.  
  117. #friendlist{
  118. position: fixed;
  119. left: 50%; top: 25%;
  120. margin-top: -25px;
  121. margin-left: -50px;
  122. width: calc(50% + 50px);
  123. height: 25px;
  124. min-height: 0 !important;
  125. text-align: left;
  126. overflow: visible;
  127. }
  128.  
  129. .friend_container {
  130. transform: rotate(-45deg);
  131. display: inline-block;
  132. width: 50px; height: 50px;
  133. margin-left: 10px;
  134. margin-right: 15px;
  135. background-color: #fdf9ec;
  136. border: 1px solid #eacbab;
  137. padding: 5px;
  138. box-sizing: border-box;
  139. overflow: hidden !important;
  140. text-align: center;
  141. }
  142.  
  143. .friend_container a {
  144. position: absolute;
  145. left: -1px; right: 0; top: 0; bottom: 0;
  146. margin: auto;
  147. overflow: hidden;
  148. }
  149.  
  150. .friend_container img {
  151. transform: rotate(45deg);
  152. float: left;
  153. width: 150%;
  154. height: 150%;
  155. position: absolute;
  156. left: -5px;
  157. right: 0;
  158. top: -3px;
  159. bottom: 0;
  160. margin: auto;
  161. }
  162.  
  163. li#likes, li#dislikes, li#hobbies { display: none; }
  164.  
  165. #comments li {
  166. margin: 10px;
  167. float: left;
  168. width: 100%;
  169. display: block;
  170. margin-bottom: 20px;
  171. }
  172.  
  173. li#send-message a {
  174. background-color: #eacbab;
  175. padding: 5px;
  176. border: 5px solid #fdf9ec;
  177. padding-left: 10px;
  178. padding-right: 10px;
  179. position: absolute;
  180. left: -50px;
  181. top: -85px;
  182. width: 125px;
  183. height: 125px;
  184. line-height: 20px;
  185. text-align: center;
  186. border-radius: 100%;
  187. box-shadow: 0 0 20px 10px #eacbab;
  188. font-size: 14px;
  189. font-weight: bold;
  190. text-transform: uppercase;
  191. letter-spacing: 1px;
  192. font-family: Montserrat;
  193. box-sizing: border-box;
  194. padding-top: 35px;
  195. color: #FFF !important;
  196. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement