RenzXVI

Wikia Chat Skin: Blue Leather and Metal

May 3rd, 2016
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.59 KB | None | 0 0
  1. /* Chat Code */
  2.  
  3. #WikiaPage {
  4. border:1px solid #3d454d;
  5. background-color:rgba(0, 0, 0, 0.75);
  6. }
  7.  
  8. body.ChatWindow {
  9. background: url(http://vignette2.wikia.nocookie.net/kallenbearrp/images/3/3c/Seamless-black-leather-texture.jpg/revision/latest?cb=20160113083514);
  10. background-repeat: repeat ;
  11. }
  12.  
  13. body.ChatWindow .you .avatar {
  14.     border: 1px solid lightslategray; border-radius: 2px 6px; box-shadow: 0 0 6px lightslategray;
  15. }
  16.  
  17. body.ChatWindow .avatar {
  18.     border: 1px solid steelblue; border-radius: 6px 2px; box-shadow: 0 0 6px steelblue;
  19. }
  20.  
  21. .ChatWindow a { color: royalblue;
  22. }
  23.  
  24. .ChatWindow a:visited { color: #be00bf;
  25. }
  26.  
  27. .ChatWindow #Chat_211 {
  28.     border: solid #3d454d;
  29.     border-width: 0 1px 1px 0;
  30. }
  31.  
  32. .ChatWindow #ChatHeader, .ChatWindow #WikiaPage {
  33.     border: 1px solid #3d454d;
  34. }
  35.  
  36. .ChatWindow #ChatHeader {
  37.     background: rgba(10, 10, 10, 0.80) url(http://vignette1.wikia.nocookie.net/kallenbearrp/images/c/cc/Water_stucco_wall_texture_seamless.jpg/revision/latest?cb=20160113115148);
  38. background-repeat: repeat ;
  39. }
  40.  
  41. .ChatWindow .WikiaPage {
  42. background: rgba(0,0,0,.8) !important;
  43. }
  44.  
  45. .ChatWindow .you {
  46. background: transparent !important;
  47. border-right: 3px ridge lightslategray;
  48. border-left: 3px ridge lightslategray;
  49. border-style: double;
  50. }
  51.  
  52. .ChatHeader .User {
  53. border-left:1px solid #3d454d;
  54. }
  55.  
  56. .ChatHeader .User img {
  57. border: 1px solid white; border-radius: 2px 6px; box-shadow: 0 0 4px white;
  58. }
  59.  
  60. .ChatHeader .User .username {
  61. font-weight: bold;
  62. color: white;
  63. background: transparent;
  64. }
  65.  
  66. .ChatWindow #ChatHeader .username {
  67.     color: white;
  68. }
  69.  
  70. .Chat {
  71. color: #d5d4d4;
  72. border-right:1px solid #3d454d;
  73. border-bottom:1px solid #3d454d;
  74. background: url(http://vignette4.wikia.nocookie.net/kallenbearrp/images/5/51/Googletile.png/revision/latest?cb=20160113083017);
  75. background-repeat: repeat;
  76. }
  77.  
  78. .Chat .inline-alert {
  79.     color: #767676;
  80.     font-size: 9px;
  81.     height: auto;
  82.     line-height: normal;
  83.     font-weight: normal;
  84. }
  85.  
  86. .Chat .time {
  87.     color: steelblue;
  88. }
  89.  
  90. .Chat .username {
  91.     color: steelblue;
  92.     font-weight: bold;
  93.     text-shadow:0px 0px 2px black;
  94. }
  95.  
  96. .ChatWindow .ChatHeader {
  97. background-color:rgba(0, 0, 0, 0.75);
  98. border:1px solid #3d454d;
  99. color: lightslategray;
  100. }
  101.  
  102. .Chat .avatar {
  103. border:1px solid #3d454d;
  104. }
  105.  
  106. .ChatWindow .me-message {
  107.     color: #767676;
  108. }
  109.  
  110. .ChatWindow .UserStatsMenu {
  111. background-color:rgba(0, 0, 0, 0.45);
  112. box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000;
  113. border:1px solid #3d454d;
  114. border-radius:3px;
  115. }
  116.  
  117. .ChatWindow .UserStatsMenu .info {
  118. background:transparent;
  119. color:#d5d4d4;
  120. }
  121.  
  122. .ChatWindow .UserStatsMenu .actions ul li:hover {
  123. background:transparent;
  124. }
  125.  
  126. .message.ping { color: orange !important;
  127. }
  128.  
  129. #Write .message {
  130.     background: transparent;
  131.     border: solid 1px #3d454d;  
  132. }
  133. #Write .message textarea {
  134.     color: white;
  135. }
  136.  
  137. #Rail h1.private {
  138.     color: lightslategray;
  139. }
  140.  
  141. textarea#pings {
  142.     margin-top: -1px;
  143.     background: rgba(63, 59, 216, 0.44);
  144.     border: 1px solid lightslategray;
  145.     color: #ccc;
  146. }
  147.  
  148. .User img {
  149. border:1px solid #3d454d;
  150. }
  151.  
  152. .User .username {
  153.     color: steelblue;
  154.     font-weight: bold;
  155.     text-shadow:0px 0px 2px black;
  156. }
  157.  
  158. .UserStatsMenu .info img {
  159. border: 1px solid #3d454d;
  160. }
  161.  
  162. .UserStatsMenu .info ul .username {
  163. color: steelblue;
  164. }
  165.  
  166. .UserStatsMenu .actions ul li .icon {
  167. background-position:0;
  168. background-image:url('http://slot1.images.wikia.nocookie.net/__cb1452521916/common/extensions/wikia/Chat2/images/sprite-Chat.png');
  169. opacity:100;
  170. }
  171.  
  172. .UserStatsMenu .actions ul li:hover {
  173.     background: rgba(63, 59, 216, 0.44) !important;
  174. }
  175.  
  176. .UserStatsMenu .actions ul li:hover .icon {
  177. opacity:100;
  178. }
  179.  
  180. .UserStatsMenu .actions .separator {
  181. border-top: white 1px solid;
  182. margin: 30px !important;
  183. }
  184.  
  185. .User.away {
  186. color: #767676;
  187. }
  188.  
  189. .wordmark {
  190.     color: orange;
  191. }
  192.  
  193. .Write {
  194. background: url(http://vignette2.wikia.nocookie.net/kallenbearrp/images/c/c1/Metal_tile5.png/revision/latest?cb=20160113115126);
  195. background-repeat: repeat ;
  196. }
  197.  
  198. .Write [name="message"] {
  199. color: #d5d4d4;
  200. }
  201.  
  202. .Write img {
  203. border:1px solid #3d454d;
  204. }
  205.  
  206. .Write .message {
  207.     border: 1px solid rgba(61, 69, 77, 0.97);
  208. }
  209.  
  210. .Write img, .ChatHeader img {
  211. border: transparent; border-radius: 2px 6px;
  212. }
  213.  
  214. .Write img, .ChatHeader .User img {
  215. border: 1px solid white; border-radius: 2px 6px; box-shadow: 0 0 4px white;
  216. }
  217.  
  218. .Rail {
  219. color: lightslategray;
  220. background: url(http://vignette2.wikia.nocookie.net/kallenbearrp/images/7/73/Seamless-leather-texture5.jpg/revision/latest?cb=20160113115101);
  221. background-repeat: repeat ;
  222. }
  223.  
  224. .Rail .User {
  225.     background: transparent;
  226.     margin: 0 0 2px 0px;
  227.     border: 1px transparent;
  228.     padding-top: 4px;
  229. }
  230.  
  231. .Rail .User:hover {
  232. background:transparent;
  233. }
  234.  
  235. .Rail .public .chevron {
  236. border-color:lightslategray transparent transparent transparent;
  237. }
  238.  
  239. .Rail .public .chevron.closed {
  240. border-color:transparent transparent transparent orange;
  241. }
  242.  
  243. .Rail .private {
  244. border-top: 1px solid #3d454d;
  245. border-bottom: 1px solid #3d454d;
  246. background-color:transparent;
  247. background-image:-webkit-gradient(linear,0% 0%,0% 0%,color-stop(0,transparent),color-stop(0,transparent));
  248. }
  249.  
  250. .Rail .selected {
  251. background:transparent;
  252. box-shadow: inset 0 0 0px 0px #000000; -webkit-box-shadow: inset 0 0 0px 0px #000000;
  253. }
  254.  
  255. .Rail .User.selected {
  256.     background: transparent;
  257. }
  258.  
  259. .Rail .User:hover, .Rail .User.selected:hover {
  260.     background: rgba(63, 59, 216, 0.44);
  261.     box-shadow: none;
  262.     border-color: transparent;
  263. }
  264.  
  265. .Rail .User img {
  266.     border: 1px solid steelblue; border-radius: 6px 2px;  box-shadow: 0 0 6px steelblue;
  267.     width: 28px;
  268.     height: 28px;
  269.     left: 4px !important;
  270.     top: 2px !important;
  271. }
  272.  
  273. .UserStatsMenu .info img {
  274.     border: 1px solid steelblue; border-radius: 6px 2px;
  275. }
  276.  
  277. .UserStatsMenu .actions ul li
  278. .label {
  279. color: royalblue;
  280. cursor: pointer;
  281. margin: 0;
  282. padding: 5px 10px;
  283. line-height: 16px;
  284. white-space: nowrap;
  285. }
  286.  
  287. .you {
  288.     color: lightslategray;
  289.     font-weight: bold;
  290.     text-shadow:0px 0px 2px black;
  291. }
  292.  
  293. /* transparent chat buttons (chat hacks buttons) */
  294.  
  295. a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button {
  296.     background-color: rgba(0, 0, 0, 0.03);
  297.     background-image: -moz-linear-gradient(top,#1a1a1a 35%,#000 65%);
  298.     background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(35%,rgba(26, 26, 26, 0.05)),color-stop(65%,rgba(0, 0, 0, 0.04)));
  299.     background-image: -o-linear-gradient(top,#1a1a1a 35%,#000 65%);
  300.     background-image: -ms-linear-gradient(top,#1a1a1a 35%,#000 65%);
  301.     border: 1px solid rgba(0, 0, 0, 0.05);
  302.     border-top-color: rgba(0, 0, 0, 0.0470588);
  303.     border-top-style: solid;
  304.     border-top-width: 1px;
  305.     color: rgba(65, 105, 225, 0.89);
  306. }
  307.  
  308. /* SCROLLBAR */
  309.  
  310. ::-webkit-scrollbar {
  311.   width: 3px;
  312.   height: 3px;
  313. }
  314.  
  315. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  316.   background-color: white;
  317.     border-radius: 1px;
  318.     border:1px solid dimgray;
  319. }
  320.  
  321. ::-webkit-scrollbar-thumb:hover {
  322.     background: royalblue !important;
  323. }
  324.  
  325. ::-webkit-scrollbar-thumb:active {
  326.     background: orange !important;
  327. }
  328. ::-webkit-scrollbar-track:vertical, ::-webkit-scrollbar-track:horizontal {
  329.   background-color: transparent;
  330. }
  331.  
  332. ::-webkit-scrollbar-corner {
  333.   background-color: dimgray;
  334. }
  335.  
  336. ::-webkit-scrollbar-button:start:decrement,
  337. ::-webkit-scrollbar-button:end:increment {
  338.   display: none;
  339. }
  340.  
  341. /* END OF CODES */
Add Comment
Please, Sign In to add comment