Edit File by line
/home/barbar84/public_h.../wp-conte.../themes/Divi/epanel/css
File: panel.css
/**
[0] Fix | Delete
* Resets
[1] Fix | Delete
*/
[2] Fix | Delete
#epanel span,
[3] Fix | Delete
#epanel applet,
[4] Fix | Delete
#epanel object,
[5] Fix | Delete
#epanel iframe,
[6] Fix | Delete
#epanel h1,
[7] Fix | Delete
#epanel h2,
[8] Fix | Delete
#epanel h3,
[9] Fix | Delete
#epanel h4,
[10] Fix | Delete
#epanel h5,
[11] Fix | Delete
#epanel h6,
[12] Fix | Delete
#epanel p,
[13] Fix | Delete
#epanel blockquote,
[14] Fix | Delete
#epanel a,
[15] Fix | Delete
#epanel abbr,
[16] Fix | Delete
#epanel acronym,
[17] Fix | Delete
#epanel address,
[18] Fix | Delete
#epanel big,
[19] Fix | Delete
#epanel cite,
[20] Fix | Delete
#epanel code,
[21] Fix | Delete
#epanel del,
[22] Fix | Delete
#epanel dfn,
[23] Fix | Delete
#epanel font,
[24] Fix | Delete
#epanel img,
[25] Fix | Delete
#epanel ins,
[26] Fix | Delete
#epanel kbd,
[27] Fix | Delete
#epanel q,
[28] Fix | Delete
#epanel s,
[29] Fix | Delete
#epanel samp,
[30] Fix | Delete
#epanel small,
[31] Fix | Delete
#epanel strike,
[32] Fix | Delete
#epanel strong,
[33] Fix | Delete
#epanel tt,
[34] Fix | Delete
#epanel var,
[35] Fix | Delete
#epanel fieldset,
[36] Fix | Delete
#epanel dl,
[37] Fix | Delete
#epanel dt,
[38] Fix | Delete
#epanel dd,
[39] Fix | Delete
#epanel ol,
[40] Fix | Delete
#epanel ul,
[41] Fix | Delete
#epanel li,
[42] Fix | Delete
#epanel form,
[43] Fix | Delete
#epanel label,
[44] Fix | Delete
#epanel legend,
[45] Fix | Delete
#epanel table,
[46] Fix | Delete
#epanel caption,
[47] Fix | Delete
#epanel tbody,
[48] Fix | Delete
#epanel tfoot,
[49] Fix | Delete
#epanel thead,
[50] Fix | Delete
#epanel tr,
[51] Fix | Delete
#epanel th,
[52] Fix | Delete
#epanel td {
[53] Fix | Delete
margin: 0;
[54] Fix | Delete
padding: 0;
[55] Fix | Delete
border: 0;
[56] Fix | Delete
outline: 0;
[57] Fix | Delete
font-weight: inherit;
[58] Fix | Delete
font-style: inherit;
[59] Fix | Delete
font-size: 100%;
[60] Fix | Delete
font-family: inherit;
[61] Fix | Delete
vertical-align: baseline;
[62] Fix | Delete
-webkit-font-smoothing: antialiased;
[63] Fix | Delete
-moz-osx-font-smoothing: grayscale;
[64] Fix | Delete
}
[65] Fix | Delete
[66] Fix | Delete
#epanel pre,
[67] Fix | Delete
#epanel sub,
[68] Fix | Delete
#epanel sup,
[69] Fix | Delete
#epanel em {
[70] Fix | Delete
margin: 0;
[71] Fix | Delete
padding: 0;
[72] Fix | Delete
border: 0;
[73] Fix | Delete
outline: 0;
[74] Fix | Delete
-webkit-font-smoothing: antialiased;
[75] Fix | Delete
-moz-osx-font-smoothing: grayscale;
[76] Fix | Delete
}
[77] Fix | Delete
[78] Fix | Delete
#epanel button {
[79] Fix | Delete
box-shadow: none;
[80] Fix | Delete
-webkit-font-smoothing: antialiased;
[81] Fix | Delete
-moz-osx-font-smoothing: grayscale;
[82] Fix | Delete
}
[83] Fix | Delete
[84] Fix | Delete
/* remember to define focus styles! */
[85] Fix | Delete
:focus {
[86] Fix | Delete
outline: 0;
[87] Fix | Delete
}
[88] Fix | Delete
[89] Fix | Delete
#epanel ol, #epanel ul {
[90] Fix | Delete
list-style: none;
[91] Fix | Delete
-webkit-font-smoothing: antialiased;
[92] Fix | Delete
-moz-osx-font-smoothing: grayscale;
[93] Fix | Delete
}
[94] Fix | Delete
[95] Fix | Delete
#epanel a {
[96] Fix | Delete
text-decoration: none;
[97] Fix | Delete
-webkit-font-smoothing: antialiased;
[98] Fix | Delete
-moz-osx-font-smoothing: grayscale;
[99] Fix | Delete
}
[100] Fix | Delete
[101] Fix | Delete
/**
[102] Fix | Delete
* Main Wrappers
[103] Fix | Delete
*/
[104] Fix | Delete
#panel-wrap, #custom-lbox {
[105] Fix | Delete
font-family: 'Open Sans', sans-serif;
[106] Fix | Delete
-webkit-font-smoothing: antialiased;
[107] Fix | Delete
-moz-osx-font-smoothing: grayscale;
[108] Fix | Delete
}
[109] Fix | Delete
[110] Fix | Delete
#wrapper {
[111] Fix | Delete
margin: 30px 30px 0 20px;
[112] Fix | Delete
}
[113] Fix | Delete
[114] Fix | Delete
#epanel-wrapper {
[115] Fix | Delete
background: white;
[116] Fix | Delete
border: none;
[117] Fix | Delete
box-shadow: 0 5px 30px rgba(0,0,0,.1);
[118] Fix | Delete
border-radius: 3px;
[119] Fix | Delete
color: #32373c;
[120] Fix | Delete
}
[121] Fix | Delete
[122] Fix | Delete
/**
[123] Fix | Delete
* ePanel Header
[124] Fix | Delete
*/
[125] Fix | Delete
#epanel-header {
[126] Fix | Delete
background: #6c2eb9;
[127] Fix | Delete
padding: 20px 26px 20px;
[128] Fix | Delete
line-height: .8;
[129] Fix | Delete
position: relative;
[130] Fix | Delete
border-radius: 3px 3px 0 0;
[131] Fix | Delete
}
[132] Fix | Delete
[133] Fix | Delete
h1#epanel-title {
[134] Fix | Delete
font-weight: 600;
[135] Fix | Delete
font-size: 18px;
[136] Fix | Delete
color: rgb(255, 255, 255);
[137] Fix | Delete
background-color: #6c2eb9;
[138] Fix | Delete
border-bottom: 0px;
[139] Fix | Delete
line-height: 18px;
[140] Fix | Delete
margin-bottom: 0px;
[141] Fix | Delete
position: relative;
[142] Fix | Delete
padding-left: 11px;
[143] Fix | Delete
}
[144] Fix | Delete
[145] Fix | Delete
.rtl h1#epanel-title {
[146] Fix | Delete
padding-left: 0;
[147] Fix | Delete
padding-right: 11px;
[148] Fix | Delete
}
[149] Fix | Delete
[150] Fix | Delete
#epanel-title:before {
[151] Fix | Delete
font-family: 'etbuilder';
[152] Fix | Delete
speak: none;
[153] Fix | Delete
font-weight: normal;
[154] Fix | Delete
font-variant: normal;
[155] Fix | Delete
text-transform: none;
[156] Fix | Delete
line-height: 1;
[157] Fix | Delete
-webkit-font-smoothing: antialiased;
[158] Fix | Delete
-moz-osx-font-smoothing: grayscale;
[159] Fix | Delete
content: "<";
[160] Fix | Delete
display: none;
[161] Fix | Delete
position: absolute;
[162] Fix | Delete
left: 0;
[163] Fix | Delete
top: -6px;
[164] Fix | Delete
font-size: 32px;
[165] Fix | Delete
}
[166] Fix | Delete
[167] Fix | Delete
.rtl #epanel-title:before {
[168] Fix | Delete
left: auto;
[169] Fix | Delete
right: 0;
[170] Fix | Delete
}
[171] Fix | Delete
[172] Fix | Delete
.toplevel_page_et_extra_options h1#epanel-title, .toplevel_page_et_divi_options h1#epanel-title {
[173] Fix | Delete
padding-left: 45px;
[174] Fix | Delete
}
[175] Fix | Delete
[176] Fix | Delete
.rtl.toplevel_page_et_extra_options h1#epanel-title,
[177] Fix | Delete
.rtl.toplevel_page_et_divi_options h1#epanel-title {
[178] Fix | Delete
padding-left: 0;
[179] Fix | Delete
padding-right: 45px;
[180] Fix | Delete
}
[181] Fix | Delete
[182] Fix | Delete
.toplevel_page_et_extra_options #epanel-title:before, .toplevel_page_et_divi_options #epanel-title:before {
[183] Fix | Delete
display: block;
[184] Fix | Delete
}
[185] Fix | Delete
[186] Fix | Delete
/**
[187] Fix | Delete
* Reset Buttons
[188] Fix | Delete
*/
[189] Fix | Delete
#epanel-header .et-defaults-button {
[190] Fix | Delete
width: 40px;
[191] Fix | Delete
height: 40px;
[192] Fix | Delete
padding: 0;
[193] Fix | Delete
text-align: center;
[194] Fix | Delete
line-height: 40px;
[195] Fix | Delete
position: absolute;
[196] Fix | Delete
bottom: -40px;
[197] Fix | Delete
right: 10px;
[198] Fix | Delete
z-index: 50;
[199] Fix | Delete
color: white;
[200] Fix | Delete
background-color: #7e3bd0;
[201] Fix | Delete
transition: all 0.3s;
[202] Fix | Delete
}
[203] Fix | Delete
[204] Fix | Delete
.rtl #epanel-header .et-defaults-button {
[205] Fix | Delete
right: auto;
[206] Fix | Delete
left: 20px;
[207] Fix | Delete
}
[208] Fix | Delete
[209] Fix | Delete
#epanel-header .et-defaults-button:hover {
[210] Fix | Delete
background-color: #8F42ED;
[211] Fix | Delete
}
[212] Fix | Delete
[213] Fix | Delete
#epanel-header .et-defaults-button:focus {
[214] Fix | Delete
box-shadow: none;
[215] Fix | Delete
}
[216] Fix | Delete
[217] Fix | Delete
#epanel-header .et-defaults-button.epanel-reset:before {
[218] Fix | Delete
font-family: 'etbuilder';
[219] Fix | Delete
content: '\4d';
[220] Fix | Delete
font-size: 16px;
[221] Fix | Delete
-webkit-font-smoothing: antialiased;
[222] Fix | Delete
-moz-osx-font-smoothing: grayscale;
[223] Fix | Delete
font-weight: 400;
[224] Fix | Delete
}
[225] Fix | Delete
[226] Fix | Delete
#epanel-header .et-defaults-button .label {
[227] Fix | Delete
display: none;
[228] Fix | Delete
}
[229] Fix | Delete
[230] Fix | Delete
/**
[231] Fix | Delete
* Primary Tab Menu
[232] Fix | Delete
*/
[233] Fix | Delete
#epanel-mainmenu {
[234] Fix | Delete
background-color: #7e3bd0;
[235] Fix | Delete
display: block;
[236] Fix | Delete
position: relative;
[237] Fix | Delete
overflow: hidden;
[238] Fix | Delete
}
[239] Fix | Delete
[240] Fix | Delete
#epanel #epanel-mainmenu {
[241] Fix | Delete
padding-right: 100px;
[242] Fix | Delete
}
[243] Fix | Delete
[244] Fix | Delete
.rtl #epanel #epanel-mainmenu {
[245] Fix | Delete
padding-left: 100px;
[246] Fix | Delete
padding-right: 0;
[247] Fix | Delete
}
[248] Fix | Delete
[249] Fix | Delete
#epanel-mainmenu li {
[250] Fix | Delete
float: left;
[251] Fix | Delete
display: inline-block;
[252] Fix | Delete
font-family: 'Open Sans', sans-serif;
[253] Fix | Delete
font-weight: 600;
[254] Fix | Delete
}
[255] Fix | Delete
[256] Fix | Delete
.rtl #epanel-mainmenu li {
[257] Fix | Delete
float: right;
[258] Fix | Delete
}
[259] Fix | Delete
[260] Fix | Delete
#epanel-mainmenu li.ui-state-active a {
[261] Fix | Delete
background-color: #8F42ED;
[262] Fix | Delete
}
[263] Fix | Delete
[264] Fix | Delete
#epanel-mainmenu a:hover{
[265] Fix | Delete
background-color: #7435c1;
[266] Fix | Delete
}
[267] Fix | Delete
[268] Fix | Delete
#epanel-mainmenu a {
[269] Fix | Delete
box-sizing: border-box;
[270] Fix | Delete
color: white;
[271] Fix | Delete
padding: 13px 26px;
[272] Fix | Delete
display: inline-block;
[273] Fix | Delete
transition: all 0.3s;
[274] Fix | Delete
outline: 0;
[275] Fix | Delete
font-size: 14px;
[276] Fix | Delete
line-height: 14px;
[277] Fix | Delete
}
[278] Fix | Delete
[279] Fix | Delete
#epanel-mainmenu a:focus {
[280] Fix | Delete
box-shadow: none;
[281] Fix | Delete
}
[282] Fix | Delete
[283] Fix | Delete
/**
[284] Fix | Delete
* Secondary Tab Menu
[285] Fix | Delete
*/
[286] Fix | Delete
#epanel-content ul.et-id-tabs {
[287] Fix | Delete
background-color: #F1F5F9;
[288] Fix | Delete
float: left;
[289] Fix | Delete
width: 100%;
[290] Fix | Delete
}
[291] Fix | Delete
[292] Fix | Delete
#epanel-content ul.et-id-tabs:after {
[293] Fix | Delete
content: "";
[294] Fix | Delete
visibility: hidden;
[295] Fix | Delete
display: block;
[296] Fix | Delete
height: 0;
[297] Fix | Delete
clear: both;
[298] Fix | Delete
}
[299] Fix | Delete
[300] Fix | Delete
#epanel-content ul.et-id-tabs li {
[301] Fix | Delete
display: inline-block;
[302] Fix | Delete
float: left;
[303] Fix | Delete
}
[304] Fix | Delete
[305] Fix | Delete
.rtl #epanel-content ul.et-id-tabs li {
[306] Fix | Delete
float: right;
[307] Fix | Delete
}
[308] Fix | Delete
[309] Fix | Delete
#epanel-content ul.et-id-tabs a {
[310] Fix | Delete
color: #8E969E;
[311] Fix | Delete
display: block;
[312] Fix | Delete
clear: both;
[313] Fix | Delete
position: relative;
[314] Fix | Delete
padding: 13px 26px;
[315] Fix | Delete
font-size: 14px;
[316] Fix | Delete
line-height: 14px;
[317] Fix | Delete
font-weight: 600;
[318] Fix | Delete
transition: all 0.3s;
[319] Fix | Delete
-webkit-transition: all 0.3s;
[320] Fix | Delete
}
[321] Fix | Delete
[322] Fix | Delete
#wrap-general ul.et-id-tabs a:first-of-type {
[323] Fix | Delete
padding-right: 25px;
[324] Fix | Delete
}
[325] Fix | Delete
[326] Fix | Delete
.rtl #wrap-general ul.et-id-tabs a:first-of-type {
[327] Fix | Delete
padding-left: 25px;
[328] Fix | Delete
padding-right: 40px;
[329] Fix | Delete
}
[330] Fix | Delete
[331] Fix | Delete
#ui-id-9 {
[332] Fix | Delete
padding-right: 27px;
[333] Fix | Delete
}
[334] Fix | Delete
[335] Fix | Delete
#epanel-content ul.et-id-tabs a:hover {
[336] Fix | Delete
background-color: #e6ecf2;
[337] Fix | Delete
}
[338] Fix | Delete
[339] Fix | Delete
#epanel-content ul.et-id-tabs .ui-tabs-active a {
[340] Fix | Delete
background-color: #fff;
[341] Fix | Delete
}
[342] Fix | Delete
[343] Fix | Delete
#epanel-content ul.et-id-tabs a:focus {
[344] Fix | Delete
box-shadow: none;
[345] Fix | Delete
}
[346] Fix | Delete
[347] Fix | Delete
#epanel-content ul.et-id-tabs li{
[348] Fix | Delete
position: relative;
[349] Fix | Delete
}
[350] Fix | Delete
[351] Fix | Delete
#epanel-content ul.et-id-tabs .ui-state-active a:focus {
[352] Fix | Delete
box-shadow: none;
[353] Fix | Delete
}
[354] Fix | Delete
[355] Fix | Delete
/**
[356] Fix | Delete
* Content
[357] Fix | Delete
*/
[358] Fix | Delete
#epanel-content-wrap {
[359] Fix | Delete
display: block;
[360] Fix | Delete
position: relative;
[361] Fix | Delete
[362] Fix | Delete
}
[363] Fix | Delete
[364] Fix | Delete
#epanel-content {
[365] Fix | Delete
position: relative;
[366] Fix | Delete
}
[367] Fix | Delete
[368] Fix | Delete
#epanel-content > .et-content-div {
[369] Fix | Delete
clear: both;
[370] Fix | Delete
}
[371] Fix | Delete
[372] Fix | Delete
#epanel-content > .et-content-div[aria-hidden="false"],
[373] Fix | Delete
#epanel-content .et-tab-content[aria-hidden="false"] {
[374] Fix | Delete
-webkit-animation: fadeIn .5s 1 cubic-bezier(0.77, 0, 0.175, 1);
[375] Fix | Delete
-moz-animation: fadeIn .5s 1 cubic-bezier(0.77, 0, 0.175, 1);
[376] Fix | Delete
-o-animation: fadeIn .5s 1 cubic-bezier(0.77, 0, 0.175, 1);
[377] Fix | Delete
animation: fadeIn .5s 1 cubic-bezier(0.77, 0, 0.175, 1);
[378] Fix | Delete
}
[379] Fix | Delete
[380] Fix | Delete
#epanel.et-onload #epanel-content > .et-content-div[aria-hidden="false"],
[381] Fix | Delete
#epanel.et-onload #epanel-content .et-tab-content[aria-hidden="false"] {
[382] Fix | Delete
-webkit-animation: none;
[383] Fix | Delete
-moz-animation: none;
[384] Fix | Delete
-o-animation: none;
[385] Fix | Delete
animation: none;
[386] Fix | Delete
}
[387] Fix | Delete
[388] Fix | Delete
#epanel-content .et-tab-content {
[389] Fix | Delete
clear: both;
[390] Fix | Delete
padding: 30px;
[391] Fix | Delete
}
[392] Fix | Delete
[393] Fix | Delete
#epanel-content .et-epanel-box {
[394] Fix | Delete
margin-bottom: 20px;
[395] Fix | Delete
position: relative;
[396] Fix | Delete
}
[397] Fix | Delete
[398] Fix | Delete
#epanel-content .et-tab-content .et-epanel-box:last-child {
[399] Fix | Delete
margin-bottom: 0;
[400] Fix | Delete
}
[401] Fix | Delete
[402] Fix | Delete
/**
[403] Fix | Delete
* Inputs
[404] Fix | Delete
*/
[405] Fix | Delete
#epanel .et-epanel-box .et-box-title {
[406] Fix | Delete
padding: 10px 0px 10px 0;
[407] Fix | Delete
position: relative;
[408] Fix | Delete
}
[409] Fix | Delete
[410] Fix | Delete
#epanel .et-epanel-box .et-box-description {
[411] Fix | Delete
position: absolute;
[412] Fix | Delete
top: 11px;
[413] Fix | Delete
right: 0;
[414] Fix | Delete
opacity: 0;
[415] Fix | Delete
width: 18px;
[416] Fix | Delete
height: 18px;
[417] Fix | Delete
color: #32373C;
[418] Fix | Delete
content: '';
[419] Fix | Delete
text-align: center;
[420] Fix | Delete
-webkit-transition: opacity .5s;
[421] Fix | Delete
-moz-transition: opacity .5s;
[422] Fix | Delete
transition: opacity .5s;
[423] Fix | Delete
-webkit-transition-timing-function: ease;
[424] Fix | Delete
-moz-transition-timing-function: ease;
[425] Fix | Delete
transition-timing-function: ease;
[426] Fix | Delete
}
[427] Fix | Delete
[428] Fix | Delete
.rtl #epanel .et-epanel-box .et-box-description {
[429] Fix | Delete
right: auto;
[430] Fix | Delete
left: 0;
[431] Fix | Delete
}
[432] Fix | Delete
[433] Fix | Delete
#epanel .et-epanel-box .et-box-description:before {
[434] Fix | Delete
content: 't';
[435] Fix | Delete
font-family: 'ETmodules';
[436] Fix | Delete
font-size: 16px;
[437] Fix | Delete
color: rgb(43, 135, 218);
[438] Fix | Delete
}
[439] Fix | Delete
[440] Fix | Delete
#epanel .et-epanel-box:hover .et-box-description {
[441] Fix | Delete
opacity: 1;
[442] Fix | Delete
}
[443] Fix | Delete
[444] Fix | Delete
#epanel .et-epanel-box div.et-box-title h3 {
[445] Fix | Delete
word-wrap: break-word;
[446] Fix | Delete
display: block;
[447] Fix | Delete
font-weight: 600;
[448] Fix | Delete
font-size: 14px;
[449] Fix | Delete
color: #32373c;
[450] Fix | Delete
}
[451] Fix | Delete
[452] Fix | Delete
#epanel-content .et-epanel-box .et-box-title {
[453] Fix | Delete
width: 30%;
[454] Fix | Delete
display: inline-block;
[455] Fix | Delete
vertical-align: top;
[456] Fix | Delete
box-sizing: border-box;
[457] Fix | Delete
}
[458] Fix | Delete
[459] Fix | Delete
#epanel-content .et-epanel-box .et-box-content {
[460] Fix | Delete
display: inline-block;
[461] Fix | Delete
width: 65%;
[462] Fix | Delete
vertical-align: top;
[463] Fix | Delete
padding: 0 0 0 30px;
[464] Fix | Delete
box-sizing: border-box;
[465] Fix | Delete
}
[466] Fix | Delete
[467] Fix | Delete
#epanel-content .et-epanel-box-small-1:not(.et-hidden-option) .et-box-content,
[468] Fix | Delete
#epanel-content .et-epanel-box-small-2:not(.et-hidden-option) .et-box-content {
[469] Fix | Delete
width: 200px;
[470] Fix | Delete
}
[471] Fix | Delete
[472] Fix | Delete
#epanel-content .et-box-content--list {
[473] Fix | Delete
display: grid;
[474] Fix | Delete
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
[475] Fix | Delete
grid-gap: 10px;
[476] Fix | Delete
}
[477] Fix | Delete
[478] Fix | Delete
#epanel-content .et-box-content .et-box-content--list > * {
[479] Fix | Delete
padding-left: 0;
[480] Fix | Delete
margin: 0;
[481] Fix | Delete
}
[482] Fix | Delete
[483] Fix | Delete
#epanel-content .et-panel-box__checkbox-list-label {
[484] Fix | Delete
display: block;
[485] Fix | Delete
margin-bottom: 5px;
[486] Fix | Delete
font-weight: bold;
[487] Fix | Delete
}
[488] Fix | Delete
[489] Fix | Delete
#epanel-content .et-epanel-box .et-box-content input,
[490] Fix | Delete
#epanel-content .et-epanel-box .et-box-content .et-upload-buttons {
[491] Fix | Delete
vertical-align: top;
[492] Fix | Delete
float: left;
[493] Fix | Delete
}
[494] Fix | Delete
[495] Fix | Delete
.rtl #epanel-content .et-epanel-box .et-box-content input,
[496] Fix | Delete
.rtl #epanel-content .et-epanel-box .et-box-content .et-upload-buttons{
[497] Fix | Delete
float: right;
[498] Fix | Delete
}
[499] Fix | Delete
It is recommended that you Edit text format, this type of Fix handles quite a lot in one request
Function