Advertisement
Whipptail

Personal User Prof

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