Advertisement
Whipptail

FV Villager Profile CSS - Theme #1 counterpart

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