Advertisement
msjanny

Cro's Minimalist Profile by @36

Feb 6th, 2017
559
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.23 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.     background: url("http://i.imgur.com/Yh0ZK9h.jpg") !important;
  8.     color: #5e5e5e;
  9. }
  10.  
  11. .content b,
  12. .content strong {
  13.     font-weight: normal;
  14.     color: #000;
  15. }
  16. .content a {
  17.     color: #ca0000;
  18. }
  19. .clearfix h1 {
  20.     color: #ca0000;
  21.     font: 14px;
  22.     text-transform: uppercase;
  23.     text-align: center;
  24.     padding-top: 150px;
  25. }
  26.  
  27. /**User Data Bar**/
  28. .village-shield {
  29.     position: absolute;
  30. }
  31. .village-shield img {
  32.     margin-top: -340px;
  33.     margin-left: 265px;
  34.     opacity: 0.5;
  35.     filter: alpha(opacity=50);
  36. }
  37. .village-shield img:hover {
  38.     opacity: 0.8;
  39.     filter: alpha(opacity=80);
  40. }
  41. .village-shield + div {
  42.     background: none;
  43.     padding-bottom: 4px;
  44.     margin-left: -30px;
  45.     margin-top: -10px;
  46. }
  47. .content .col-xs-5 {
  48.     margin-left: 170px;
  49.     font-size: 10px;
  50.     line-height: 11px;
  51.     width: 200px;
  52.     text-align: right;
  53.     text-transform: lowercase;
  54. }
  55. .user-links a {
  56.     font-size: 14px;
  57. }
  58. h4 {
  59.     font-weight: normal;
  60.     font-size: 10px;
  61.     color: #5e5e5e;
  62.     text-transform: lowercase;
  63. }
  64. .user-data clearfix {
  65.     padding-top: 10px;
  66.     background: rgba(255, 255, 255, 0.5) !important;
  67. }
  68. .user-data p {
  69.     font-size: 10px;
  70.     line-height: 11px;
  71.     text-transform: lowercase;
  72. }
  73.  
  74. /**Profile Description**/
  75. .user-desc h3 {
  76.     display: none;
  77. }
  78. .user-desc strong {
  79.     font-weight: normal;
  80.     color: #000;
  81. }
  82. .user-desc {
  83.     width: 423px !important;
  84.     margin: auto;
  85. }
  86. .user-desc a,
  87. .villager-name a,
  88. .user-comment a {
  89.     font-weight: normal;
  90. }
  91. .user-desc .profanity-filter {
  92.     background: none;
  93.     padding-top: 3px;
  94.     padding-bottom: 10px;
  95.     font-size: 14px;
  96.     line-height: 18px;
  97.     margin-top: -3px;
  98. }
  99.  
  100. /**Header for Villagers and Comments**/
  101. h2.user-header {
  102.     width: auto;
  103. }
  104. h2 {
  105.     color: #5e5e5e !important;
  106.     background: none;
  107.     font-size: 18px;
  108.     text-transform: uppercase;
  109.     text-align: center;
  110.     width: 700px;
  111.     margin-left: auto !important;
  112.     margin-right: auto !important;
  113.     padding-top: 3px;
  114. }
  115. .content .counter {
  116.     border: none;
  117. }
  118.  
  119. /**Villagers**/
  120. .villagers-list clearfix {
  121.     background: rgba(255, 255, 255, 0.5);
  122.     padding-top: 20px;
  123.     margin-top: -20px;
  124. }
  125. .villagers-list img {
  126.     opacity: 0.7;
  127.     filter: alpha(opacity=70);
  128.     height: 60px;
  129.     width: 60px;
  130.     border-radius: 50%;
  131.     margin-bottom: -100px;
  132. }
  133. .villagers-list img:hover {
  134.     opacity: 0.9;
  135.     filter: alpha(opacity=90);
  136. }
  137.  
  138. /**Comments Text Box**/
  139. .content .textarea {
  140.     color: #000;
  141.     background: rgba(255, 255, 255, 0.5) !important;
  142.     margin-top: -20px;
  143. }
  144.  
  145. /**Users' Comments**/
  146. .user-avatar-wrapper {
  147.     width: 50px !important;
  148.     margin-right: 15px;
  149.     margin-left: 22px;
  150. }
  151. .user-avatar-wrapper img {
  152.     width: 100%;
  153. }
  154. .user-comments .user-comment {
  155.     background: rgba(255, 255, 255, 0.5) !important;
  156. }
  157. .user-comments .user-comment .footer {
  158.     color: #111 font-size: 10px;
  159. }
  160. .user-comments .user-comment .footer a {
  161.     color: #ca0000;
  162. }
  163. .report-comment {
  164.     color: #5e5e5e !important;
  165.     font-style: italics;
  166. }
  167. .content .btn {
  168.     background: none !important;
  169.     color: #ca0000 !important;
  170.     text-shadow: none;
  171. }
  172. .content .btn:hover {
  173.     color: #ca0000!important;
  174.     background: none;
  175. }
  176.  
  177. /**Comments Pagination**/
  178. .content .pagination a {
  179.     color: #ca0000 !important;
  180.     border: 0px !important;
  181. }
  182. .content .active span {
  183.     z-index: 3;
  184.     background-color: #ca0000 !important;
  185.     border: #ca0000 !important;
  186. }
  187.  
  188. /**Right Sidebar**/
  189. .widget-header {
  190.     border: 0px;
  191. }
  192. .widget-content img {
  193.     opacity: 0.4;
  194.     filter: alpha(opacity=40);
  195. }
  196. .widget-content img:hover {
  197.     opacity: 0.7;
  198.     filter: alpha(opacity=70);
  199. }
  200. .widget-header h3 {
  201.     color: #5e5e5e;
  202.     font-size: 16px;
  203.     background: none;
  204.     text-transform: uppercase;
  205.     font-weight: normal;
  206.     text-align: center;
  207.     text-shadow: none;
  208. }
  209. .user-info h4 {
  210.     color: #5e5e5e !important;
  211.     font-weight: normal;
  212. }
  213. .user-info strong,
  214. .user-info a {
  215.     font-weight: normal;
  216. }
  217. .content .btn-link {
  218.     color: #ca0000!important;
  219. }
  220. .content .btn-link:hover {
  221.     color: #ca0000!important;
  222. }
  223. .forum-posts li {
  224.     background: transparent !important;
  225. }
  226. .forum-posts p {
  227.     color: #5e5e5e !important;
  228. }
  229. .forum-posts p a {
  230.     color: #5e5e5e !important;
  231. }
  232. .forum-posts a {
  233.     font-weight: normal;
  234. }
  235.  
  236. /**Notifications**/
  237. .table tr:nth-child(even) td {
  238.     background: rgba(255, 255, 255, 0.5) !important;
  239.     border-bottom: 0px
  240. }
  241. .table tr:nth-child(odd) td {
  242.     background: rgba(255, 255, 255, 0.5) !important;
  243.     border-bottom: 0px
  244. }
  245. .table tr:hover td {
  246.     background: rgba(255, 255, 255, 0.5) !important;
  247.     border-bottom: 0px;
  248. }
  249. .trophies img {
  250.     padding: 0;
  251.     height: 50px;
  252.     width: auto !important;
  253. }
  254. .panel {
  255.     height: 170px;
  256.     background: rgba(255, 255, 255, .5);
  257.     border-radius: 75px;
  258.     border: 1px solid #e1e7e8;
  259.     box-shadow: none;
  260. }
  261. .gallery img {
  262.     width: 60px;
  263.     opacity: .7;
  264. }
  265. .gallery .panel:hover img {
  266.     opacity: 1;
  267. }
  268. .gallery .row {
  269.     margin: 0;
  270. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement