msjanny

Basic Furvilla Profile Template by @36

Feb 6th, 2017
569
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.43 KB | None | 0 0
  1. /**TEMPLATE BY CRO
  2. http://crovilla.tumblr.com/
  3. If you have any questions, feel free to ask.
  4. **/
  5.  
  6. .content {
  7.     color: #111;
  8.     background-image: url("http://i.imgur.com/SHIWHMv.png");
  9.     background-repeat: repeat;
  10. }
  11. .content a {
  12.     color: #821729;
  13. }
  14. .clearfix h1 {
  15.     color: white;
  16.     font: 14px, arial;
  17.     font-weight: bold;
  18.     text-transform: uppercase;
  19.     text-align: center;
  20. }
  21.  
  22. /**User Data Bar**/
  23. .col-xs-3 img {
  24.     width: 115px;
  25.     height: 115px;
  26. }
  27. .village-shield + div {
  28.     width: 546px;
  29.     float: right;
  30.     min-height: 150px;
  31.     background: rgba(255, 255, 255, 0.5);
  32.     padding: 15px !important;
  33.     border-radius: 8px;
  34. }
  35. .col-xs-5 {
  36.     width: 50%;
  37. }
  38. .user-data p {
  39.     font-size: 10px;
  40.     line-height: 11px;
  41.     text-transform: lowercase;
  42. }
  43.  
  44. /**Profile Description**/
  45. .user-desc h3 {
  46.     color: #fff !important;
  47.     background-color: #1c1c1c;
  48.     font-size: 18px;
  49.     font-family: arial;
  50.     font-weight: bold;
  51.     text-transform: uppercase;
  52.     text-align: center;
  53.     width: 490px;
  54.     margin: auto !important;
  55.     padding-top: 3px;
  56.     border-radius: 8px 8px 0 0;
  57. }
  58. .user-desc {
  59.     width: 500px !important;
  60.     margin: auto;
  61. }
  62. .user-desc .profanity-filter {
  63.     background: rgba(255, 255, 255, 0.5);
  64.     padding: 10px;
  65.     font-size: 14px;
  66.     line-height: 18px;
  67.     margin-top: -3px;
  68.     border-top: 3px solid #1c1c1c;
  69.     border-radius: 0 0 8px 8px;
  70. }
  71. .content h2.user-header {
  72.     width: 484px;
  73.     margin-bottom: 0;
  74. }
  75.  
  76. /**Header for Villagers and Comments**/
  77. .content h2 {
  78.     color: #fff !important;
  79.     background-color: #1c1c1c;
  80.     font-size: 18px;
  81.     font-family: arial;
  82.     font-weight: bold;
  83.     text-transform: uppercase;
  84.     text-align: center;
  85.     width: 700px;
  86.     margin-left: auto !important;
  87.     margin-right: auto !important;
  88.     padding-top: 3px;
  89.     border-radius: 8px 8px 0 0;
  90. }
  91. .content .counter {
  92.     border-color: #fff;
  93. }
  94.  
  95. /**Villagers**/
  96. .villagers-list {
  97.     background: rgba(255, 255, 255, 0.5);
  98.     padding-top: 20px;
  99.     margin-top: -20px;
  100.     border-top: 3px solid #1c1c1c;
  101.     border-radius: 0 0 8px 8px;
  102. }
  103.  
  104. /**Comments Text Box**/
  105. .content .textarea {
  106.     background: url("http://i.imgur.com/JwmL3vu.png");
  107.     margin-top: -20px;
  108.     border: 3px 0 0 0 solid #1c1c1c;
  109.     border-radius: 0 0 8px 8px;
  110. }
  111.  
  112. /**Users' Comments**/
  113. .user-comments {
  114.     height: 200px !important;
  115.     overflow: auto;
  116. }
  117. .user-avatar-wrapper {
  118.     width: 80px !important;
  119. }
  120. .user-avatar-wrapper img {
  121.     width: 100%;
  122. }
  123. .user-comments .user-comment {
  124.     background: rgba(255, 255, 255, 0.5);
  125.     float: right;
  126.     margin-right: 11px;
  127. }
  128. .user-comments .user-comment .footer {
  129.     color: #111;
  130. }
  131. .user-comments .user-comment .footer a {
  132.     color: #fff;
  133. }
  134. .report-comment {
  135.     color: #821729 !important;
  136. }
  137. .content .btn.medium pull-right {
  138.     background-image: none;
  139.     background: #1c1c1c;
  140. }
  141. .content .btn:hover {
  142.     background-image: none;
  143.     background: #5e5e5e;
  144. }
  145.  
  146. /**Comments Pagination**/
  147. .content .pagination a {
  148.     color: #821729 !important;
  149. }
  150. .content .active span {
  151.     z-index: 3;
  152.     background-color: #821729 !important;
  153.     border: #821729 !important;
  154. }
  155.  
  156. /**Right Sidebar**/
  157. .widget-header {
  158.     border-bottom: 3px solid #1c1c1c;
  159. }
  160. .widget-header h3 {
  161.     background-image: none;
  162.     background: #1c1c1c;
  163.     font-weight: bold;
  164.     text-transform: uppercase;
  165.     text-align: center;
  166. }
  167. .user-info h4 {
  168.     color: #111 !important;
  169.     font-weight: bold;
  170. }
  171. .content .btn-link {
  172.     color: #ffffff !important;
  173. }
  174. .content .btn-link:hover {
  175.     color: #ffffff !important;
  176. }
  177. .forum-posts li {
  178.     background: transparent !important;
  179. }
  180. .widget .forum-posts p,
  181. .widget .forum-posts p a {
  182.     color: #111;
  183. }
  184. .widget .forum-posts li {
  185.     border: 0;
  186. }
  187.  
  188. /**Notifications**/
  189. .table tr:nth-child(even) td {
  190.     background: url("http://i.imgur.com/fyUi3SK.png") !important;
  191.     border-bottom: 0px
  192. }
  193. .table tr:nth-child(odd) td {
  194.     background: url("http://i.imgur.com/fyUi3SK.png") !important;
  195.     border-bottom: 0px
  196. }
  197. .table tr:hover td {
  198.     background: url("http://i.imgur.com/JwmL3vu.png") !important;
  199.     border-bottom: 0px;
  200. }
  201.  
  202. /**Gallery**/
  203. .gallery {
  204.     background: rgba(255, 255, 255, 0.5);
  205.     margin-bottom: 20px;
  206.     padding: 15px;
  207. }
  208. .panel {
  209.     background: none;
  210.     box-shadow: none;
  211.     border: 0;
  212.     height: 172px;
  213.     margin: 0;
  214. }
  215. h2.gallery-header {
  216.     margin-bottom: 0;
  217. }
  218. .panel-body {
  219.     padding: 0;
  220. }
  221. h2 .btn:hover {
  222.     background: none !important;
  223. }
  224. h2 .btn {
  225.     height: 23px;
  226.     line-height: 23px;
  227.     padding: 0 5px;
  228. }
Add Comment
Please, Sign In to add comment