Current Path : /home/church/public_html/hebrews111.com/wp-content/plugins/wp-rollback/src/ |
Current File : /home/church/public_html/hebrews111.com/wp-content/plugins/wp-rollback/src/admin.scss |
body { } $border-color: #E1E1E1; $background-light-gray: #FCFCFC; $color-headings: #1d2327; $color-text: #24292F; $color-light-blue: #F1F8FF; $container-width: 802px; @mixin all-caps-heading { font-weight: 400; font-size: 12px; text-transform: uppercase; line-height: 1.2em; margin: 0 0 10px; } .wpr-wrapper { margin: 0 auto 100px; max-width: $container-width; h1, h2, h3, h4, h5, h6, p { color: $color-text; } a { outline: none; box-shadow: none; &:focus { outline: none; box-shadow: none; } } } // Header Logo Wrap .wpr-logo-wrap { max-width: 600px; margin: 50px auto 30px; text-align: center; h1 { display: none; } img { width: 250px; height: auto; margin: 0 0 25px; } p { margin: 0; padding: 0; } } // Top Header Bar & Images .wpr-content-banner { border-bottom: 1px solid $border-color; height: 259px; background: #FFF; &__theme { height: 180px; border: 1px solid $border-color; } } .wpr-content-header { padding: 30px; display: flex; gap: 25px; border-bottom: 1px solid $border-color; } .wpr-intro-text { font-size: 16px; } .wpr-content-wrap { background: #FFF; border: 1px solid $border-color; padding: 0; } .wpr-heading-link { text-decoration: none; color: $color-headings; outline: none; &:hover { color: #135e96; } &:focus { outline: none; box-shadow: none; } .dashicons { margin-left: 6px; font-size: 18px; } } .wpr-expand-text { color: #2271b1; display: block; margin-left: -6px; cursor: pointer; &:hover { text-decoration: underline; color: #135e96; } } // API errors .wpr-api-error { padding: 15px 20px; margin: 200px auto; width: 600px; background: #FFF; border: 1px solid $border-color; h1 { font-size: 17px; } } // Plugin Info .wpr-plugin-info { flex-grow: 1; .wpr-plugin-name { margin: 0 0 13px; padding: 0; line-height: 1.3; } } .wpr-plugin-avatar-wrap { width: 96px; height: 96px; } .wpr-plugin-avatar { border: 1px solid $border-color; width: 96px; height: 96px; } // Pills displaying meta data .wpr-pill-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .wpr-pill { background: $color-light-blue; border-radius: 500px; padding: 6px 12px; &__black { background: #1D2327; color: #FFF; } .wpr-pill-text { font-size: 14px; margin: 0; padding: 0; } } // Right side of header / Meta Data .wpr-meta-wrap { min-width: 100px; display: flex; flex-direction: column; gap: 20px; h3 { @include all-caps-heading; font-weight: 500; } .wpr-updater-info .dashicons { font-size: 16px; } .wpr-plugin-lastupdate { font-size: 14px; font-style: italic; } .wpr-view-changelog { margin-bottom: 25px; } } .wpr-theme-author-inner { border: 1px solid $border-color; text-align: center; img { margin: 15px auto; } .wpr-theme-author-info { border-top: 1px solid $border-color; padding: 4px 6px; background: $background-light-gray; line-height: 15px; a { font-size: 11px; line-height: 1.2; text-decoration: none; } a:focus, a:hover { box-shadow: none; outline: none; text-decoration: underline; } } } // Version Info .wpr-versions-container { overflow-y: auto; max-height: 450px; } .wpr-version-wrap { display: flex; flex-direction: column; gap: 10px; padding: 0; margin: 0; border-bottom: 1px solid $border-color; background: $background-light-gray; &:hover { background: #FFF; } &.wpr-active-row { background: #F1F8FF; } .wpr-popover-wrap { display: inline-block; margin-left: 10px; } } // Radios listing versions .wpr-version-radio-wrap { margin: 0; padding: 0; label { display: flex; padding: 20px 30px; align-items: center; } input[type="radio"] { margin: 0; } span.wpr-version-lineitem { font-size: 18px; font-weight: 600; margin: 0 0 0 8px; } span.wpr-version-lineitem-current { font-size: 15px; font-style: italic; font-weight: 400; margin: 0 0 0 20px; } } // Bottom button .wpr-button-wrap { padding: 20px 30px; background: #FFF; bottom: 0; width: $container-width; box-sizing: border-box; border: 1px solid $border-color; box-shadow: 0px -10px 20px rgb(0 0 0 / 9%); } .wpr-button-cancel { margin-left: 20px; } // Modal .wpr-modal { max-width: 600px; .dashicons { color: #dba617; margin-right: 8px; } &__changelog .dashicons { color: #1d2327; } .wpr-modal-intro { font-size: 16px; margin-top: 0; } .wpr-modal-notice { p { font-size: 16px; } margin: 0 0 20px; } table { td { font-size: 15px; } font-size: 15px; margin: 0 0 20px; } } // Popover .wpr-popover { padding: 12px; background: #FFF; border: 1px solid $border-color; box-shadow: 0 0 10px rgb(0 0 0 / 9%); max-width: 300px; font-size: 15px; line-height: 1.4em; .components-popover__content { width: auto; } } // Loading .wpr-loading-content { display: flex; justify-content: center; align-items: center; height: 100vh; } .wpr-loading-text { margin: 0 auto; background: #FFF; border: 1px solid $border-color; padding: 20px; text-align: center; p { font-size: 16px; font-weight: bold; margin: 10px 0 0; padding: 0; } }