Advertisement
Whipptail

Personal Villager Prof

Jul 31st, 2016
204
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.81 KB | None | 0 0
  1.  
  2. .content:after {
  3. background:url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/Profile%20Patterns/beachpatternlight4_zpsxpix8evq.png") repeat;
  4. position: fixed;
  5. width:100%;
  6. height:100%;
  7. bottom:0;
  8. top:0;
  9. z-index:-1
  10. }
  11.  
  12. .user-panel.clearfix {
  13. background: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/CSS%20Images/navbargradient_zps0tk4dt4k.png");
  14. }
  15.  
  16. .content {
  17. color: #6a7878;
  18. background-image: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/oceandomebgfix_zpsjtnty7kw.png");
  19. background-size: cover;
  20. background-position: center bottom;
  21. background-attachment: fixed;
  22. box-shadow: 0 15px 20px 5px;
  23. }
  24.  
  25. .villager-data-wrapper {
  26. background: none;
  27. }
  28.  
  29. .content h1 {
  30. font-family: Candara;
  31. font-size: 34px;
  32. font-style: italic;
  33. font-weight: bold;
  34. color: #24505a;
  35. text-shadow: 1px 1.732px 1px rgba(0,0,0,0.25);
  36. }
  37.  
  38. .breadcrumbs {
  39. padding: 3px 0 3px 0;
  40. margin: 0 0 20px 215px;
  41. width: 310px;
  42. text-align: center;
  43. border-radius: 60px;
  44. background: #5ac9e1;
  45. }
  46.  
  47. .breadcrumbs li {
  48. color: #fff;
  49. }
  50.  
  51. .header-right-toolbar-buttons {
  52. float: right;
  53. width: 200px;
  54. font-style: normal;
  55. }
  56.  
  57. .left-column .widget-header h3{
  58. margin: 0 0 0 5px;
  59. padding: 0;
  60. width: 716px;
  61. }
  62.  
  63. .left-column h3 {
  64. padding-top: 5px;
  65. margin: 0 0 16px 0;
  66. text-align: center;
  67. font-family: Candara;
  68. font-size: 18px;
  69. font-weight: bold;
  70. letter-spacing: 1px;
  71. text-transform: uppercase;
  72. color: #fff;
  73. }
  74.  
  75. a:link {
  76. color: #48a1b4;
  77. transition:ease 0.3s;
  78. }
  79.  
  80. a:hover {
  81. color: #24505a;
  82. }
  83.  
  84. h4.align-center {
  85. color: #647171;
  86. }
  87.  
  88. .quote {
  89. border: 1px solid #4fb3c9;
  90. margin: 0.5em 3em;
  91. height: auto;
  92. position: relative;
  93. white-space: normal;
  94. }
  95.  
  96. .quote-user {
  97. background-color: #4fb3c9;
  98. color: #fff;
  99. font-family: Candara;
  100. font-size: 18px;
  101. font-weight: bold;
  102. padding: 0.25em 0.5em;
  103. }
  104.  
  105.  
  106. <!--Widgets--!>
  107.  
  108. .widget-header {
  109. margin-left: -5px;
  110. margin-right: -5px;
  111. border-bottom: none;
  112. }
  113.  
  114. .widget-header h3 {
  115. text-align: center;
  116. text-shadow: none;
  117. font-family: Candara;
  118. font-size: 17px;
  119. color: #fff;
  120. background: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/CSS%20Images/widgetheadergradient_zps42yuw8eg.png");
  121. box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
  122. }
  123.  
  124. .widget-content .villager-avatar img {
  125. border: 12px dotted #5ac9e1;
  126. border-radius: 100%;
  127. opacity: 0.7;
  128. }
  129.  
  130. .widget-content .villager-avatar img:hover {
  131. border: 4px dashed #4fb3c9;
  132. border-radius: 100%;
  133. opacity: 1;
  134. }
  135.  
  136. .widget-content {
  137. border-radius: 0 0 50px 50px;
  138. background: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/Profile%20Patterns/bluegriptrannsparent_zpsu1qagg4z.png");
  139. border-width: 4px;
  140. border-color: #4fb3c9;
  141. border-style: none none solid;
  142. box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
  143. }
  144.  
  145. .widget-content img{
  146. opacity: .7;
  147. }
  148.  
  149. .widget-content img:hover {
  150. opacity: 1;
  151. }
  152.  
  153. .text-right {
  154. text-align: center;
  155. margin-top: 15px;
  156. }
  157.  
  158. .widget .forum-posts li:nth-child(even) {
  159. background: #e8f2f2;
  160. }
  161.  
  162.  
  163. <!--Buttons--!>
  164.  
  165. .btn-link {
  166. color: #ffffff !important;
  167. }
  168.  
  169. .btn-link:hover {
  170. color: #ffffff !important;
  171. }
  172.  
  173. .btn medium pull-right {
  174. background-image: none;
  175. background: #5ac9e1;
  176. text-shadow: none;
  177. }
  178.  
  179. .btn:hover {
  180. background-image:none;
  181. background: #4fb3c9;
  182. }
  183.  
  184.  
  185. <!--Villager Data--!>
  186.  
  187. a.red.mute {
  188. color: #ed1c24;
  189. opacity: 1;
  190. }
  191.  
  192. .villager-data-info-box:nth-child(2n+2) {
  193. background: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/CSS%20Images/villagerinfobg_zpsy2r00mgs.gif");
  194. width: 48%;
  195. padding: 0 20px 10px;
  196. border-radius: 7px 7px 50px 50px;
  197. border-width: 4px;
  198. border-color: #4fb3c9;
  199. border-style: none none solid;
  200. box-shadow: 4px 4px 0 -2px rgba(0,0,0,0.3);
  201. }
  202.  
  203. .villager-data-desc {
  204. background: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/CSS%20Images/villagerdescbg_zpsspueynkx.gif");
  205. background-position: center top;
  206. background-repeat: no-repeat;
  207. background-color: #e8f2f2;
  208. border-radius: 7px 7px 50px 50px;
  209. border-width: 4px;
  210. border-color: #4fb3c9;
  211. border-style: none none solid;
  212. border-radius: 7px 7px 50px 50px;
  213. padding: 0 35px 30px 35px;
  214. width: 676px;
  215. box-shadow: 4px 4px 0 -2px rgba(0,0,0,0.3);
  216. }
  217.  
  218.  
  219. <!--Comment Box--!>
  220.  
  221. .content h2 {
  222. text-align: center;
  223. font-family: Candara;
  224. font-size: 18px;
  225. font-weight: bold;
  226. color: #fff;
  227. text-transform: uppercase;
  228. padding-top: 4px;
  229. padding-bottom: 4px;
  230. background: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/CSS%20Images/villagercommentsgradient_zpsryyayqso.png");
  231. border-top-left-radius: 7px;
  232. border-top-right-radius: 7px;
  233. margin-bottom: 0;
  234. box-shadow: 4px 4px 0 -2px rgba(0,0,0,0.3);
  235. }
  236.  
  237. .counter{
  238. display: none;
  239. }
  240.  
  241. .textarea {
  242. color: #6a7878;
  243. background-color: #e8f2f2;
  244. border-style: none none solid;
  245. border-width: 4px;
  246. border-color: #4fb3c9;
  247. border-radius: 0 0 50px 50px;
  248. box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
  249. }
  250.  
  251.  
  252. <!--Users Comments--!>
  253.  
  254. .user-comments .user-comment:before {
  255. border-right-color: #4fb3c9;
  256. border-width: 9px;
  257. margin-top: -9px;
  258. }
  259.  
  260. .user-comments .user-comment:after {
  261. border-right-color: #e8f2f2;
  262. border-width: 6px;
  263. margin-top: -6px;
  264. }
  265.  
  266. .user-comments .user-avatar-wrapper {
  267. width: 100px;
  268. height: 100px;
  269. float: left;
  270. overflow: hidden;
  271. background-image: url("http://i1259.photobucket.com/albums/ii544/Whipptail/Furvilla/Profile%20Patterns/beachpatternlight4transparent_zpssv47yfis.png");
  272. border-radius: 50px;
  273. margin-top: 4px;
  274. margin-right: 26px;
  275. margin-bottom: 5px;
  276. }
  277.  
  278. .user-comments .user-comment {
  279. background-color: #e8f2f2;  
  280. margin-top: 10px;
  281. border-radius: 8px 35px 8px 35px;
  282. border-width: 4px;
  283. border-color: #4fb3c9;
  284. border-style: solid none;
  285. box-shadow: 4px 4px 0 0 rgba(0,0,0,0.5);
  286. }
  287.  
  288. .user-comments .user-comment .footer {
  289. width: 530px;
  290. color: #6a7878;
  291. border-top: 2px solid #5ac9e1;
  292. margin-left: 12px;
  293. padding: 6px 0 6px 0;
  294. }
  295.  
  296.  
  297. <!--Pagination and Report--!>
  298.  
  299. .pagination li a:hover, .pagination li a:focus, .pagination li span:hover, .pagination li span:focus {
  300. background-color: #5ac9e1;
  301. color: #48a1b4;
  302. border-color: #48a1b4;
  303. }
  304.  
  305. .pagination li a, .pagination li span {
  306. background-color: #5ac9e1;
  307. color: #24505a;
  308. border-color: #24505a;
  309. }
  310.  
  311. .pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus, .pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled
  312.  
  313. a:focus {
  314. background-color: #5ac9e1;
  315. color: #24505a;
  316. border-color: #24505a;
  317. }
  318.  
  319. .active span {
  320. z-index:3;
  321. background-color: #24505a !important;
  322. border-color: #48a1b4 !important;
  323. }
  324.  
  325. a.report-villager {
  326. color: #576668;
  327. }
  328.  
  329.  
  330. <!--Notifications--!>
  331.  
  332. .table tr:nth-child(even) td {
  333. background-color: #ebf4f4;  !important;
  334. border-bottom: 0;
  335. }
  336.  
  337. .table tr:nth-child(odd) td {
  338. background-color: #ebf4f4;  !important;
  339. border-bottom: 0;
  340. }
  341.  
  342. .table tr:hover td {
  343. background-color: #ebf4f4;  !important;
  344. border-bottom: 0;
  345. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement