public/assets/css/profile.css

   1 /***
   2 New Profile Page
   3 ***/
   4 .profile-sidebar {
   5   float: left;
   6   width: 200px;
   7   margin-right: 20px;
   8 }
   9
  10 .profile-content {
  11   overflow: hidden;
  12   padding-bottom: 50px;
  13 }
  14
  15 /* PROFILE SIDEBAR */
  16 .profile-sidebar-portlet {
  17   padding: 30px 0 0 0 !important;
  18 }
  19
  20 .profile-userpic img {
  21   float: none;
  22   margin: 0 auto;
  23   width: 50%;
  24   height: 50%;
  25   -webkit-border-radius: 50% !important;
  26   -moz-border-radius: 50% !important;
  27   border-radius: 50% !important;
  28 }
  29
  30 .profile-image img {
  31   float: none;
  32   margin: 0 auto;
  33   width: 50%;
  34   height: 50%;
  35   /*-webkit-border-radius: 50% !important;*/
  36   /*-moz-border-radius: 50% !important;*/
  37   /*border-radius: 50% !important;*/
  38 }
  39
  40 .profile-usertitle {
  41   text-align: center;
  42   margin-top: 20px;
  43 }
  44
  45 .profile-usertitle-name {
  46   color: #5a7391;
  47   font-size: 15px;
  48   font-weight: 600;
  49   margin-bottom: 7px;
  50   overflow: hidden;
  51   text-overflow: ellipsis;
  52 }
  53
  54 .profile-usertitle-job {
  55   text-transform: uppercase;
  56   color: #5b9bd1;
  57   font-size: 11px;
  58   font-weight: 800;
  59   margin-bottom: 7px;
  60   overflow: hidden;
  61   text-overflow: ellipsis;
  62 }
  63
  64 .profile-userbuttons {
  65   text-align: center;
  66   margin-top: 10px;
  67 }
  68
  69 .profile-userbuttons .btn {
  70   margin-right: 5px;
  71 }
  72 .profile-userbuttons .btn:last-child {
  73   margin-right: 0;
  74 }
  75
  76 .profile-userbuttons button {
  77   text-transform: uppercase;
  78   font-size: 11px;
  79   font-weight: 600;
  80   padding: 6px 15px;
  81 }
  82
  83 .profile-usermenu {
  84   margin-top: 30px;
  85   padding-bottom: 20px;
  86 }
  87
  88 .profile-usermenu ul li {
  89   border-bottom: 1px solid #f0f4f7;
  90 }
  91
  92 .profile-usermenu ul li:last-child {
  93   border-bottom: none;
  94 }
  95
  96 .profile-usermenu ul li a {
  97   color: #93a3b5;
  98   font-size: 14px;
  99   font-weight: 400;
 100 }
 101
 102 .profile-usermenu ul li a i {
 103   margin-right: 8px;
 104   font-size: 16px;
 105 }
 106
 107 .profile-usermenu ul li a:hover {
 108   background-color: #fafcfd;
 109   color: #5b9bd1;
 110 }
 111
 112 .profile-usermenu ul li.active a {
 113   color: #5b9bd1;
 114   background-color: #f6f9fb;
 115   border-left: 2px solid #5b9bd1;
 116   margin-left: -2px;
 117 }
 118
 119 .profile-stat {
 120   padding-bottom: 20px;
 121   border-bottom: 1px solid #f0f4f7;
 122 }
 123
 124 .profile-stat-title {
 125   color: #7f90a4;
 126   font-size: 25px;
 127   text-align: center;
 128 }
 129
 130 .profile-stat-text {
 131   color: #5b9bd1;
 132   font-size: 11px;
 133   font-weight: 800;
 134   text-align: center;
 135 }
 136
 137 .profile-desc-title {
 138   color: #7f90a4;
 139   font-size: 17px;
 140   font-weight: 600;
 141 }
 142
 143 .profile-desc-text {
 144   color: #7e8c9e;
 145   font-size: 14px;
 146 }
 147
 148 .profile-desc-link i {
 149   width: 22px;
 150   font-size: 19px;
 151   color: #abb6c4;
 152   margin-right: 5px;
 153 }
 154
 155 .profile-desc-link a {
 156   font-size: 14px;
 157   font-weight: 600;
 158   color: #5b9bd1;
 159 }
 160
 161 /* END PROFILE SIDEBAR */
 162 /* RESPONSIVE MODE */
 163 @media (max-width: 991px) {
 164   /* 991px */
 165   /* 991px */
 166   .profile-sidebar {
 167     float: none;
 168     width: 100% !important;
 169     margin: 0;
 170   }
 171
 172   .profile-sidebar > .portlet {
 173     margin-bottom: 20px;
 174   }
 175
 176   .profile-content {
 177     overflow: visible;
 178   }
 179 }