Advertisement
Whipptail

FV User Profile CSS - Theme #1

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