Changeset 16671


Ignore:
Timestamp:
Aug 16, 2017, 12:08:24 PM (2 years ago)
Author:
afernandes
Message:

change on css

Location:
internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/styleshits
Files:
2 added
3 edited

Legend:

Unmodified
Added
Removed
  • internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/styleshits/Profile/userCard.css

    r16664 r16671  
    44
    55
    6 .card-header {
    7     position: relative;
    8     display: -webkit-box;
    9     display: -ms-flexbox;
    10     display: flex;
    11     -webkit-box-pack: center;
    12     -ms-flex-pack: center;
    13     justify-content: center;
    14     background-image: url('http://www.bootdey.com/img/Content/flores-amarillas-wallpaper.jpeg');
    15     background-size: cover;
    16     background-position: center center;
    17     padding: 30px 15px;
    18    
    19 }
     6
    207
    218.card-header-menu {
  • internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/styleshits/Profile/wishList.css

    r16664 r16671  
    22.padding {
    33    padding: 10px;
    4 }
    5 
    6 /* GRID */
    7 .col {
    8     padding: 10px 20px;
    9         margin-bottom: 10px;
    10         background: #fff;
    11         color: #666666;
    12         text-align: center;
    13         font-weight: 400;
    14         box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    15 }
    16 
    17 .row h3 {
    18         color: #666666;
    19 }
    20 
    21 .row.grid {
    22         margin-left: 0;
    23 }
    24 
    25 .grid {
    26         position: relative;
    27         width: 100%;
    28         background: #fff;
    29         color: #666666;
    30         border-radius: 2px;
    31         margin-bottom: 25px;
    32         box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    33 }
    34 
    35 .grid .grid-header {
    36         position: relative;
    37         border-bottom: 1px solid #ddd;
    38         padding: 15px 10px 10px 20px;
    39 }
    40 
    41 .grid .grid-header:before,
    42 .grid .grid-header:after {
    43         display: table;
    44         content: " ";
    45 }
    46 
    47 .grid .grid-header:after {
    48         clear: both;
    49 }
    50 
    51 .grid .grid-header span,
    52 .grid .grid-header > .fa {
    53         display: inline-block;
    54         margin: 0;
    55         font-weight: 300;
    56         font-size: 1.5em;
    57         float: left;
    58 }
    59 
    60 .grid .grid-header span {
    61         padding: 0 5px;
    62 }
    63 
    64 .grid .grid-header > .fa {
    65         padding: 5px 10px 0 0;
    66 }
    67 
    68 .grid .grid-header > .grid-tools {
    69         padding: 4px 10px;
    70 }
    71 
    72 .grid .grid-header > .grid-tools a {
    73         color: #999999;
    74         padding-left: 10px;
    75         cursor: pointer;
    76 }
    77 
    78 .grid .grid-header > .grid-tools a:hover {
    79         color: #666666;
    80 }
    81 
    82 .grid .grid-body {
    83         padding: 15px 20px 15px 20px;
    84         font-size: 0.9em;
    85         line-height: 1.9em;
    86 }
    87 
    88 .grid .full {
    89         padding: 0 !important;
    90 }
    91 
    92 .grid .transparent {
    93         box-shadow: none !important;
    94         margin: 0px !important;
    95         border-radius: 0px !important;
    96 }
    97 
    98 .grid.top.black > .grid-header {
    99         border-top-color: #000000 !important;
    100 }
    101 
    102 .grid.bottom.black > .grid-body {
    103         border-bottom-color: #000000 !important;
    104 }
    105 
    106 .grid.top.blue > .grid-header {
    107         border-top-color: #007be9 !important;
    108 }
    109 
    110 .grid.bottom.blue > .grid-body {
    111         border-bottom-color: #007be9 !important;
    112 }
    113 
    114 .grid.top.green > .grid-header {
    115         border-top-color: #00c273 !important;
    116 }
    117 
    118 .grid.bottom.green > .grid-body {
    119         border-bottom-color: #00c273 !important;
    120 }
    121 
    122 .grid.top.purple > .grid-header {
    123         border-top-color: #a700d3 !important;
    124 }
    125 
    126 .grid.bottom.purple > .grid-body {
    127         border-bottom-color: #a700d3 !important;
    128 }
    129 
    130 .grid.top.red > .grid-header {
    131         border-top-color: #dc1200 !important;
    132 }
    133 
    134 .grid.bottom.red > .grid-body {
    135         border-bottom-color: #dc1200 !important;
    136 }
    137 
    138 .grid.top.orange > .grid-header {
    139         border-top-color: #f46100 !important;
    140 }
    141 
    142 .grid.bottom.orange > .grid-body {
    143         border-bottom-color: #f46100 !important;
    144 }
    145 
    146 .grid.no-border > .grid-header {
    147         border-bottom: 0px !important;
    148 }
    149 
    150 .grid.top > .grid-header {
    151         border-top-width: 4px !important;
    152         border-top-style: solid !important;
    153 }
    154 
    155 .grid.bottom > .grid-body {
    156         border-bottom-width: 4px !important;
    157         border-bottom-style: solid !important;
    158 }
    159 
    160 
    161 /* SUPPORT TICKET */
    162 .support ul {
    163     list-style: none;
    164         padding: 0px;
    165 }
    166 
    167 .support ul li {
    168         padding: 8px 10px;
    169 }
    170 
    171 .support ul li a {
    172         color: #999;
    173         display: block;
    174 }
    175 
    176 .support ul li a:hover {
    177         color: #666;
    178 }
    179 
    180 .support ul li.active {
    181         background: #0073b7;
    182 }
    183 
    184 .support ul li.active a {
    185         color: #fff;
    186 }
    187 
    188 .support ul.support-label li {
    189         padding: 2px 0px;
    190 }
    191 
    192 .support h2,
    193 .support-content h2 {
    194         margin-top: 5px;
    195 }
    196 
    197 .support-content .list-group li {
    198         padding: 15px 20px 12px 20px;
    199         cursor: pointer;
    200 }
    201 
    202 .support-content .list-group li:hover {
    203         background: #eee;
    204 }
    205 
    206 .support-content .fa-padding .fa {
    207         padding-top: 5px;
    208         width: 1.5em;
    209 }
    210 
    211 .support-content .info {
    212         color: #777;
    213         margin: 0px;
    214 }
    215 
    216 .support-content a {
    217         color: #111;
    218 }
    219 
    220 .support-content .info a:hover {
    221         text-decoration: underline;
    222 }
    223 
    224 .support-content .info .fa {
    225         width: 1.5em;
    226         text-align: center;
    227 }
    228 
    229 .support-content .number {
    230         color: #777;
    231 }
    232 
    233 .support-content img {
    234         margin: 0 auto;
    235         display: block;
    236 }
    237 
    238 .support-content .modal-body {
    239         padding-bottom: 0px;
    240 }
    241 
    242 .support-content-comment {
    243         padding: 10px 10px 10px 30px;
    244         background: #eee;
    245         border-top: 1px solid #ccc;
    2464}
    2475
     
    30563        color: #fff !important;
    30664}
     65
     66
    30767/* Component: Panel */
    30868.panel {
     
    361121  border-top: 4px solid #2ecc71 !important;
    362122}
     123
     124
     125/* PREFERENCES TABLE */
     126
     127.table {
     128    border-collapse: separate;
     129   
     130}
     131
     132.table-responsive {
     133    overflow-y: hidden;
     134    overflow-x: hidden;
     135}
     136
     137.table-hover > tbody > tr:hover > td,
     138.table-hover > tbody > tr:hover > th {
     139        background-color: #eee;
     140}
     141.table thead > tr > th {
     142        border-bottom: 1px solid #C2C2C2;
     143        padding-bottom: 0;
     144}
     145.table tbody > tr > td {
     146       
     147        background: #f5f5f5;
     148        border-top: 10px solid #fff;
     149        vertical-align: middle;
     150        padding: 12px 8px;
     151}
     152
     153
     154.material-switch > input[type="checkbox"] {
     155    display: none;   
     156}
     157
     158.material-switch > label {
     159    cursor: pointer;
     160    height: 0px;
     161    position: relative;
     162    width: 40px; 
     163}
     164
     165.material-switch > label::before {
     166    background: rgb(0, 0, 0);
     167    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
     168    border-radius: 8px;
     169    content: '';
     170    height: 16px;
     171    margin-top: -8px;
     172    position:absolute;
     173    opacity: 0.3;
     174    transition: all 0.4s ease-in-out;
     175    width: 40px;
     176}
     177.material-switch > label::after {
     178    background: rgb(255, 255, 255);
     179    border-radius: 16px;
     180    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
     181    content: '';
     182    height: 24px;
     183    left: -4px;
     184    margin-top: -8px;
     185    position: absolute;
     186    top: -4px;
     187    transition: all 0.3s ease-in-out;
     188    width: 24px;
     189}
     190.material-switch > input[type="checkbox"]:checked + label::before {
     191    background: inherit;
     192    opacity: 0.5;
     193}
     194.material-switch > input[type="checkbox"]:checked + label::after {
     195    background: inherit;
     196    left: 20px;
     197}
  • internals/2017/FrontEndPlataformaSocial/Social_Plataform/client/styleshits/app.css

    r16655 r16671  
    33  height: 100%; 
    44  background-color: rgba(216, 216, 216, 0.82);
    5 
     5  font-family: "Century Gothic", serif;
    66}
    77
Note: See TracChangeset for help on using the changeset viewer.