view/theme/quattro/lilac/style.css

   1 /**
   2  * Fabio Comuni <http://kirgroup.com/profile/fabrixxm>
   3  **/
   4
   5 @import url("../dark/style.css") all;
   6
   7 /* global */
   8 body {
   9   font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
  10   font-size: 11px;
  11   background-color: #F6ECF9;
  12   color: #2d2d2d;
  13   margin: 50px 0 0 0;
  14   display: table;
  15 }
  16 a,
  17 a:link {
  18   color: #521f5c;
  19   text-decoration: none;
  20 }
  21 a:visited {
  22   color: #86608e;
  23   text-decoration: none;
  24 }
  25 a:hover {
  26   color: #86608e;
  27   text-decoration: underline;
  28 }
  29 .fakelink {
  30   color: #521f5c;
  31   text-decoration: none;
  32   cursor: pointer;
  33 }
  34 .fakelink:hover {
  35   color: #86608e;
  36   text-decoration: underline;
  37 }
  38 /* nav */
  39 nav {
  40   width: 100%;
  41   height: 32px;
  42   position: fixed;
  43   left: 0;
  44   top: 0;
  45   padding: 0;
  46   background-color: #521f5c;
  47   color: #ffffff;
  48   z-index: 100;
  49   -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
  50   -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
  51   box-shadow: 0px 0 10px rgba(0, 0, 0, 0.7);
  52 }
  53 nav .nav-menu-icon.selected {
  54   background-color: #cbd38d;
  55 }
  56 nav .nav-menu {
  57   position: relative;
  58   height: 16px;
  59   padding: 5px;
  60   margin: 3px 15px 0;
  61   font-size: 14px;
  62   border-bottom: 3px solid #521f5c;
  63 }
  64 nav .nav-notify {
  65   display: none;
  66   position: absolute;
  67   background-color: #86608e;
  68   -moz-border-radius: 5px 5px 5px 5px;
  69   -webkit-border-radius: 5px 5px 5px 5px;
  70   border-radius: 5px 5px 5px 5px;
  71   font-size: 10px;
  72   padding: 1px 3px;
  73   top: 0;
  74   right: -10px;
  75   min-width: 15px;
  76   text-align: right;
  77 }
  78 nav #nav-apps-link.selected {
  79   background-color: #cbd38d;
  80 }
  81 ul.menu-popup a:hover {
  82   background-color: #c0a3c7;
  83 }
  84 .autocomplete > div.selected,
  85 .acpopupitem.selected {
  86   background-color: #c0a3c7;
  87 }
  88 .textcomplete-item.active {
  89   background-color: #c0a3c7;
  90 }
  91 aside #wallmessage-link {
  92   display: block;
  93   -moz-border-radius: 5px 5px 5px 5px;
  94   -webkit-border-radius: 5px 5px 5px 5px;
  95   border-radius: 5px 5px 5px 5px;
  96   color: #ffffff;
  97   background: #521f5c url('../../../images/connect-bg.png') no-repeat left center;
  98   font-weight: bold;
  99   text-transform: uppercase;
 100   padding: 4px 2px 2px 35px;
 101   margin-top: 3px;
 102 }
 103 aside #wallmessage-link:hover {
 104   text-decoration: none;
 105   background-color: #86608e;
 106 }
 107 aside #dfrn-request-link {
 108   display: block;
 109   -moz-border-radius: 5px 5px 5px 5px;
 110   -webkit-border-radius: 5px 5px 5px 5px;
 111   border-radius: 5px 5px 5px 5px;
 112   color: #ffffff;
 113   background: #521f5c url('icons/connect-bg.png') no-repeat left center;
 114   font-weight: bold;
 115   text-transform: uppercase;
 116   padding: 4px 2px 2px 35px;
 117 }
 118 aside #dfrn-request-link:hover {
 119   text-decoration: none;
 120   background-color: #86608e;
 121 }
 122 aside #subscribe-feed-link {
 123   display: block;
 124   -moz-border-radius: 5px 5px 5px 5px;
 125   -webkit-border-radius: 5px 5px 5px 5px;
 126   border-radius: 5px 5px 5px 5px;
 127   color: #ffffff;
 128   background: #521f5c url('icons/rss-bg.png') no-repeat left center;
 129   font-weight: bold;
 130   text-transform: uppercase;
 131   padding: 4px 2px 2px 35px;
 132 }
 133 aside #subscribe-feed-link:hover {
 134   text-decoration: none;
 135   background-color: #86608e;
 136 }
 137 .comment-edit-preview {
 138   width: 710px;
 139   border: 1px solid #2d2d2d;
 140   margin-top: 10px;
 141   background-color: #c0a3c7;
 142 }
 143 .comment-edit-preview .tread-wrapper {
 144   width: 90%;
 145   padding: 0;
 146   margin: 10px 0;
 147   background-color: #c0a3c7;
 148   border-bottom: 0;
 149 }
 150 .shiny {
 151   border-right: 10px solid #c0a3c7;
 152 }
 153 #jot-preview-content .tread-wrapper {
 154   background-color: #c0a3c7;
 155 }
 156 #contacts-actions .batch-action:hover {
 157   background-color: #c0a3c7;
 158 }
 159 #contact-edit-status-wrapper {
 160   border-color: #86608e;
 161 }
 162 #jot #jot-tools {
 163   margin: 0;
 164   padding: 0;
 165   height: 40px;
 166   overflow: none;
 167   width: 770px;
 168   background-color: #521f5c;
 169   border-bottom: 2px solid #9eabb0;
 170 }
 171 #jot #jot-tools li:hover {
 172   background-color: #86608e;
 173   border-bottom: 2px solid #bdcdd4;
 174 }
 175 #jot #jot-tools li.submit input:hover {
 176   background-color: #521f5c;
 177   color: #666666;
 178 }
 179 #jot #jot-title {
 180   border: 0;
 181   margin: 0;
 182   height: 20px;
 183   width: 500px;
 184   font-weight: bold;
 185   border: 1px solid #F6ECF9;
 186 }
 187 #jot #jot-category {
 188   border: 0;
 189   margin: 0;
 190   height: 20px;
 191   width: 200px;
 192   border: 1px solid #F6ECF9;
 193 }
 194 ul.tabs li .active {
 195   border-bottom: 1px solid #86608e;
 196 }
 197 .pager .disabled {
 198   display: none;
 199 }
 200 .fbrowser .path {
 201   background-color: #521f5c;
 202 }