Chris@0: /**
Chris@0:  * @file
Chris@0:  * Styling for block_place module regions and buttons during block placement.
Chris@0:  */
Chris@0: 
Chris@0: .block-place-region {
Chris@0:   margin: 1em 0;
Chris@0:   padding: 5px;
Chris@0:   text-align: center;
Chris@18:   outline: 1px dashed rgba(0, 0, 0, 0.5);
Chris@18:   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
Chris@0:   text-shadow: none;
Chris@0: }
Chris@0: 
Chris@0: .block-place-region a.button {
Chris@0:   position: relative;
Chris@18:   box-sizing: border-box;
Chris@18:   width: 26px;
Chris@18:   height: 26px;
Chris@18:   padding: 0;
Chris@18:   white-space: nowrap;
Chris@18:   border: 1px solid #ccc;
Chris@14:   background: url(../../../misc/icons/bebebe/plus.svg) #fff center center / 16px 16px no-repeat;
Chris@0:   font-size: 1rem;
Chris@0: }
Chris@0: 
Chris@0: .block-place-region:hover a.button,
Chris@0: .block-place-region:focus a.button {
Chris@0:   background-image: url(../../../misc/icons/787878/plus.svg);
Chris@0: }
Chris@0: 
Chris@0: .block-place-region .ajax-progress {
Chris@0:   position: relative;
Chris@0:   top: -10px;
Chris@0:   right: 26px; /* LTR */
Chris@18:   overflow: visible;
Chris@18:   width: 0;
Chris@0:   height: 0;
Chris@0:   padding: 0;
Chris@0: }
Chris@0: 
Chris@0: [dir="rtl"] .block-place-region .ajax-progress {
Chris@18:   right: inherit;
Chris@18:   left: 26px;
Chris@0:   float: inherit;
Chris@0: }
Chris@0: 
Chris@0: .block-place-region .ajax-progress-throbber .throbber {
Chris@0:   display: block;
Chris@18:   box-sizing: border-box;
Chris@18:   width: 26px;
Chris@18:   height: 26px;
Chris@0:   padding: 0;
Chris@0:   border: 1px solid #ddd;
Chris@0:   border-radius: 100px;
Chris@18:   background-color: #fff;
Chris@18:   background-position: center 6px;
Chris@0: }