public/assets/css/profile-old.css

   1 /***
   2 Profile Page
   3 ***/
   4 .profile {
   5   position: relative;
   6 }
   7
   8 .profile p {
   9   color: #636363;
  10   font-size: 13px;
  11 }
  12
  13 .profile p a {
  14   color: #169ef4;
  15 }
  16
  17 .profile label {
  18   margin-top: 10px;
  19 }
  20
  21 .profile label:first-child {
  22   margin-top: 0;
  23 }
  24
  25 /*profile info*/
  26 .profile-classic .profile-image {
  27   position: relative;
  28 }
  29
  30 .profile-classic .profile-edit {
  31   top: 0;
  32   right: 0;
  33   margin: 0;
  34   color: #fff;
  35   opacity: 0.6;
  36   padding: 0 9px;
  37   font-size: 11px;
  38   background: #000;
  39   position: absolute;
  40   filter: alpha(opacity=60);
  41   /*for ie*/
  42 }
  43
  44 .profile-classic .profile-image img {
  45   margin-bottom: 15px;
  46 }
  47
  48 .profile-classic li {
  49   padding: 8px 0;
  50   font-size: 13px;
  51   border-top: solid 1px #f5f5f5;
  52 }
  53
  54 .profile-classic li:first-child {
  55   border-top: none;
  56 }
  57
  58 .profile-classic li span {
  59   color: #666;
  60   font-size: 13px;
  61   margin-right: 7px;
  62 }
  63
  64 /*profile tabs*/
  65 .profile .tabbable-custom-profile .nav-tabs > li > a {
  66   padding: 6px 12px;
  67 }
  68
  69 /*profile navigation*/
  70 .profile ul.profile-nav {
  71   margin-bottom: 30px;
  72 }
  73
  74 .profile ul.profile-nav li {
  75   position: relative;
  76 }
  77
  78 .profile ul.profile-nav li a {
  79   color: #557386;
  80   display: block;
  81   font-size: 14px;
  82   padding: 8px 10px;
  83   margin-bottom: 1px;
  84   background: #f0f6fa;
  85   border-left: solid 2px #c4d5df;
  86 }
  87
  88 .profile ul.profile-nav li a:hover {
  89   color: #169ef4;
  90   background: #ecf5fb;
  91   text-decoration: none;
  92   border-left: solid 2px #169ef4;
  93 }
  94
  95 .profile ul.profile-nav li a.profile-edit {
  96   top: 0;
  97   right: 0;
  98   margin: 0;
  99   color: #fff;
 100   opacity: 0.6;
 101   border: none;
 102   padding: 3px 9px;
 103   font-size: 12px;
 104   background: #000;
 105   position: absolute;
 106   filter: alpha(opacity=60);
 107   /*for ie*/
 108 }
 109
 110 .profile ul.profile-nav li a.profile-edit:hover {
 111   text-decoration: underline;
 112 }
 113
 114 .profile ul.profile-nav a span {
 115   top: 0;
 116   right: 0;
 117   color: #fff;
 118   font-size: 16px;
 119   padding: 7px 13px;
 120   position: absolute;
 121   background: #169ef4;
 122 }
 123
 124 .profile ul.profile-nav a:hover span {
 125   background: #0b94ea;
 126 }
 127
 128 /*profile information*/
 129 .profile-info h1 {
 130   color: #383839;
 131   font-size: 24px;
 132   font-weight: 400;
 133   margin: 0 0 10px 0;
 134 }
 135
 136 .profile-info ul {
 137   margin-bottom: 15px;
 138 }
 139
 140 .profile-info li {
 141   color: #6b6b6b;
 142   font-size: 13px;
 143   margin-right: 15px;
 144   margin-bottom: 5px;
 145   padding: 0 !important;
 146 }
 147
 148 .profile-info li i {
 149   color: #b5c1c9;
 150   font-size: 15px;
 151 }
 152
 153 .profile-info li:hover i {
 154   color: #169ef4;
 155 }
 156
 157 /*profile sales summary*/
 158 .sale-summary ul {
 159   margin-top: -10px;
 160 }
 161
 162 .sale-summary li {
 163   padding: 10px 0;
 164   overflow: hidden;
 165   border-top: solid 1px #eee;
 166 }
 167
 168 .sale-summary li:first-child {
 169   border-top: none;
 170 }
 171
 172 .sale-summary li .sale-info {
 173   margin-top: 4px;
 174   float: left;
 175   color: #646464;
 176   font-size: 14px;
 177   text-transform: uppercase;
 178 }
 179
 180 .sale-summary li .sale-num {
 181   float: right;
 182   color: #169ef4;
 183   font-size: 20px;
 184   font-weight: 300;
 185 }
 186
 187 .sale-summary li span i {
 188   top: 1px;
 189   width: 13px;
 190   height: 14px;
 191   margin-left: 3px;
 192   position: relative;
 193   display: inline-block;
 194 }
 195
 196 .sale-summary li i.icon-img-up {
 197   background: url(../../img/icon-img-up.png) no-repeat !important;
 198 }
 199
 200 .sale-summary li i.icon-img-down {
 201   background: url(../../img/icon-img-down.png) no-repeat !important;
 202 }
 203
 204 .sale-summary .caption h4 {
 205   color: #383839;
 206   font-size: 18px;
 207 }
 208
 209 .sale-summary .caption {
 210   border-color: #c9c9c9;
 211 }
 212
 213 /*latest customers table*/
 214 .profile .table-advance thead tr th {
 215   background: #f0f6fa;
 216 }
 217
 218 .profile .table-bordered th,
 219 .profile .table-bordered td,
 220 .profile .table-bordered {
 221   border-color: #e5eff6;
 222 }
 223
 224 .profile .table-striped tbody > tr:nth-child(2n+1) > td,
 225 .profile .table-striped tbody > tr:nth-child(2n+1) > th {
 226   background: #fcfcfc;
 227 }
 228
 229 .profile .table-hover tbody tr:hover td,
 230 .profile .table-hover tbody tr:hover th {
 231   background: #f5fafd;
 232 }
 233
 234 /*add portfolio*/
 235 .add-portfolio {
 236   overflow: hidden;
 237   margin-bottom: 30px;
 238   background: #f0f6fa;
 239   padding: 12px 14px;
 240 }
 241
 242 .add-portfolio span {
 243   float: left;
 244   display: inline-block;
 245   font-weight: 300;
 246   font-size: 22px;
 247   margin-top: 0px;
 248 }
 249
 250 .add-portfolio .btn {
 251   margin-left: 20px;
 252 }
 253
 254 /*portfolio block*/
 255 .portfolio-block {
 256   background: #f7f7f7;
 257   margin-bottom: 15px;
 258   overflow: hidden;
 259 }
 260
 261 .portfolio-stat {
 262   overflow: hidden;
 263 }
 264
 265 /*portfolio text*/
 266 .portfolio-text {
 267   overflow: hidden;
 268 }
 269
 270 .portfolio-text img {
 271   float: left;
 272   margin-right: 15px;
 273 }
 274
 275 .portfolio-text .portfolio-text-info {
 276   overflow: hidden;
 277 }
 278
 279 /*portfolio button*/
 280 .portfolio-btn a {
 281   display: block;
 282   padding: 25px 0;
 283   background: #ddd !important;
 284 }
 285
 286 .portfolio-btn a:hover {
 287   background: #1d943b !important;
 288 }
 289
 290 .portfolio-btn span {
 291   color: #fff;
 292   font-size: 22px;
 293   font-weight: 200;
 294 }
 295
 296 /*portfolio info*/
 297 .portfolio-info {
 298   float: left;
 299   color: #616161;
 300   font-size: 12px;
 301   padding: 10px 25px;
 302   margin-bottom: 5px;
 303   text-transform: uppercase;
 304 }
 305
 306 .portfolio-info span {
 307   color: #16a1f2;
 308   display: block;
 309   font-size: 28px;
 310   line-height: 28px;
 311   margin-top: 0px;
 312   font-weight: 200;
 313   text-transform: uppercase;
 314 }
 315
 316 /*portfolio settings*/
 317 .profile-settings {
 318   background: #fafafa;
 319   padding: 15px 8px 0;
 320   margin-bottom: 5px;
 321 }
 322
 323 .profile-settings p {
 324   padding-left: 5px;
 325   margin-bottom: 3px;
 326 }
 327
 328 .profile-settings .controls > .radio,
 329 .profile-settings .controls > .checkbox {
 330   font-size: 12px;
 331   margin-top: 2px !important;
 332 }