/*--------------------------------------------------------------------------------------------- Post Box ---------------------------------------------------------------------------------------------*/ #poststuff .acf_postbox .widefat th, #poststuff .acf_postbox .widefat td { overflow: visible; } #poststuff .acf_postbox .inside { margin: 0; padding: 0; } /* Field */ #poststuff .acf_postbox .field { position: relative; padding: 15px 10px; border-top: 1px solid #fff; border-bottom: #e8e8e8 solid 1px; } #poststuff .acf_postbox .field:last-child { border-bottom: none; } #poststuff .acf_postbox.no_box .field { border-top: 0 none; border-bottom: 0 none; padding: 15px 0; } /* Field Error */ #poststuff .acf_postbox .field.error { margin: 0; border: #CC0000 solid 1px !important; border-radius: 0; } #poststuff .acf_postbox.no_box .field.error { padding-left: 10px; padding-right: 10px; } #poststuff .acf_postbox .field.error + .error { border-top: 0 none !important; } #poststuff .acf_postbox .field.error:last-child { border-bottom: #CC0000 solid 1px; } #poststuff .acf_postbox .field.error label.field_label { color: #CC0000; } #poststuff .acf_postbox p.label { font-size: 11px; line-height: 1.1em; margin: 0 0 1em; padding: 0; color: #666666; text-shadow: 0 1px 0 #FFFFFF; } #poststuff .acf_postbox p.label label { color: #333333; font-size: 13px; font-weight: bold; padding: 0; margin: 0 0 3px; display: block; vertical-align: text-bottom; } .field.required label span.required { color: #CC0000; } #poststuff .acf_postbox label.field_label:first-child { padding-top: 0; } /* no box style */ #poststuff .acf_postbox.no_box { border: 0 none; background: transparent; } #poststuff .acf_postbox.no_box > h3, #poststuff .acf_postbox.no_box > .handlediv { display: none; } /*--------------------------------------------------------------------------------------------- Basic Field Styles ---------------------------------------------------------------------------------------------*/ .acf_postbox .field input[type="text"], .acf_postbox .field input[type="number"], .acf_postbox .field input[type="password"], .acf_postbox .field textarea{ width: 100%; padding: 5px; resize: none; } .acf_postbox .field textarea { resize: vertical; min-height: 150px; } .acf_postbox .field select{ width: 100%; padding: 2px; resize: none; } #poststuff .acf_postbox .field select optgroup { padding: 5px; background: #fff; border-top: #DFDFDF solid 1px; } #poststuff .acf_postbox .field select option { padding: 3px; } #poststuff .acf_postbox .field select optgroup option { padding-left: 6px; } #poststuff .acf_postbox .field select optgroup:nth-child(2n) { background: #F9F9F9; } #poststuff .acf_postbox .field select[multiple] { padding: 0; } #poststuff .acf_postbox .field select[multiple] > optgroup:first-child { border-top: 0 none; } /*--------------------------------------------------------------------------------------------- Field: WYSIWYG ---------------------------------------------------------------------------------------------*/ .acf_wysiwyg .wp_themeSkin table.mceToolbarRow1 { margin-top: 2px !important; } .acf_wysiwyg iframe{ min-height: 250px; } #post-body .acf_wysiwyg .wp_themeSkin .mceStatusbar a.mceResize { top: -2px !important; } /*.acf_wysiwyg .editor-toolbar { display: none; }*/ .acf_wysiwyg .wp-editor-container { background: #fff; border-color: #CCCCCC #CCCCCC #DFDFDF; border-style: solid; border-radius: 3px 3px 0 0; border-width: 1px; } /*--------------------------------------------------------------------------------------------- * * Image Upload * *---------------------------------------------------------------------------------------------*/ .acf-image-uploader { position: relative; } .acf-image-uploader .has-image { display: none; float: left; position: relative; } .acf-image-uploader .no-image { display: block; float: left; position: relative; } .acf-image-uploader.active .has-image { display: block; } .acf-image-uploader.active .no-image { display: none; } .acf-image-uploader img { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); max-width:100%; height: auto; display: block; } .acf-image-uploader .no-image p { display: block; margin: 0 !important; } .acf-image-uploader input.button { width: auto; } /* * Hover */ .acf-image-uploader .hover { position: absolute; top: -11px; right: -11px; -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; visibility: hidden; opacity: 0; } .acf-image-uploader .has-image:hover .hover { -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; visibility: visible; opacity: 1; } .acf-image-uploader .hover ul { display: block; margin: 0; padding: 0; } .acf-image-uploader .hover ul li { margin: 0 0 5px 0; } .acf-image-uploader .hover a { background: url("../images/sprite.png") no-repeat scroll -54px -102px #fff; display: block; height: 22px; width: 22px; border-radius: 15px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .acf-image-uploader .hover a:hover { background-position: -54px -152px; } .acf-image-uploader .hover a.edit-image { background-position: -45px -345px; } .acf-image-uploader .hover a.edit-image:hover { background-position: -45px -395px; } /*--------------------------------------------------------------------------------------------- * * ACF Message Wrapper (used by image / file / gallery) * *---------------------------------------------------------------------------------------------*/ .acf-message-wrapper { margin: 10px 0; } .acf-message-wrapper .message { margin: 0 !important; } /*--------------------------------------------------------------------------------------------- File Upload ---------------------------------------------------------------------------------------------*/ .acf-file-uploader { position: relative; line-height: 1.5em; } .acf-file-uploader .has-file { display: none; } .acf-file-uploader .no-file { display: block; } .acf-file-uploader.active .has-file { display: block; } .acf-file-uploader.active .no-file { display: none; } .acf-file-uploader img { margin: 0 5px 0 0; height: } .acf-file-uploader input.button { width: auto; } /*--------------------------------------------------------------------------------------------- Repeater ---------------------------------------------------------------------------------------------*/ .repeater { } .repeater > table { border-radius: 0 0 0 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .repeater > table > tbody > tr > td { background: transparent; border: 0 none; border-right: 1px solid #ededed; border-top: 1px solid #ededed; padding: 8px !important; position: relative; } .repeater > table.row_layout > tbody > tr > td { border-top-color: #DFDFDF; } .repeater > table > tbody > tr:first-child > td { border-top: 0 none; } .repeater > table > tbody > tr > td:last-child { border-right: 0 none; } .repeater > table > tbody > tr:nth-child(even) { background: #fff; } .repeater > table > tbody > tr:nth-child(odd) { background: #FCFCFC; } .repeater > table > thead > tr > th { border-right: 1px solid #e1e1e1; } .repeater > table > thead > tr > th:last-child { border-right: 0 none; } .repeater > table > tbody > tr:hover > td.remove > a.remove-row, .repeater > table > tbody > tr:hover > td.remove > a.add-row { -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; visibility: visible; opacity: 1; } .repeater.disabled > table > tbody > tr:hover > td.remove > a.add-row { visibility: hidden !important; } .repeater > table.row_layout > tbody > tr > td > label:first-child { padding-top: 0; } a.add-row { display: block; width: 16px; height: 16px; background: url(../images/button_add.png) 0 0 no-repeat; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 8px; position: absolute; -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; visibility: hidden; opacity: 0; } a.add-row:hover { background-position: 0 100%; } a.remove-row { display: block; width: 16px; height: 16px; background: url(../images/button_remove.png) 0 0 no-repeat; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 8px; -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; visibility: hidden; opacity: 0; } a.remove-row:hover { background-position: 0 100%; } .repeater > table > thead > tr > th.order, .repeater > table > tbody > tr > td.order{ width: 16px !important; text-align: center !important; vertical-align: middle; color: #aaa; text-shadow: #fff 0 1px 0; } .repeater table tr td.order { cursor: move; background: #f4f4f4; border-top-color: #e8e8e8; border-right-color: #E1E1E1; } .repeater table tr td.order:hover { color: #666; } .repeater > table > thead > tr > th.remove, .repeater > table > tbody > tr > td.remove{ width: 16px; vertical-align: middle; } .repeater > table td.order a.order_up { display: block; width: 16px; height: 16px; background: green; margin: 0 auto; } .repeater > table td.order a.order_down { display: block; width: 16px; height: 16px; background: red; margin: 0 auto; } .repeater table tr td select { width: 120px; margin: 0; } .repeater .repeater-footer { margin: 8px 0; } #acf_input .wp_themeSkin tr.mceFirst td.mceToolbar { } #poststuff #acf_input .wp_themeSkin .mceStatusbar { } #wpcontent select[multiple] { height: auto; } #wpcontent select optgroup { padding: 0 2px } #wpcontent select optgroup option { padding-left: 6px; } ul.checkbox_list { background: transparent !important; } .repeater tr.row-clone { display: none; } .repeater td .row-layout-field { padding: 30px 0 0; } .repeater td .row-layout-field:first-child { padding-top: 10px; } .repeater > table > tbody > tr.ui-sortable-helper { box-shadow: 0 1px 5px rgba(0,0,0,0.2); } .repeater > table > tbody > tr.ui-sortable-placeholder { visibility: visible !important; } .repeater > table > tbody > tr.ui-sortable-placeholder td { border: 0 none !important; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1); background: rgba(0,0,0,0.075); } /* empty repeater */ .repeater.empty table thead th { border-bottom: 0 none; } .repeater > table > tbody > tr > td.acf_input-wrap { padding: 0 !important;; } .repeater > table > tbody > tr > td.acf_input-wrap .acf_input { width: 100%; } .sub-field-instructions { color: #999999; display: block; font-family: sans-serif; font-size: 12px; text-shadow: 0 1px 0 #FFFFFF; } /*--------------------------------------------------------------------------------------------- In Box ---------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------- * * Relationship * *---------------------------------------------------------------------------------------------*/ .acf_relationship { position: relative; overflow: hidden; } .acf_relationship .relationship_left { width: 50%; float: left; } .acf_relationship .relationship_right { width: 50%; float: left; } .acf_relationship .relationship_label { font-size: 12px; font-family: sans-serif; color: #999; position: absolute; margin-top: 5px; margin-left: 10px; } .acf_relationship .widefat { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .acf_relationship .widefat th { border-bottom: 0 none; } .acf_relationship .relationship_search { margin: 0; font-size: 12px; line-height: 13px; border-radius: 13px; font-family: sans-serif; padding: 5px 9px !important; } .acf_relationship .relationship_list { background: #fff; position: relative; overflow: auto; height: 150px; border: #DFDFDF solid 1px; border-top-width: 0; } .acf_relationship .relationship_list li.hide { background: #f8f8f8; } .acf_relationship .relationship_list li.hide a { cursor: default; color: #21759B !important; opacity: 0.5; background: transparent !important; } .acf_relationship .relationship_list li { border-bottom: #f8f8f8 solid 1px; } .acf_relationship .relationship_list li a { display: block; position: relative; padding: 7px 9px; text-decoration: none; } .acf_relationship .relationship_list li a .relationship-item-info { color: #CCC; text-transform: uppercase; float: right; font-size: 11px; } .acf_relationship .relationship_list li:hover a .relationship-item-info { padding-right: 24px; color: #999; } .acf_relationship .relationship_list li.hide:hover a .relationship-item-info { padding-right: 0; color: #CCC; } .acf_relationship .relationship_list li a:hover, .acf_relationship .relationship_list li a:focus { background: #eaf2fa; color: #000; } .acf_relationship .relationship_right .relationship_list { margin-left: 10px; height: 193px; border-top-width:1px; } .acf_relationship .relationship_list li a .add { width: 16px; height: 16px; background: url(../images/button_add.png) 0 0 no-repeat; position: absolute; top: 2px; right: 0; cursor: pointer; margin: 5px 9px 0 0; display: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 8px; } .acf_relationship .relationship_list li a:hover .add { display: block; } .acf_relationship .relationship_list li.hide a:hover .add { display: none; } .acf_relationship .relationship_list li a .add:hover { background-position: 0 100%; } .acf_relationship .relationship_list li a .remove { width: 16px; height: 16px; background: url(../images/button_remove.png) 0 0 no-repeat; position: absolute; top: 2px; right: 0; cursor: pointer; margin: 5px 9px 0 0; display: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 8px; } .acf_relationship .relationship_list li a:hover .remove { display: block; } .acf_relationship .relationship_list li a .remove:hover { background-position: 0 100%; } .acf_relationship .relationship_right .relationship_list li a { cursor: move; } .acf_relationship .load-more .acf-loading { padding: 0; box-shadow: none; background-color: transparent; } .acf_relationship.no-results .load-more { display: none; } /*--------------------------------------------------------------------------------------------- Flexible Content ---------------------------------------------------------------------------------------------*/ .acf_flexible_content { } .acf_flexible_content .layout { margin: 20px 0 30px; position: relative; } .acf_flexible_content .layout .layout-label { font-size: 12px; line-height: 1em; font-weight: bold; color: #999999; text-shadow: #fff 0 1px 0; margin: 0 0 0.75em; padding: 0; } .acf_flexible_content .layout .actions { position: absolute; top: 7px; right: 5px; float: left; background: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); /* for webkit browsers */ background: -moz-linear-gradient(top, #ffffff, #eaeaea); /* for firefox 3.6+ */ box-shadow: rgba(0,0,0,0.1) 0 1px 3px; border-radius: 3px; border: #d4d4d4 solid 1px; z-index: 1; visibility: hidden; opacity: 0; -webkit-transition: right 0.25s 0s ease-in-out, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -moz-transition: right 0.25s 0s ease-in-out, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -o-transition: right 0.25s 0s ease-in-out, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; transition: right 0.25s 0s ease-in-out, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; } .acf_flexible_content .layout:hover .actions { visibility: visible; opacity: 1; right: 10px; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; } .acf_flexible_content .layout .actions .order, .acf_flexible_content .layout .actions .delete { width: 30px; height: 25px; display: block; background: url(../images/sprite.png) 0px -100px no-repeat; } .acf_flexible_content .layout .actions .order:hover { background-position: 0px -150px; } .acf_flexible_content .layout .actions .delete { background-position: -50px -100px; } .acf_flexible_content .layout .actions .delete:hover { background-position: -50px -150px; } .acf_flexible_content table.widefat > tbody > tr > td { padding: 15px 10px; position: relative; border-left: #fff solid 1px; border-right: #DFDFDF solid 1px; } .acf_flexible_content table.widefat > tbody > tr:first-child > td { } .acf_flexible_content table.widefat > tbody > tr:last-child > td { border-bottom: 0 none; } .acf_flexible_content table.widefat > tbody > tr > td:last-child { border-right: 0 none; } .acf_flexible_content .clones { display: none; } .acf_flexible_content > .values > .ui-sortable-placeholder { visibility: visible !important; border: #DFDFDF dashed 2px; border-radius: 3px; } .acf_flexible_content td .row-layout-field { padding: 30px 0 0; } .acf_flexible_content td .row-layout-field:first-child { padding-top: 3px; } .acf-popup { position: absolute; bottom: 25px; right: 0; background: #464646; border-radius: 5px; box-shadow: rgba(0,0,0,0.4) 0 0 13px; margin-right: -5px; min-width: 135px; z-index: 99; -webkit-transition: bottom 0.25s 0s, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -moz-transition: bottom 0.25s 0s, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -o-transition: bottom 0.25s 0s, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; transition: bottom 0.25s 0s, opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; visibility: hidden; opacity: 0; } .acf-popup.active { visibility: visible; opacity: 1; bottom: 35px; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; } .has-right-sidebar .acf-popup { margin-right: -17px; } .has-right-sidebar .acf-popup .bit { right: 37px; } .acf-popup .bit { position: absolute; width: 56px; height: 25px; right: 17px; margin: -1px 0 0; background: url(../images/sprite.png) 0 -50px no-repeat; } .acf-popup ul { display: block; margin: 0; padding: 0; } .acf-popup ul li { display: block; position: relative; margin: -1px 0 0; padding: 0; float: none; } .acf-popup ul li:first-child { margin: 0; } .acf-popup ul li a { color: #cccccc; font-size: 12px; line-height: 14px; padding: 7px 11px; display: block; border: 1px solid #333333; box-shadow: inset 0 1px 0 #555555; text-decoration: none; min-width: 100px; text-shadow: 0 1px 0 #222222; } .acf-popup ul li:first-child a { border-radius: 5px 5px 0 0; } .acf-popup ul li:last-child a { border-radius: 0 0 5px 5px; } .acf-popup ul li:only-child a { border-radius: 5px 5px 5px 5px; } .acf-popup ul li a:hover { background: #2b8ab8; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3da0d1', endColorstr='#1f81b2'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#3da0d1), to(#1f81b2)); /* for webkit browsers */ background: -moz-linear-gradient(top, #3da0d1, #1f81b2); /* for firefox 3.6+ */ border: 1px solid #195572 !important; box-shadow: inset 0 1px 0 #54b5e5; color: #FFFFFF; text-shadow: 0 1px 0 #082e40; cursor: pointer; } .acf_flexible_content .no_value_message { padding: 19px; border: #ccc dashed 1px; text-align: center; } #acf_color_picker { position: absolute; top: 0; left: 0; display: none; background: #fff; border: #AAAAAA solid 1px; border-radius: 4px; } .acf_flexible_content .flexible-footer { margin: 8px 0; } /*--------------------------------------------------------------------------------------------- Taxonomy Edit Error ---------------------------------------------------------------------------------------------*/ .form-table { margin-left: 1px; /* Needed to show the left border - WP has an overflow hidden */ } .form-table .field.error th, .form-table .field.error td { background: #FFEBE8; border: #CC0000 solid 1px; } .form-table .field.error th{ border-right: 0 none; } .form-table .field.error td{ border-left: 0 none; } .form-table .field.error label { color: #CC0000; } /*--------------------------------------------------------------------------------------------- * * Everythign Field fixes * *---------------------------------------------------------------------------------------------*/ .media-item .describe .repeater > table > thead > tr > th { width: auto; } /*--------------------------------------------------------------------------------------------- * * Gallery Field * *---------------------------------------------------------------------------------------------*/ .acf-gallery { position: relative; overflow: hidden; border: #DFDFDF solid 1px; border-radius: 3px; box-shadow: #f9f9f9 0 1px 0; } .acf-gallery .thumbnails { background: #ececec; min-height: 400px; margin: 0 0 0 0; position: relative; z-index: 1; -webkit-transition: all 0.5s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.5s ease-out; /* FF4+ */ -o-transition: all 0.5s ease-out; /* Opera 10.5+ */ transition: all 0.5s ease-out; } .acf-gallery .thumbnails .inner { padding: 10px; position: relative; } .acf-gallery .thumbnail { margin: 10px; position: relative; float: left; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); cursor: move; } .acf-gallery .thumbnail .inner { padding: 5px; } .acf-gallery .thumbnail img { display: block; } .acf-gallery .thumbnail.ui-sortable-placeholder { visibility: visible !important; background: transparent; box-shadow: none; border: #DFDFDF dashed 2px; border-radius: 3px; } /* * Toolbar */ .acf-gallery .toolbar { border-top: #DFDFDF solid 1px; background-color: #F1F1F1; background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#ECECEC)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #F9F9F9, #ECECEC); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #F9F9F9, #ECECEC); /* FF3.6+ */ background-image: -o-linear-gradient(top, #F9F9F9, #ECECEC); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #F9F9F9, #ECECEC); } .acf-gallery .toolbar li { font-size: 12px; line-height: 1em; position: relative; } .acf-gallery .toolbar li:hover, .acf-gallery .toolbar li.active { background-color: #F9F9F9; background-image: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#F9F9F9)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #ECECEC, #F9F9F9); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #ECECEC, #F9F9F9); /* FF3.6+ */ background-image: -o-linear-gradient(top, #ECECEC, #F9F9F9); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #ECECEC, #F9F9F9); } .acf-gallery .toolbar li.count-li:hover { background: transparent; } .acf-gallery .toolbar li a, .acf-gallery .toolbar li span { display: block; padding: 1em; color: #333333; text-shadow: #fff 0 1px 0; text-decoration: none; } .acf-gallery .toolbar li span { color: #8d8d8d; } .acf-gallery .toolbar li .divider { position: absolute; height: 100%; width: 1px; background: #dfdfdf; border-right: #fff solid 1px; top: 0; right: 0; margin-right: -1px; } .acf-gallery .toolbar li .divider-left { right: auto; margin-right: 0; left: 0; margin-left: -1px; } .acf-gallery .toolbar .view-grid { width: 36px; height: 36px; background: url(../images/sprite.png) 11px -438px no-repeat; } .acf-gallery .toolbar .view-list { width: 36px; height: 36px; background: url(../images/sprite.png) -40px -438px no-repeat; } .acf-gallery .toolbar .view-grid-li, .acf-gallery .toolbar .view-list-li { position: absolute; left: 50%; } .acf-gallery .toolbar .view-grid-li { margin-left: -36px; } /* * Hover */ .acf-gallery .hover { position: absolute; top: -11px; right: -11px; -webkit-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -moz-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; -o-transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; transition: opacity 0.25s 0s ease-in-out, visibility 0s linear 0.25s; visibility: hidden; opacity: 0; } .acf-gallery .thumbnail:hover .hover { -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s; visibility: visible; opacity: 1; } .acf-gallery .hover ul { display: block; margin: 0; padding: 0; } .acf-gallery .hover ul li { margin: 0 0 5px 0; } .acf-gallery .hover a { background: url("../images/sprite.png") no-repeat scroll -54px -102px #fff; display: block; height: 22px; width: 22px; border-radius: 15px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .acf-gallery .hover a:hover { background-position: -54px -152px; } .acf-gallery .hover a.edit-image { background-position: -45px -345px; } .acf-gallery .hover a.edit-image:hover { background-position: -45px -395px; } /* * List Data */ .acf-gallery .list-data { display: none; } .acf-gallery.view-list .thumbnail { float: none; } .acf-gallery.view-list .thumbnail .list-data { display: block; margin: 0 0 0 127px; } .acf-gallery.view-list .thumbnail img { float: left; max-width: 122px; height: auto; } .acf-gallery .list-data table { text-align: left; width: 100%; border-collapse: collapse; } .acf-gallery .list-data table th, .acf-gallery .list-data table td { border: 1px solid #F1F1F1; padding: 6px; } .acf-gallery .list-data table th { width: 110px; } /* * Edit Image Message */ .acf-gallery .acf-message-wrapper { margin: 0; position: absolute; z-index: 1; width: 100%; background: #fff; } .acf-gallery .acf-message-wrapper .message { margin: 5px !important; } .acf-gallery.view-list .acf-message-wrapper { padding: 5px 5px 0; position: relative; width: auto; } .acf-gallery.view-list .acf-message-wrapper .message { margin: 0px !important; }