File: /home/salhiscp/salhab360photos.com/wp-content/themes/acora/sass/admin.scss
/**
* Admin backend CSS.
*
* @package acora
* @since acora 1.0
*/
/**
* Import at top
* --------------------------------------------------------------------------------
*/
@import 'base/_variables'; //variables
@import 'base/_mixins'; //mixins
/**
* General
* --------------------------------------------------------------------------------
*/
.error {
background-color: rgba(255,0,0,0.1) !important;
}
.error-text {
color: #FF0000 !important;
}
/**
* Tabs
* --------------------------------------------------------------------------------
*/
.ui-tabs .ui-tabs-hide {
display: none;
}
#acora-tabs{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
border: none;
border-radius:0;
padding:0;
margin:15px 0 0;
max-width: 1360px !important;
h1{
font-size: 23px;
font-weight: 400;
margin: 0;
padding: 9px 0 4px;
line-height: 29px;
}
.h1-theme-options{
max-width: 1178px;
margin-bottom:20px !important;
padding: 7px 12px 12px !important;
background-color: #00ff99;
}
.admin-title{
padding-bottom:10px;
border-bottom: solid 1px #cccccc;
}
.form-table{
th,
td{
vertical-align: top;
}
td{
width:40%;
}
}
.form-table td:first-child{
width:40%;
}
.form-table td:last-child{
vertical-align:top;
}
.ui-tabs-nav{
border: none !important;;
border-radius:0;
border-bottom: 1px #cccccc solid;
padding:5px 5px 0;
background-color:#f1f1f1;
}
.ui-tabs-tab{
margin-right:5px;
}
.ui-state-active{
background-color:#FFFFFF;
border:1px #CCCCCC solid;
border-bottom:1px #FFFFFF solid;
color:#23282d;
}
.ui-state-active .ui-tabs-anchor{
background-color:#FFFFFF;
color:#000000;
}
.ui-state-hover .ui-tabs-anchor{
background-color:#FFFFFF;
color:#000000;
&:active,
&:hover,
&:focus{
box-shadow: none;
}
}
#first_name{
width:42%;
}
#last_name{
width:42%;
}
#description,{
width: 100%;
max-width:400px;
}
.wp_p{
font-weight:600;
}
#copyright{
width:400px;
}
.sidebar-share{
label {
font-weight: 600;
display: block;
padding-top:6px;
&:not(:first-child){
margin-top: 10px;
padding-top:10px;
}
}
input {
width: 100%;
max-width:400px;
}
}
.sidebar-share-description{
vertical-align: top !important;
p {
padding-top:16px;
}
}
.input-text{
width:48%;
}
.profile-picture{
border:1px solid #dddddd;
margin-bottom:10px;
display:none;
width:200px;
height:200px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.video-logo-picture{
display: none;
width: 120px;
height: 70px;
background-position: 50% 50%;
background-size: cover !important;
margin-bottom: 10px;
}
.hidden{
display: none;
}
.ui-tabs-anchor{
background-color:#e5e5e5;
color:#23282d;
font-size:14px;
padding:5px 10px;
line-height: 24px;
font-weight:600;
&:focus{
box-shadow: none;
}
}
#instagram_feed,
#footer_text{
width: 100%;
max-width: 400px;
border: 1px solid #ddd;
box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
background-color: #fff;
color: #32373c;
outline: 0;
}
}
/**
*--------------------------------------------------------------------------------
* Mertaboxes.
* --------------------------------------------------------------------------------
*/
.no-display{
display: none;
}
.logo-image,
.logo-image2,
.admin-image,
.admin-video{
border:1px solid #dddddd;
margin-bottom:10px;
display:none;
width:200px;
height:170px;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.logo-image,
.logo-image2{
background-size: auto !important;
}
.admin-video{
width: 300px;
}
.edit-post-layout__metaboxes{
h2{
color: #23282d !important;
font-size: 1.3em !important;
margin: 1em 0 !important;
font-weight: 600 !important;
}
.admin-title{
padding-bottom:10px;
border-bottom: solid 1px #cccccc;
padding-left:0 !important;
}
}
#acora_settings_quote_meta_box{
textarea{
width: 100%;
max-width: 500px;
height: 200px;
}
}
#acora_settings_theme_item_options_meta_box,
#acora_settings_osfw_meta_box,
#acora_settings_osfs_meta_box,
#acora_settings_igp_meta_box,
#acora_settings_pac_meta_box,
#acora_settings_cs_meta_box,
#acora_settings_uvp-home_meta_box,
#acora_settings_home-simple_meta_box,
#acora_settings_home-extended_meta_box,
#acora_settings_about-us_meta_box,
#acora_settings_contact_meta_box,
#acora_settings_about-me_meta_box,
#acora_settings_contact-simple_meta_box{
.form-table th{
width: auto;
}
td{
width: 48%;
vertical-align: top;
}
.description{
vertical-align: top;
font-style: italic;
width: 38%;
}
button{
display: block;
margin-top: 3px;
}
}
@media screen and (max-width: 1100px){
#acora_settings_cs_meta_box,
#acora_settings_uvp-home_meta_box,
#acora_settings_home-simple_meta_box,
#acora_settings_home-extended_meta_box,
#acora_settings_about-us_meta_box,
#acora_settings_contact_meta_box,
#acora_settings_about-me_meta_box,
#acora_settings_contact-simple_meta_box{
td,
.description{
width: 100%;
}
}
}
#hex_hp_name,
#hex_hp_position,
#hex_tm_name,
#hex_tm_position,
#hex_tm_link,
#tm_name,
#tm_position,
#tm_phone,
#tm_email,
#info_title,
#team_title,
#clients_title,
#dicover_us_title,
#form_title,
#receiver_email,
#cl_name,
#cl_link,
#decover_us_title,
#decover_us_address,
#hs_media_source,
#cs_media_source,
#hex_header_image_source,
#hex_header_video_source,
#hex_wa_first_image_source,
#hex_st_first_image_source,
#hex_st_second_image_source,
#hex_wa_first_image_caption,
#hex_header_video_caption,
#hex_wa_second_image_source,
#hex_wa_second_image_caption,
#hex_wa_third_image_source,
#hex_wa_third_image_caption,
#hex_st_second_image_caption,
#hex_instagram_feed{
width:100%;
max-width:400px;
}
.large-text{
width:100%;
max-width:400px;
border: 1px solid #ddd;
box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
}
.sidebar-share{
label {
display: block;
padding-top:6px;
&:not(:first-child){
margin-top: 10px;
padding-top:10px;
}
}
input {
width:400px;
}
}
.sidebar-share-description p{
padding-top:16px;
}
#acora_about-us_meta_box{
.title{
font-size:16px !important;
}
}
/**
*--------------------------------------------------------------------------------
* Dialogs
* --------------------------------------------------------------------------------
*/
.ui-widget-overlay{
z-index:9997 !important;
}
.ui-dialog{
z-index:9998 !important;
}
.acora-dialog{
border: solid 1px #ccc;
.form-table{
td{
vertical-align: top;
padding: 20px 10px;
}
input{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
color: rgb(69,69,69);
}
#upload_video_subtitle_button,
#upload_video_source_button{
display: block;
margin-top: 3px;
background-color: #f6f7f7;
color: #2271b1;
&:hover{
background-color: #e5e5e5;
border-color: #0a4b78;
color: #0a4b78;
}
}
#vast,
#video_subtitle,
#video_password,
#video_source{
width: 100% !important;
}
}
.ui-dialog-content.ui-widget-content{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
}
.ui-dialog{
border-radius: 0 !important;
}
.ui-widget.ui-widget-content{
border:none !important;
}
.ui-dialog-titlebar{
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important;
border-radius: 0 !important;
font-size:12px;
border:none !important;
border-bottom:1px solid #dddddd !important;
color:#23282d !important;
background-image:none;
background-color:rgb(233, 233, 233);
}
#delete_about_me_clients_image_dialog label,
#delete_hex_team_member_dialog label,
#delete_hex_hp_member_dialog label,
#delete_clients_image_dialog label,
#delete_header_image_dialog label,
#delete_team_member_dialog label,
#delete_au_header_image_dialog label,
#delete_clients_dialog label{
font-size:13px !important;
}
#delete_about_me_clients_image_dialog,
#delete_hex_team_member_dialog,
#delete_hex_hp_member_dialog,
#delete_clients_image_dialog,
#delete_header_image_dialog,
#delete_team_member_dialog,
#delete_au_header_image_dialog,
#delete_clients_dialog{
position: relative;
top: 23px;
}
.ui-dialog .form-table th{
width:150px !important;
padding:0px !important;
margin:0px !important;
vertical-align: middle !important;
}
.header_image {
border: solid 1px #ccc;
width:204px;
height:170px;
background-size: cover !important;
background-repeat: no-repeat;
display:none;
}
button{
&:hover{
border-color:#999;
}
}
.description{
font-style: italic;
font-size:14px;
}
}
// Header images
.clients-images,
.header-images,
.team-members,
.hex-team-members,
.clients {
list-style-type: none;
.clients-image-main,
.header-image-main,
.team-members-main,
.clients-main {
width: 200px;
height: 212px;
background-color:#e5e5e5;
border: 1px solid #CCCCCC;
float:left;
margin-right:10px;
margin-bottom:10px;
}
.clients-image-holder,
.header-image-holder,
.team-member-holder,
.hex-hp-member-holder,
.hex-team-member-holder,
.clients-holder{
width:200px;
height:170px;
background-color: #FFFFFF;
background-size: cover !important;
background-repeat: no-repeat;
background-position: 50% 50%;
border: 1px solid #CCCCCC;
cursor: move;
}
.header-image-button{
float:right;
margin:6px 5px 0px 0px;
}
}
/**
*--------------------------------------------------------------------------------
* Post formats
* --------------------------------------------------------------------------------
*/
#add_about_me_clients_image_button,
#add_clients_image_button,
#add_header_au_image_button,
#add_header_image_button,
#add_tm_member_button,
#add_hex_tm_image_button,
#add_hex_hp_image_button,
#add_client_button{
clear:both;
display:block !important;
}
//Video post format
#acora_video_meta_box{
input{width:500px; max-width:300px; margin:1px;}
button{margin:1px;}
}
//Video post format
#acora_audio_meta_box{
input{width:500px; max-width:300px; margin:1px;}
button{margin:1px;}
}
//Link post format
#acora_link_meta_box{
input{width:500px; max-width:300px; margin:1px;}
textarea{width:500px; max-width:300px; margin:1px;}
button{margin:1px;}
}
//Link post format
#acora_quote_meta_box{
input{width:500px; max-width:300px; margin:1px;}
textarea{width:500px; max-width:300px; height:100px; margin:1px;}
button{margin:1px;}
}
/**
*--------------------------------------------------------------------------------
* Portfolio
* --------------------------------------------------------------------------------
*/
#acora_item_options_meta_box .admin-title{
display:block;
font-weight:600;
font-size: 1.3em;
margin: 1em 0;
padding-left:0px;
padding-bottom: 10px;
border-bottom: solid 1px #cccccc;
}
.porfolio-visual{
width:50px;
height:50px;
background-color:#DDDDDD;
background-position: center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.img-selector{
.selector{
overflow:visible;
display:inline-block;
width:220px;
height:184px;
opacity:1;
cursor: pointer;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: 50% 50% !important;
margin: 0 20px 20px 0;
@include animate-hover(all, 250ms);
}
.selected{
cursor: auto;
opacity:1 !important;
filter:drop-shadow(3px 3px 4px #CCC);
}
}
#horizontal_fluidwidth_fit{
background: url("../assets/img/display-1.png");
}
#horizontal_fluidwidth_full{
background: url("../assets/img/display-2.png");
}
#horizontal_fullscreen_fit{
background: url("../assets/img/display-3.png");
}
#horizontal_fullscreen_full{
background: url("../assets/img/display-4.png");
}
#vertical_fit{
background: url("../assets/img/display-5.png");
}
#vertical_full{
background: url("../assets/img/display-6.png");
}
/**
*--------------------------------------------------------------------------------
* Gutenberg
* --------------------------------------------------------------------------------
*/
.editor-styles-wrapper.block-editor-writing-flow{
width: 100%
}
.edit-post-visual-editor,
.edit-widgets-block-editor{
p,
textarea,input,span,
figcaption,div,
ul,ol,li{
font-family: $body-font;
line-height: 1.8;
font-weight: normal;
font-size: 14px;
color: #000;
}
}
.edit-post-visual-editor,
.edit-widgets-block-editor{
.block-editor-writing-flow{
padding: 0 20px;
display:block;
overflow:hidden;
overflow: visible;
letter-spacing: 0.03em;
height:auto;
margin:auto;
padding: 0 20px;
box-sizing: border-box;
.components-panel__body-title{
.components-panel__body-toggle{
position: relative;
top: -15px !important;
}
}
.edit-post-visual-editor__post-title-wrapper{
box-sizing: border-box;
max-width: 1340px;
margin: 0 auto;
padding: 0;
}
// Title.
.wp-block-post-title{
font-family: $header-font;
font-weight: 700;
font-size: 64px;
line-height: 1;
overflow: hidden;
overflow-wrap: break-word;
text-transform: uppercase;
line-height: 1;
overflow: hidden;
overflow-wrap: break-word;
text-transform: uppercase;
letter-spacing: 0.02em;
margin: 0 0 12px 0;
padding: 99px 0 0 !important;
}
// Global block.
.wp-block{
box-sizing: border-box;
padding: 0;
max-width: 1340px;
&:before{
clear: both;
}
&[data-align="left"]{
padding: 0;
}
&[data-align="right"]{
padding: 0;
}
&[data-align="center"]{
padding: 0;
clear: both;
}
&[data-align="none"]{
padding: 0;
}
&[data-align="center"]{
// Image.
[data-type="core/image"]{
width: 100%;
}
}
&[data-align="right"]{
// Image.
[data-type="core/image"]{
padding-right: 20px;
}
}
&[data-align="none"]{
// Image.
[data-type="core/image"]{
figcaption{
margin: 15px 0 -23px 0;
}
}
}
&[data-align="full"]{
box-sizing: border-box;
width: calc(100% + 40px);
max-width: none;
position: relative;
margin: 0 0 0 -20px !important;
padding: 0;
// Image.
[data-type="core/image"]{
margin-bottom: 28px;
padding: 0;
}
.has-text-align-center{
margin: auto;
}
}
&[data-align="wide"] {
box-sizing: border-box;
width: calc(100% + 40px);
max-width: 1600px;
position: relative;
left: 50%;
transform: translateX(-50%);
padding: 0;
margin: 0;
// Image.
[data-type="core/image"]{
margin-bottom: 28px;
padding: 0;
}
}
// Free form.
&[data-type="core/freeform"]{
box-sizing: border-box;
max-width: 1340px;
padding: 0;
h1, h2, h3, h4, h5, h6{
padding: 0 !important;
}
}
// Paragraph.
&[data-type="core/paragraph"]{
min-height: auto;
margin: 0 auto 33px;
&[style*="font-size"]{
line-height: 1.4;
}
&.has-background{
margin-bottom: 30px;
max-width: 1340px;
padding: 20px;
}
& + [data-type="core/archives"]{
margin-top: 0;
}
& + [data-type="core/paragraph"]{
margin-top: -10px;
}
& + [data-type="core/heading"]{
h1,h2,h3,h4,h5,h6{
padding-top: 3px;
}
}
& + [data-type="core/button"]{
&[data-align="left"],
&[data-align="right"]{
margin-top: 1px;
}
}
& + [data-type="core/columns"]{
margin-top: 40px;
}
& + [data-type="core/list"]{
margin-top: -13px;
}
& + [data-type="core/latest-posts"]{
margin-top: -10px;
}
& + [data-type="core/latest-comments"]{
margin-top: -3px;
}
& + [data-type="core/pullquote"]{
margin-top: -11px;
.has-background{
margin-top: 44px;
}
}
& + [data-type="core/separator"]{
margin-top: 53px;
}
& + [data-type="core/verse"]{
margin-top: -8px;
}
}
// Lists.
.wp-block-freeform,
&[data-type="core/list"]{
max-width: 1337px;
max-width: 1337px;
ul,
ol{
margin:0;
}
ul ul,
ul ol,
ol ol,
ol ul{
margin: 7px 2em;
}
ul li{
list-style: disc;
}
li ol,
li ul{
margin-left: 15px;
}
li{
margin: 23px 0 0 22px;
}
& + [data-type="core/separator"]{
margin-top: 53px;
}
& + [data-type="core/gallery"]{
margin-top: 23px;
}
}
// Verse.
&[data-type="core/verse"]{
font-size:13px !important;
margin-bottom: 25px;
.rich-text{
margin: 0;
}
*{
white-space:normal !important;
font-size:13px;
line-height:1.6 !important;
padding: 0;
}
& + [data-type="core/heading"]{
margin-top: -5px;
}
}
&[data-type="core/archives"],
&[data-type="core/categories"]{
ul{
margin: 0;
}
li{
margin: 23px 0;
}
ul li{
list-style: disc;
}
.wp-block-categories{
margin-top: 0;
}
[data-block]{
margin-left: -14px;
}
&[data-align="left"]{
[data-block]{
margin-top: -23px;
}
}
& + [data-type="core/separator"]{
margin-top: 52px;
}
}
&[data-type="core/archives"]{
margin-top: -10px;
&[data-align="left"]{
[data-block]{
margin-top: -13px;
}
}
select{
font: 14px $body-font;
width: 100%;
margin-left: 14px;
margin-bottom: 30px;
padding: 10px 20px;
}
}
// Code.
&[data-type="core/code"]{
.wp-block-code{
border-radius: 0;
border: 1px dashed #ccc;
padding: 0;
margin-bottom: 30px;
background-color:#FFF;
}
textarea{
font-family: 13px monospace !important;
line-height:2 !important;
padding: 33px 30px 29px 30px;
background-color:#FFF;
color:#333 !important;
}
}
// Files
&[data-type="core/file"]{
margin: 0 auto 40px auto;
.wp-block-file__button{
font: 700 14px Josefin Sans, sans-serif;
text-transform: uppercase;
display: inline-block;
border: none;
border-radius: 0;
margin-left: 20px;
padding: 16px 27px 12px 31px;
background-color: $main-color;
color: #FFF;
}
& + [data-type="core/file"]{
margin-top: -10px;
}
& + [data-type="core/paragraph"]{
margin-top: -14px;
}
}
// Latest posts.
&[data-type="core/latest-posts"]{
width: calc(100% - 20px);
max-width: 1340px;
margin: -12px auto 45px;
padding: 0;
.wp-block-latest-posts{
padding: 0;
}
.is-grid{
position: relative;
top: -7px;
margin: 0;
li{
margin: 11px 0;
}
}
li{
margin: 23px 0;
}
& + [data-type="core/heading"]{
margin-top: -7px;
}
& + [data-type="core/separator"]{
margin-top: 49px;
}
}
// Quote.
&[data-type="core/quote"]{
position: relative;
border: 1px solid $lines-color;
letter-spacing: 0.42px !important;
left: 0;
max-width: 1340px;
margin: 0 auto 40px;
padding: 80px 156px 59px;
blockquote{
border:none;
}
.editor-block-list__block-edit{
margin:0 20px;
}
p{
font-size: 18px !important;
font-style: italic;
font-weight: 700;
padding: 0;
margin: 0;
&:before{
font-family: 'fwdicon';
position: absolute;
font-style: normal;
font-weight: 100;
content: '\e969';
font-size: 58px;
left: -72px;
top: -17px;
color:$main-color;
}
}
.is-large{
margin-bottom: 26px;
}
.is-style-large{
margin: -18px -88px 1px -23px;
padding: 5px 0 0 0;
.components-autocomplete p{
&:before{
top: 13px;
}
}
.wp-block-quote__citation{
text-align: right;
margin-top: -18px;
}
p{
&:before{
top: 15px !important;
}
}
}
.components-autocomplete{
div{
font-family: $header-font;
font-style: normal;
position: relative;
font-size: 13px;
display: block;
margin: 6px 0 0 20px;
}
div:nth-child(2){
margin-top: -21px !important;
}
}
.wp-block-quote__citation{
font: 13px $header-font;
font-size: 13px;
margin-top: 10px;
}
& + [data-type="core/list"],
& + [data-type="core/paragraph"]{
margin-top: -10px;
}
}
// Shortcode.
&[data-type="core/shortcode"]{
max-width: 1340px;
margin: 0 auto 40px;
textarea{
line-height: 1.8;
}
.wp-block-shortcode{
padding-bottom: 20px;
}
& + [data-type="core/paragraph"]{
margin-top: -10px;
}
}
// Table.
&[data-type="core/table"]{
max-width: 1330px;
margin-bottom: 40px;
table{
td{
border: 1px solid $lines-color !important;
}
}
.wp-block-table.is-style-stripes{
tr:nth-child(odd) {
background-color: $input-background-color;
}
border-bottom: none !important;
}
.wp-block-table__cell-content{
padding: 14px 30px;
}
& + [data-type="core/paragraph"],
& + [data-type="core/list"]{
margin-top: -10px;
}
}
// Youtube,Video, Vimeo embed.
&[data-type*="core-embed/"],
&[data-type="core/video"],
&[data-type="core-embed/youtube"],
&[data-type="core-embed/vimeo"]{
margin-top: 0;
margin-bottom: 40px;
figure{
margin-top: 0;
margin-bottom: 0;
}
&[data-align="full"]{
width: calc(100% + 40px);
margin-left: -20px !important;
}
&[data-align="full"]{
width: calc(100% + 40px);
margin-left: -20px !important;
.block-editor-block-mover.is-visible{
left: 26px;
}
}
.components-disabled{
line-height: 0;
}
.editor-rich-text{
margin-top: 12px;
}
figcaption{
font-style: italic;
margin-top: 0;
margin-bottom: -7px;
color: #999;
}
& + [data-type="core/paragraph"]{
margin-top: -10px;
}
}
// Tinymc.
.wp-block-freeform{
margin: 0 0 33px 0 !important;
// Address.
address{
font-size: 13px;
font-style: italic;
margin: 0 0 33px 0;
& + p{
margin-top: -10px !important;
}
}
// - Heading.
h1, h2, h3, h4, h5, h6{
margin: 0 0 19px -2px;
padding-top: 10px;
& + p,
& + ol,
& + ul{
margin-top: -10px !important;
}
& + .wp-block-pullquote{
margin-top: -13px;
&.alignright,
&.alignleft{
margin-top: -11px;
}
}
+ dl{
margin-top: -10px;
}
& + .wp-block-columns{
margin-top: -10px;
}
& + p{
.button-light{
margin: 10px 10px 0 0;
}
}
}
h1{
margin-top: 46px;
margin-bottom: 25px;
}
h2, h3{
margin-top: 47px;
margin-bottom: 29px;
}
h3{
margin-bottom: 32px;
}
h4{
margin-left: 0;
margin-top: 49px;
margin-bottom: 34px;
}
h5, h6{
margin-left: 0;
margin-top: 50px;
margin-bottom: 34px;
}
h1 + h2{
margin-top: -7px;
}
h2 + h3{
margin-top: -10px;
}
h3 + h4{
margin-top: -11px;
}
h4 + h5{
margin-top: -13px;
}
h5 + h6{
margin-top: -16px;
}
hr{
margin-bottom: 40px;
border-top: none;
border-bottom: 1px solid $lines-color;
& + p{
margin-top: -10px !important;
}
}
// DL, (wired block!)
dl{
margin: 0;
dt{
font-weight: 700;
}
dd{
margin-bottom: 23px;
}
& + h1,
& + h2,
& + h3,
& + h4,
& + h5,
& + h6{
padding-top: 3px;
}
}
// - Paragraph.
p{
margin: 0 0 33px 0;
& + address{
margin-top: -9px;
}
& + h1,
& + h2,
& + h3,
& + h4,
& + h5,
& + h6{
padding-top: 3px;
}
& + p,
& + ul,
& + ol{
margin-top: -10px;
}
& > code{
margin: 33px 0 30px;
}
& > img{
margin-top: 0;
margin-bottom: 0;
&.alignleft{
margin-right: 30px;
margin-bottom: 0;
}
&.alignright{
margin: 0 0 30px 30px;
}
&.size-full,
&.aligncenter{
padding-bottom: 7px;
}
&.alignleft,
&.alignright{
margin-bottom: 0;
padding-bottom: 14px;
}
&.alignnone,
&.aligncenter{
padding-top: 10px;
}
}
&:last-of-type .alignright{
margin-top: 33px;
}
}
// Image caption.
.wp-caption{
&.alignright{
margin-left: 30px;
.wp-caption-dd{
margin-bottom: 5px;
}
}
&.alignleft{
margin-right: 30px;
.wp-caption-dd{
margin-bottom: 5px;
}
}
&.aligncenter{
margin: auto;
}
.wp-caption-dd{
margin-top: 3px;
}
a{
display: inline;
}
}
pre,
code{
font-family: monospace, monospace;
font-size: 13px;
display: block;
border: 1px dashed $lines-color;
margin: 0 0 40px 0;
padding: 33px 30px 35px 30px;
color: #333;
background: #FFF;
& + p{
margin-top: -10px !important;
}
}
// Lists.
ul,ol{
margin-left: -13px;
& + h1,
& + h2,
& + h3,
& + h4,
& + h5,
& + h6{
padding-top: 3px;
}
& > *:last-child{
margin-bottom: 0 !important;
}
}
ul ul,
ul ol,
ol ol,
ol ul{
margin: 7px 7px 7px 20px;
}
ul li{
list-style: disc;
}
li{
&:not(.blocks-gallery-item){
margin: 23px 0;
}
code{
margin: 33px 0 30px;
}
}
li ol,
li ul{
margin-bottom: 0px !important;
margin-left: -5px !important;
}
ul ul li,
ol ol li{
margin-left: 0px !important;
}
// Table.
table{
overflow: hidden;
overflow-x: auto;
width: 100%;
min-width: 240px;
border-collapse: collapse;
box-sizing: border-box;
margin-bottom: 30px;
table{
margin-bottom: 0;
}
& + p,
& + ul,
& + ol{
margin-top: -10px;
}
& + .wp-block-table{
margin-top: 33px;
}
& + .wp-block-separator{
margin-top: 60px;
}
table{
min-width: 576px;
}
tbody{
display: table-row-group;
vertical-align: middle;
border-collapse: collapse;
box-sizing: inherit;
}
tr{
display: table-row;
box-sizing: inherit;
overflow-wrap:break-word;
}
th,
td{
padding: 14px 30px;
}
th,
td{
border: 1px solid $lines-color !important;
}
th{
font-weight: 700;
}
&.is-style-regular{
td{
border: 1px solid $lines-color !important;
}
}
&.is-style-stripes{
tr:nth-child(odd) {
background: $input-background-color;
}
border-bottom: none !important;
}
}
// Quote.
blockquote,
.wp-block-quote{
max-width: calc(100% - 40px);
position: relative;
border: 1px solid $lines-color;
margin: 0 0 40px 0;
padding: 80px 140px 85px 140px;
&.has-text-align-left{
cite{
text-align: left;
}
}
& + p,
& + ul,
& + ol{
margin-top: -10px !important;
}
p{
line-height: 1.8 !important;
font-size: 18px !important;
font-style: italic;
font-weight: 700;
margin: 0 20px 0 29px !important;
&:before{
font-family: 'fwdicon';
position: absolute;
font-style: normal;
font-weight: 100;
content: '\e969';
font-size: 58px;
left: 97px;
top: 62px;
color:$main-color;
}
cite{
margin-left: 0 !important;
}
}
code{
display: inline;
border: none;
margin: 0;
padding: 0;
}
}
}
}
[data-type="core/rss"]{
li{
margin: 23px 0;
}
}
a{
text-decoration: none;
background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);
background-position: 0 calc(100% + 1px);
background-repeat: no-repeat;
background-size: 0% 1px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
transition: background-size .6s cubic-bezier(.215,.61,.355,1), color .3s ease-out, background-color .3s ease-out, border-color .3s ease-out;
color: #000;
&:hover{
background-size: 100% 1px;
}
}
p{
color:#000;
font-weight: normal;
line-height:1.8;
}
h1,h2,h3,h4,h5,h6{
box-sizing: border-box;
font-family: $header-font !important;
font-weight: 700;
text-transform: uppercase !important;
line-height: 1.2;
letter-spacing: 0.02em;
margin: 20px auto;
max-width: 1340px;
padding: 0;
& ~ p,
& ~ ul{
margin-top: -7px !important;
}
}
h1{
font-size:44px;
& + p{
margin-top: 10px;
}
& + h2{
margin-top: 0;
}
}
h2{
font-size:33px;
& + p{
margin-top: 10px;
}
& + h3{
margin-top: 0;
}
}
h3{
font-size:24px;
& + h4{
margin-top: 0;
}
}
h4{
font-size:18px;
& + h5{
margin-top: 0;
}
}
h5{
font-size:16px;
& + h6{
margin-top: -5px;
}
}
h6{
font-size:14px;
}
// Heading.
h1{
margin: 46px auto 25px;
padding-top: 10px;
}
h2{
margin: 47px auto 29px;
padding-top: 10px;
}
h3{
margin: 47px auto 32px;
padding-top: 10px;
}
h4{
margin: 49px auto 34px;
padding-top: 10px;
}
h5, h6{
margin: 50px auto 34px;
padding-top: 10px;
}
.is-root-container{
box-sizing: border-box;
margin: 55px auto 0 !important;
padding: 0;
}
// Archives.
[data-type="core/archives"]{
select{
width: 100% !important;
padding: 15px 18px !important;
}
}
// Categories.
[data-type="core/categories"]{
select{
width: 100%;
padding: 15px 18px;
}
}
// Audio.
[data-type="core/audio"]{
max-width: 1340px;
margin-bottom: 40px;
& + [data-type="core/paragraph"]{
margin-top: -17px;
}
figcaption{
margin-top: 4px;
font-style: italic;
color: #999;
}
}
// Buttons.
[data-type="core/button"]{
display: table;
margin-bottom: 37px;
padding: 0;
&>div{
padding: 11px 27px 12px 31px !important;
}
&[data-align="left"]{
.rich-text{
margin-right: 20px;
}
}
&[data-align="right"]{
.rich-text{
margin-left: 20px;
}
padding-left: 20px;
}
.wp-element-button,
.rich-text{
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .15em;
padding: 11px 27px 12px 31px !important;
line-height: normal !important;
background: $main-color;
color: #FFF;
}
& + [data-type="core/button"]{
.components-autocomplete{
margin:0 0 10px 20px;
}
}
& + [data-type="core/paragraph"]{
margin-top: -7px;
}
&.is-style-outline{
.rich-text{
border: 1px solid $main-color;
background: #FFF;
color: #000;
}
}
}
// Cover.
[data-type="core/cover"]{
margin-bottom: 40px;
&[data-align="left"]{
[data-block]{
margin-right: 30px;
}
}
&[data-align="right"]{
[data-block]{
margin-left: 30px;
}
}
&[data-align="wide"]{
width: calc(100% + 41px);
left: 50%;
transform: translateX(-50%);
margin-left: 0;
margin-right: 0;
}
&[data-align="full"]{
width: calc(100% + 41px);
margin-left: -20px !important;
}
a{
border-bottom: 1px solid $lines-color;
background-image: linear-gradient(transparent calc(100% - 1px), #FFF 1px);
color: #FFF;
}
p{
font: 700 38px $header-font !important;
text-transform: uppercase;
line-height: 1.2 !important;
padding: 20px 31px 22px 31px;
margin: 0;
color: #FFF;
}
& + [data-type="core/paragraph"]{
margin-top: -10px;
}
}
// Block cover.
.wp-block-cover.aligncenter{
clear: both;
}
// Image.
.wp-block{
&[data-align="left"]{
[data-type="core/image"]{
padding-right: 2px;
}
}
&[data-align="right"]{
[data-type="core/image"]{
padding-right: 0;
}
}
}
[data-type="core/image"]{
box-sizing: border-box;
position:relative;
padding: 0;
.wp-block-image{
margin: 0;
div{
line-height: 0;
}
}
.editor-rich-text{
position: absolute;
bottom: 0;
max-height: 100%;
overflow-y: auto;
span{
color: #FFF !important;
}
}
figcaption{
padding: 0;
margin: 10px 0 24px 0;
color: $caption-white;
}
}
/// Columns.
.wp-block{
&[data-align="wide"],
&[data-align="full"]{
[data-type="core/columns"]{
&:first-child{
padding-left:20px;
}
&:last-child{
padding-right:20px;
}
}
}
}
// Columns.
[data-type="core/columns"]{
margin: 0 auto 27px auto !important;
gap: 30px;
[data-type="core/column"]{
margin: 0 0 0 0;
}
[data-type="core/quote"]{
padding: 20px 20px 13px 45px !important;
.wp-block-quote{
margin-bottom: 0;
}
p{
&:before{
content: '\e969';
font-size: 26px;
top: -4px;
left: -37px;
}
}
}
.wp-block-columns{
.editor-block-list__layout{
display: flex !important;
width: 100% !important;
}
.wp-block-column{
.editor-block-list__layout{
display: block !important;
}
}
}
.editor-inner-blocks{
padding: 0;
}
[data-type="core/quote"]{
padding: 20px 26px 13px 58px !important;
}
[data-type="core/paragraph"]{
margin-bottom: 0;
& + [data-type="core/image"]{
margin-top: 30px;
.rich-text{
margin-top: 15px;
}
}
}
& + [data-type="core/paragraph"]{
margin-top: 2px;
}
& + [data-type="core/media-text"]{
margin-top: -18px;
}
& + [data-type="core/separator"]{
margin-top: 50px;
}
}
* + &[data-type="core/columns"]{
margin-top: 51px !important;
}
// Media and text
[data-type="core/media-text"]{
margin-bottom: 40px;
.editor-inner-blocks{
margin: 27px 30px 30px 20px;
padding: 0 0 0 25px;
}
.block-editor-block-list__layout{
padding-left: 20px;
}
p{
font-size: 14px;
&.has-large-font-size{
font-size: 30px !important;
}
margin: 0 0 10px 0 !important;
}
& + [data-type="core/paragraph"]{
margin-top: -10px;
}
}
// Pullquote.
.wp-block{
&[data-align="right"],
&[data-align="left"]{
.wp-block-pullquote{
}
}
}
[data-type="core/pullquote"]{
position: relative;
z-index: 2;
border: none;
margin-top: 20px;
padding: 0 0 0 0;
&.alignleft,
&.alignright{
max-width: 450px;
margin: 0 10px 0 0;
}
& + [data-type="core/paragraph"]{
margin-top: 24px;
}
div{
text-align: left;
}
figure{
border: none;
margin-top: 0;
margin-bottom: 38px;
padding: 0;
}
blockquote{
padding: 0;
margin-top: 0;
margin-right: 0;
}
p{
font-size: 18px !important;
font-style: italic;
font-weight: 700;
text-align: left;
margin: 0 !important;
padding: 0 0 0 24px;
&:first-child{
&:before{
font-family: 'fwdicon';
position: absolute;
font-style: normal;
font-weight: 100;
content: '\e969';
font-size: 26px;
left: 5px;
top: -2px;
color: #ffba00;
}
}
}
&.is-style-solid-color{
max-width: 1340px;
blockquote{
max-width: none;
padding: 14px 20px 20px 35px;
p{
&:first-child{
&:before{
left: 23px;
top: 12px;
}
}
}
}
}
.wp-block-pullquote__citation{
font: 13px $header-font;
font-size:13px;
text-align: left;
text-transform: none;
padding: 11px 0 0 24px;
}
.editor-block-list__block-edit{
margin: 0;
}
&[data-align="right"]{
.wp-block-pullquote{
max-width: 450px;
margin: 6px 0 0 10px;
}
& + [data-type="core/paragraph"]{
margin-top: 29px;
}
}
.has-text-color{
max-width: none;
margin-left: 20px;
padding: 10px 0 20px 5px;
}
figure{
&.alignleft{
margin-right: 20px;
}
&.alignright{
margin-left: 20px;
}
}
& + [data-type="core/paragraph"]{
//margin-top: -11px;
}
& + [data-type="core/heading"]{
margin-top: -3px;
}
}
// Spacer.
.wp-block-spacer{
margin:20px 0;
height:1px !important;
clear:both;
& + [data-type="core/heading"]{
margin-top: 2px;
}
}
// Gallery.
[data-type="core/gallery"],
.wp-block-gallery{
position: relative;
z-index: 1;
max-width: 1340px;
margin: auto;
gap: 10px !important;
&.alignwide{
box-sizing: border-box;
width: calc(100% + 40px);
max-width: 1600px;
position: relative;
left: 50%;
transform: translateX(-50%);
padding: 0;
margin: 0;
figure{
width: calc(33.33% - 7px) !important;
}
}
&.alignfull{
box-sizing: border-box;
width: 100%;
max-width: none;
position: relative;
margin: 0 0 0 0px !important;
padding: 0;
figure{
width: calc(33.33% - 7px) !important;
}
}
&.aligncenter{
box-sizing: border-box;
padding: 0 20px;
}
&.alignleft{
margin-right: 20px;
max-width: 420px;
}
&.alignright{
margin-left: 20px;
margin-right: 0;
max-width: 420px;
.wp-block-gallery{
margin-right: 0;
}
.wp-block-image{
padding: 0 0 0 0;
}
}
.wp-block-image{
padding: 0 !important;
margin: 0 !important;
}
figure{
font: 14px $body-font !important;
font-style: italic !important;
line-height: 1.8 !important;
text-align: center !important;
margin-top: 15px !important;
color: #999;
}
.wp-element-caption{
box-sizing: border-box;
font: 400 14px $header-font;
text-align: left;
line-height: 1.8;
background:none;
padding: 20px 20px 0 20px !important;
margin-bottom: 18px !important;
color: #FFF;
&.rich-text{
padding: 0;
}
}
.blocks-gallery-caption{
color: #111;
text-align: center;
margin: -10px 0 37px 0;
}
img{
height: auto !important;
flex: unset;
}
& + [data-type="core/paragraph"]{
margin-top: 18px;
}
& + [data-type="core/quote"]{
margin-top: -40px;
}
}
// Lastest comments.
[data-type="core/latest-comments"]{
padding-left: 30px;
li{
margin-bottom: 36px !important;
}
.avatar{
width: 60px;
height: 60px;
}
.wp-block-latest-comments__comment-date{
margin-top: 1px;
}
.wp-block-latest-comments__comment-author{
font-size: 15px;
}
.wp-block-latest-comments__comment-excerpt{
margin: 18px 0 0 71px;
}
}
}
}
.wp-block[data-type="core/widget-area"]{
.editor-styles-wrapper {
h1, h2, h3, h4, h5, h6 {
font-family: Josefin Sans, sans-serif;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.02em;
margin: 20px 0 29px 0;
}
h1{
font-size: 44px;
margin-top: 46px;
margin-bottom: 25px;
& + h2{
margin-top: 0;
}
}
h2{
font-size: 33px;
margin-top: 47px;
margin-bottom: 29px;
& + h3{
margin-top: -2px;
}
}
h3{
font-size: 24px;
margin-top: 47px;
margin-bottom: 29px;
& + h4{
margin-top: 0;
}
}
h4{
font-size: 18px;
margin-left: 0;
margin-top: 49px;
margin-bottom: 34px;
& + h5{
margin-top: -6px;
}
}
h5{
font-size: 16px;
margin-left: 0;
margin-top: 50px;
margin-bottom: 34px;
& + h6{
margin-top: -4px;
}
}
h6{
font-size: 14px;
margin-left: 0;
margin-top: 50px;
margin-bottom: 34px;
}
}
}
// Separator.
[data-type="core/separator"]{
clear:both;
margin: 60px auto;
border-bottom: 1px solid $lines-color !important;
.components-resizable-box__container{
margin:20px 0;
}
&.is-style-dots{
border: none !important;
color: #000 !important;
}
& + [data-type="core/heading"]{
h1{
margin-top: -4px;
padding-top: 0;
}
h2, h3{
margin-top: -3px;
padding-top: 0;
}
h4{
margin-top: -1px;
padding-top: 0;
}
h5{
margin-top: 0;
padding-top: 0;
}
h6{
margin-top: 0;
padding-top: 0;
}
}
& + [data-type="core/paragraph"]{
margin-top: -10px;
}
& + [data-type="core/columns"]{
margin-top: 78px !important;
}
}
// Preformatted
[data-type="core/code"],
[data-type="core/preformatted"]{
max-width: 1340px;
margin-bottom: 40px;
padding: 33px 30px 35px 30px !important;
font-family: monospace !important;
font-size: 13px !important;
line-height:2 !important;
border-radius: 0;
border: 1px dashed #ccc;
padding: 33px 30px 35px 30px;
background-color: #FFFFFF;
color:#333 !important;
& + [data-type="core/pullquote"],
& + [data-type="core/paragraph"]{
margin-top: -10px;
}
}
// Image attachement.
.wp-caption{
line-height: 1.8;
font-style: italic;
margin: 12px 0 0;
color: #999;
}
// Metaboxes.
.edit-post-layout__metaboxes{
.ui-sortable-handle{
span{
font-size:18px;
}
}
}
// Widgets.
.widget{
.profile-picture{
display: none;
width: 100px;
height: 100px;
background-position: 50% 50%;
background-size: cover !important;
margin-bottom: 10px;
}
.hidden{
display: none;
}
}
[data-wpview-type="gallery"]{
.gallery-caption{
text-align:center;
color:#999;
width:100%;
line-height: 1.8;
font-style: italic;
margin: 10px 0 20px 0 !important;
padding:0;
position:relative;
top:0;
right:0;
}
}
.edit-widgets-block-editor{
.block-editor-writing-flow{
h2{
font-size: 18px;
margin-bottom: 28px;
padding-bottom: 4px;
}
ul{
margin-bottom: 40px;
li{
overflow: visible;
position: relative;
margin: 0 0 12px 32px !important;
&:before{
box-sizing: border-box;
content: "";
position: absolute;
width: 20px;
height: 1px;
left: -31px;
top: 13px;
background: #8d8d8d;
}
a{
border: none;
background-position: 0 100%;
overflow: visible;
}
}
}
}
[data-type="core/group"]{
[data-type="core/latest-comments"],{
margin: -15px 0 0 -20px;
ol{
li{
overflow: visible;
position: relative;
margin: 0 0 12px 32px !important;
&:before{
box-sizing: border-box;
content: "";
position: absolute;
width: 20px;
height: 1px;
left: -31px;
top: 13px;
background: #8d8d8d;
}
a{
border: none;
background-position: 0 100%;
overflow: visible;
}
}
}
}
}
}
// Jquery UI.
/**
* Jquery custom UI and some helpers.
*
* @package acora
* @since acora 1.0
*/
/* Layout helpers
----------------------------------*/
.acora-dialog .ui-helper-hidden {
display: none;
}
.acora .ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.acora-dialog .ui-helper-reset,
.acora .ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.acora-dialog .ui-helper-clearfix:before,
.acora-dialog .ui-helper-clearfix:after,
.acora .ui-helper-clearfix:before,
.acora .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.acora-dialog .ui-helper-clearfix:after,
.acora .ui-helper-clearfix:after {
clear: both;
}
.acora-dialog .ui-helper-clearfix,
.acora .ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.acora-dialog .ui-helper-zfix,
.acora .ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}
.acora-dialog .ui-front,
.acora .ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.acora-dialog .ui-state-disabled
.acora .ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.acora-dialog .ui-icon,
.acora .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.acora-dialog.ui-widget-overlay,
.acora.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x !important;
opacity: .3 !important;
filter: Alpha(Opacity=30) !important;
z-index:100000 !important;
}
.acora-dialog .ui-accordion .ui-accordion-header,
.acora .ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin-top: 2px;
padding: .8em .8em .8em .7em;
min-height: 0; /* support: IE7 */
}
.acora-dialog .ui-accordion-icons,
.acora .ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.acora-dialog .ui-accordion .ui-accordion-noicons,
.acora .ui-accordion .ui-accordion-noicons {
padding-left: .7em;
}
.acora-dialog .ui-accordion .ui-accordion-icons .ui-accordion-icons,
.acora .ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.acora-dialog .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
.acora .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.acora-dialog .ui-accordion .ui-accordion-content,
.acora .ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.acora-dialog .ui-autocomplete,
.acora .ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.acora-dialog .ui-button,
.acora .ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-style: none;
border: 1px solid #767676;
/* Support: IE <= 11 */
overflow: visible;
}
.acora-dialog .ui-button,
.acora-dialog .ui-button:link,
.acora-dialog .ui-button:visited,
.acora-dialog .ui-button:hover,
.acora-dialog .ui-button:active,
.acora .ui-button,
.acora .ui-button:link,
.acora .ui-button:visited,
.acora .ui-button:hover,
.acora .ui-button:active {
text-decoration: none;
}
.acora-dialog .ui-button:hover,
.acora .ui-button:hover{
background: #e5e5e5;
}
/* to make room for the icon, a width needs to be set here */
.acora-dialog .ui-button-icon-only,
.acora .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
.acora-dialog input.ui-button.ui-button-icon-only,
.acora input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button text element */
.acora-dialog .ui-button .ui-button-text,
.acora .ui-button .ui-button-text {
display: block;
line-height: normal;
}
.acora-dialog .ui-button-text-only .ui-button-text,
.acora .ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.acora-dialog .ui-button-icon-only .ui-button-text,
.acora-dialog .ui-button-icons-only .ui-button-text,
.acora .ui-button-icon-only .ui-button-text,
.acora .ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.acora-dialog .ui-button-text-icon-primary .ui-button-text,
.acora-dialog .ui-button-text-icons .ui-button-text,
.acora .ui-button-text-icon-primary .ui-button-text,
.acora .ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.acora-dialog .ui-button-text-icon-secondary .ui-button-text,
.acora-dialog .ui-button-text-icons .ui-button-text,
.acora .ui-button-text-icon-secondary .ui-button-text,
.acora .ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.acora-dialog .ui-button-text-icons .ui-button-text,
.acora .ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
.acora-dialog input.ui-button,
.acora input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.acora-dialog .ui-button-icon-only .ui-icon,
.acora-dialog .ui-button-text-icon-primary .ui-icon,
.acora-dialog .ui-button-text-icon-secondary .ui-icon,
.acora-dialog .ui-button-text-icons .ui-icon,
.acora .ui-button-icon-only .ui-icon,
.acora .ui-button-text-icon-primary .ui-icon,
.acora .ui-button-text-icon-secondary .ui-icon,
.acora .ui-button-text-icons .ui-icon,
.acora .ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.acora-dialog .ui-button-icon-only .ui-icon,
.acora .ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.acora-dialog .ui-button-text-icon-primary .ui-button-icon-primary,
.acora-dialog .ui-button-text-icon-primary .ui-button-icon-primary,
.acora-dialog .ui-button-icons-only .ui-button-icon-primary
.acora .ui-button-text-icon-primary .ui-button-icon-primary,
.acora .ui-button-text-icons .ui-button-icon-primary,
.acora .ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.acora-dialog .ui-button-text-icon-secondary .ui-button-icon-secondary,
.acora-dialog .ui-button-text-icons .ui-button-icon-secondary,
.acora-dialog .ui-button-icons-only .ui-button-icon-secondary,
.acora .ui-button-text-icon-secondary .ui-button-icon-secondary,
.acora .ui-button-text-icons .ui-button-icon-secondary,
.acora .ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.acora-dialog .ui-buttonset,
.acora .ui-buttonset {
margin-right: 7px;
}
.acora-dialog .ui-buttonset .ui-button,
.acora .ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
.acora-dialog input.ui-button::-moz-focus-inner,
.acora-dialog button.ui-button::-moz-focus-inner,
.acora input.ui-button::-moz-focus-inner,
.acora button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.acora-dialog.ui-dialog,
.acora.ui-dialog {
overflow: visible;
position: absolute ;
top: 0;
left: 0;
padding: 0;
outline: 0;
z-index:101000 !important;
}
.acora-dialog .ui-dialog-titlebar,
.acora.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.acora-dialog.ui-dialog .ui-dialog-title,
.acora.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.acora-dialog .ui-dialog-titlebar-close,
.acora.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.acora-dialog .ui-dialog-content,
.acora.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.acora-dialog .ui-dialog-buttonpane,
.acora.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.acora-dialog.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.acora.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.acora-dialog .ui-dialog-buttonpane button,
.acora.ui-dialog .ui-dialog-buttonpane button {
margin: 5px;
cursor: pointer;
}
.acora-dialog .ui-resizable-se,
.acora.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.acora-dialog .ui-dialog-titlebar,
.acora.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
.acora input.ui-button::-moz-focus-inner,
.acora button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* Tabs
----------------------------------*/
.acora .ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.acora .ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.acora .ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.acora .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.acora .ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.acora .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.acora .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.acora .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
outline: none;
}
.acora .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.acora .ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.acora .ui-tooltip {
padding: 8px;
position: absolute;
z-index: 110000;
max-width: 400px;
min-width: 400px;
border: 1px solid #666;
box-shadow: 0px 0px 5px #666;
}
.acora .ui-tooltip {
border-width: 2px;
}
.acora .ui-tooltip-img{
border-width: 1px;
}
/* Component containers
----------------------------------*/
.acora-dialog .ui-widget,
.acora-dialog .ui-widget,
.acora.ui-widget,
.acora .ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 10px;
}
.acora-dialog.ui-widget .ui-widget,
.acora-dialog .ui-widget .ui-widget,
.acora.ui-widget .ui-widget,
.acora .ui-widget .ui-widget {
font-size: 1em;
}
.acora-dialog.ui-widget input,
.acora-dialog.ui-widget select,
.acora-dialog.ui-widget textarea,
.acora-dialog.ui-widget button,
.acora-dialog .ui-widget input,
.acora-dialog .ui-widget select,
.acora-dialog .ui-widget textarea,
.acora-dialog .ui-widget button
.acora.ui-widget input,
.acora.ui-widget select,
.acora.ui-widget textarea,
.acora.ui-widget button,
.acora .ui-widget input,
.acora .ui-widget select,
.acora .ui-widget textarea,
.acora .ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.acora-dialog .ui-widget-content,
.acora-dialog.ui-widget-content,
.acora .ui-widget-content,
.acora.ui-widget-content {
background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.acora-dialog .ui-widget-content.ui-helper-clearfix,
.acora-dialog.ui-widget-conten.ui-helper-clearfix{
position: relative;
top: 16px;
border: none;
background: #e5e5e5;
padding: 0;
}
.acora-dialog .ui-widget-content a,
.acora .ui-widget-content a {
color: #222222;
}
.acora-dialog .ui-widget-header,
.acora .ui-widget-header {
border: 1px solid #aaaaaa !important;
background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.acora-dialog.ui-accordion-content-active,
.acora.ui-accordion-content-active{
border: 1px solid #aaaaaa !important;
border-top-style:none !important;
}
/* Interaction states
----------------------------------*/
.acora-dialog .ui-state-default,
.acora-dialog .ui-widget-content .ui-state-default,
.acora-dialog .ui-widget-header .ui-state-default,
.acora .ui-state-default,
.acora .ui-widget-content .ui-state-default,
.acora .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.acora-dialog .ui-state-hover,
.acora-dialog .ui-widget-content .ui-state-hover,
.acora-dialog .ui-widget-header .ui-state-hover,
.acora-dialog .ui-state-focus,
.acora-dialog .ui-widget-content .ui-state-focus,
.acora-dialog .ui-widget-header .ui-state-focus,
.acora-dialog .ui-state-hover,
.acora .ui-widget-content .ui-state-hover,
.acora .ui-widget-header .ui-state-hover,
.acora .ui-state-focus,
.acora .ui-widget-content .ui-state-focus,
.acora .ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.acora-dialog .ui-state-hover a,
.acora-dialog .ui-state-hover a:hover,
.acora-dialog .ui-state-hover a:link,
.acora-dialog .ui-state-hover a:visited,
.acora-dialog .ui-state-focus a,
.acora-dialog .ui-state-focus a:hover,
.acora-dialog .ui-state-focus a:link,
.acora-dialog .ui-state-focus a:visited,
.acora .ui-state-hover a,
.acora .ui-state-hover a:hover,
.acora .ui-state-hover a:link,
.acora .ui-state-hover a:visited,
.acora .ui-state-focus a,
.acora .ui-state-focus a:hover,
.acora .ui-state-focus a:link,
.acora .ui-state-focus a:visited {
color: #212121;
text-decoration: none;
}
.acora-dialog .ui-state-active,
.acora-dialog .ui-widget-content .ui-state-active,
.acora-dialog .ui-widget-header .ui-state-active,
.acora .ui-state-active,
.acora .ui-widget-content .ui-state-active,
.acora .ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.acora-dialog .ui-state-active a,
.acora-dialog .ui-state-active a:link,
.acora-dialog .ui-state-active a:visited,
.acora .ui-state-active a,
.acora .ui-state-active a:link,
.acora .ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.acora-dialog .ui-state-highlight,
.acora-dialog .ui-widget-content .ui-state-highlight,
.acora-dialog .ui-widget-header .ui-state-highlight,
.acora .ui-state-highlight,
.acora .ui-widget-content .ui-state-highlight,
.acora .ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #ff0000;
}
.acora-dialog .ui-state-highlight a,
.acora-dialog .ui-widget-content .ui-state-highlight a,
.acora-dialog .ui-widget-header .ui-state-highlight a,
.acora .ui-state-highlight a,
.acora .ui-widget-content .ui-state-highlight a,
.acora .ui-widget-header .ui-state-highlight a {
color: #363636;
}
.acora-dialog .ui-state-error,
.acora-dialog .ui-widget-content .ui-state-error,
.acora-dialog .ui-widget-header .ui-state-error,
.acora .ui-state-error,
.acora .ui-widget-content .ui-state-error,
.acora .ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.acora-dialog .ui-state-error a,
.acora-dialog .ui-widget-content .ui-state-error a,
.acora-dialog .ui-widget-header .ui-state-error a,
.acora .ui-state-error a,
.acora .ui-widget-content .ui-state-error a,
.acora .ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.acora-dialog .ui-state-error-text,
.acora-dialog .ui-widget-content .ui-state-error-text,
.acora-dialog .ui-widget-header .ui-state-error-text,
.acora .ui-state-error-text,
.acora .ui-widget-content .ui-state-error-text,
.acora .ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.acora-dialog .ui-priority-primary,
.acora-dialog .ui-widget-content .ui-priority-primary,
.acora-dialog.ui-widget-header .ui-priority-primary,
.acora .ui-priority-primary,
.acora .ui-widget-content .ui-priority-primary,
.acora .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.acora-dialog .ui-priority-secondary,
.acora-dialog .ui-widget-content .ui-priority-secondary,
.acora-dialog .ui-widget-header .ui-priority-secondary,
.acora .ui-priority-secondary,
.acora .ui-widget-content .ui-priority-secondary,
.acora .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.acora-dialog .ui-state-disabled,
.acora-dialog .ui-widget-content .ui-state-disabled,
.acora-dialog .ui-widget-header .ui-state-disabled,
.acora .ui-state-disabled,
.acora .ui-widget-content .ui-state-disabled,
.acora .ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.acora-dialog .ui-state-disabled .ui-icon,
.acora .ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.acora-dialog .ui-icon,
.acora .ui-icon {
width: 16px;
height: 16px;
}
.acora-dialog .ui-icon,
.acora-dialog .ui-widget-content .ui-icon,
.acora .ui-icon,
.acora .ui-widget-content .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.acora-dialog .ui-widget-header .ui-icon,
.acora .ui-widget-header .ui-icon {
background-image: url(images/ui-icons_222222_256x240.png);
}
.acora-dialog .ui-state-default .ui-icon,
.acora .ui-state-default .ui-icon {
background-image: url(images/ui-icons_888888_256x240.png);
}
.acora-dialog .ui-state-hover .ui-icon,
.acora-dialog .ui-state-focus .ui-icon,
.acora .ui-state-hover .ui-icon,
.acora .ui-state-focus .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
.acora-dialog.ui-state-active .ui-icon,
.acora .ui-state-active .ui-icon {
background-image: url(images/ui-icons_454545_256x240.png);
}
.acora-dialog .ui-state-highlight .ui-icon,
.acora .ui-state-highlight .ui-icon {
background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.acora-dialog .ui-state-error .ui-icon,
.acora-dialog .ui-state-error-text .ui-icon,
.acora .ui-state-error .ui-icon,
.acora .ui-state-error-text .ui-icon {
background-image: url(images/ui-icons_cd0a0a_256x240.png);
}
/* positioning */
.acora-dialog .ui-icon-closethick { background-position: -96px -128px; }
.acora-dialog .ui-icon-triangle-1-n { background-position: 0 -16px; }
.acora-dialog .ui-icon-triangle-1-ne { background-position: -16px -16px; }
.acora-dialog .ui-icon-triangle-1-e { background-position: -32px -16px; }
.acora-dialog .ui-icon-triangle-1-se { background-position: -48px -16px; }
.acora-dialog .ui-icon-triangle-1-s { background-position: -64px -16px; }
.acora-dialog .ui-icon-triangle-1-sw { background-position: -80px -16px; }
.acora-dialog .ui-icon-triangle-1-w { background-position: -96px -16px; }
.acora-dialog .ui-icon-triangle-1-nw { background-position: -112px -16px; }
.acora-dialog .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.acora-dialog .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.acora .ui-icon-closethick { background-position: -96px -128px; }
.acora .ui-icon-triangle-1-n { background-position: 0 -16px; }
.acora .ui-icon-triangle-1-ne { background-position: -16px -16px; }
.acora .ui-icon-triangle-1-e { background-position: -32px -16px; }
.acora .ui-icon-triangle-1-se { background-position: -48px -16px; }
.acora .ui-icon-triangle-1-s { background-position: -64px -16px; }
.acora .ui-icon-triangle-1-sw { background-position: -80px -16px; }
.acora .ui-icon-triangle-1-w { background-position: -96px -16px; }
.acora .ui-icon-triangle-1-nw { background-position: -112px -16px; }
.acora .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.acora .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.acora-dialog .ui-corner-all,
.acora-dialog .ui-corner-top,
.acora-dialog .ui-corner-left,
.acora-dialog .ui-corner-tl,
.acora .ui-corner-all,
.acora .ui-corner-top,
.acora .ui-corner-left,
.acora .ui-corner-tl {
border-top-left-radius: 2px;
}
.acora-dialog .ui-corner-all,
.acora-dialog .ui-corner-top,
.acora-dialog .ui-corner-right,
.acora-dialog .ui-corner-tr,
.acora .ui-corner-all,
.acora .ui-corner-top,
.acora .ui-corner-right,
.acora .ui-corner-tr {
border-top-right-radius: 2px;
}
.acora-dialog .ui-corner-all,
.acora-dialog .ui-corner-bottom,
.acora-dialog .ui-corner-left,
.acora-dialog .ui-corner-bl,
.acora .ui-corner-all,
.acora .ui-corner-bottom,
.acora .ui-corner-left,
.acora .ui-corner-bl {
border-bottom-left-radius: 2px;
}
.acora-dialog .ui-corner-all,
.acora-dialog .ui-corner-bottom,
.acora-dialog .ui-corner-right,
.acora-dialog .ui-corner-br,
.acora .ui-corner-all,
.acora .ui-corner-bottom,
.acora .ui-corner-right,
.acora .ui-corner-br {
border-bottom-right-radius: 2px;
}
/**
* Import at bottom
* --------------------------------------------------------------------------------
*/
@import 'base/admin-responsive'; //responsive