| 1 |
/* styles for graphs */ |
| 2 |
.adrotate_label { font-size: 12px; margin: auto 0; padding:5px; font-weight: bold } |
| 3 |
.adrotate_clicks { color: #5Af; font-weight: normal } |
| 4 |
.adrotate_impressions { color: #F80; font-weight: normal } |
| 5 |
|
| 6 |
/* styles for advert statuses and stats */ |
| 7 |
.row_red { background-color:#ffebe8; border-color:#c00; } |
| 8 |
.row_orange { background-color: #fdefc3; border-color: #c80; } |
| 9 |
.row_yellow { background-color:#ffffe0; border-color:#e6db55; } |
| 10 |
.row_blue { background-color:#ebf3fa; border-color:#466f82; } |
| 11 |
.row_green { background-color: #e5faee; border-color: #518257; } |
| 12 |
.stats_large { display: block; margin-bottom: 10px; margin-top: 10px; text-align: center; font-weight: bold; } |
| 13 |
.number_large { margin: 20px; font-size: 28px; } |
| 14 |
|
| 15 |
.adrotate_inline_error { margin-left:10px; padding:5px; background-color:#c00; color:#fff; } |
| 16 |
|
| 17 |
/* Ad previews */ |
| 18 |
.preview-wrapper { padding:0; width:50%; height:100px; border:3px solid; border-radius:10px; text-align:center; } |
| 19 |
.preview-inner { padding:20px 10px; display:inline-block; text-align:center; } |
| 20 |
|
| 21 |
/* Fancy select box for Post/Page injection and Geo Targeting */ |
| 22 |
.adrotate-select { padding:3px; border:1px solid #efefef; min-width:400px; max-height:400px; overflow-y:scroll; background-color:#fff; } |
| 23 |
.adrotate-select .check-column { width: 7%; text-align: center; } |
| 24 |
.postbox-ajdg textarea { border:1px solid #efefef; width:100%; margin:3px 0; padding:3px; } |
| 25 |
|
| 26 |
/* Banner styles */ |
| 27 |
.ajdg-notification.notice { padding: 0; margin: 5px 0 10px; border: 1px solid #E5E5E5; background: #FFF; overflow: hidden; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 1; min-height: 80px; display: table; } |
| 28 |
.ajdg-notification > div { display: table-cell; vertical-align: middle; cursor: default; } |
| 29 |
.ajdg-notification a { text-decoration: none; } |
| 30 |
.ajdg-notification-logo { background-color: #1fa4d1; background-repeat: no-repeat; background-position: 50% 50%; } |
| 31 |
.ajdg-notification-logo span { display: block; width: 80px; } |
| 32 |
.ajdg-notification-message { width: 100%; padding: 10px 20px; color: #444; } |
| 33 |
.ajdg-notification-message strong { color: #000; } |
| 34 |
.ajdg-notification-cta { border-left: 1px solid #E5E5E5; background: #F8F8F8; padding: 0 30px; position: relative; white-space: nowrap; } |
| 35 |
.wp-core-ui .ajdg-notification-cta a, .wp-core-ui .ajdg-notification-cta .button-primary:active { vertical-align: middle; } |
| 36 |
.ajdg-notification-dismiss { background: transparent; margin-left: 20px; border: 0; cursor: pointer; color: #BBB; text-decoration: none; } |
| 37 |
|
| 38 |
/* Dashboard grid */ |
| 39 |
.ajdg-box-wrap { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1em; width: 100%; max-width: 100%; margin: 0 auto; padding: 10px 0; } |
| 40 |
.ajdg-box-wrap.narrow { width:70%; max-width:70%; } |
| 41 |
@media (max-width: 782px) { |
| 42 |
.ajdg-box-wrap { grid-template-columns: 1fr; gap: 0.5em; padding: 0; } |
| 43 |
} |
| 44 |
/* -- Columns */ |
| 45 |
.ajdg-box-one { grid-column: span 3; } |
| 46 |
.ajdg-box-two { grid-column: span 6; } |
| 47 |
.ajdg-box-three { grid-column: span 9; } |
| 48 |
.ajdg-box-four { grid-column: span 12; } |
| 49 |
.ajdg-box-onethird { grid-column: span 4; } |
| 50 |
.ajdg-box-twothird { grid-column: span 8; } |
| 51 |
@media (max-width: 960px) { |
| 52 |
.ajdg-box-one, .ajdg-box-two, .ajdg-box-three, .ajdg-box-onethird, .ajdg-box-twothird { grid-column: span 6; } |
| 53 |
.ajdg-box-four { grid-column: span 12; } |
| 54 |
.ajdg-box-wrap.narrow { width: 100%; max-width: 100%; } |
| 55 |
} |
| 56 |
@media (max-width: 782px) { |
| 57 |
.ajdg-box-one, .ajdg-box-two, .ajdg-box-three, .ajdg-box-four, .ajdg-box-onethird, .ajdg-box-twothird { grid-column: span 12; } |
| 58 |
} |
| 59 |
/* -- Box and contents */ |
| 60 |
.ajdg-box { margin: 0; min-height: 100px; box-sizing: border-box; } |
| 61 |
.ajdg-box-title { padding-left: 4px; } |
| 62 |
.ajdg-box-content { margin-bottom: 20px; padding: 10px 20px 20px 20px; border-radius: 6px; border:#dfdfdf 1px solid; background-color:#fff; clear: both; position: relative; } |
| 63 |
.pro-image { padding:0px 10px 0px 0px; } |
| 64 |
.ajdg-photo { border-radius: 5px; } |
| 65 |
.ajdg-fullwidth { width: 100%; } |
| 66 |
.ajdg-inputfield { height: 28px; margin: 0 4px 0 0; } |
| 67 |
/* -- Sales box */ |
| 68 |
.ajdg-box-sale { padding: 0; } |
| 69 |
.ajdg-box-sale a { cursor: pointer; text-decoration: none; } |
| 70 |
.ajdg-box-sale a:hover { text-decoration: underline; } |
| 71 |
.ajdg-box-sale hr { margin: 0; background: #dadde1; border-width: 0; color: #dadde1; height: 1px; } |
| 72 |
.ajdg-box-sale img{ position: relative; height: auto; min-height: initial; width: 100%; } |
| 73 |
.ajdg-box-sale .title { margin: 8px 12px 2px 12px; text-align: center; font-size: 14px; line-height: 18px; font-weight: 600; } |
| 74 |
.ajdg-box-sale .sub_title{ margin: 5px 12px 10px 12px; text-align: center; font-size: 14px; font-weight: normal; } |
| 75 |
.ajdg-box-sale .description { font-size: 12px; text-align: left; margin: 12px; } |
| 76 |
.ajdg-box-sale .cta { margin: 8px 12px 12px 12px; text-align: center; } |
| 77 |
.ajdg-box-sale .cta_button { padding: 0; border: 1px solid #ccd0d5; border-radius: 4px; box-sizing: content-box; width: 100%; display: inline-block; background-color: #f5f6f7; position: relative; text-align: center; text-decoration: none; color: #4b4f56; font-size: 16px; font-weight:bold; line-height: 32px; vertical-align: middle; cursor: pointer; white-space: nowrap; } |
| 78 |
.ajdg-box-sale .cta_button:before { content:''; display: inline-block; height: 20px; vertical-align: middle; } |
| 79 |
.ajdg-box-sale .cta_button:hover { text-decoration: none; background-color: #ebedf0; } |
| 80 |
|
| 81 |
/* -- Icons */ |
| 82 |
.icn-rss { position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background: transparent 0 0 no-repeat; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNC4zMzIgMjQuMzMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNC4zMzIgMjQuMzMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgaWQ9ImM0MF9yc3MiPgoJCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zLjYwNywxNy4xMUMxLjYxOCwxNy4xMSwwLDE4LjcyNiwwLDIwLjcxN2MwLDEuOTg0LDEuNjE4LDMuNjA0LDMuNjA3LDMuNjA0czMuNjA3LTEuNjE5LDMuNjA3LTMuNjA0QzcuMjE0LDE4LjcyNiw1LjU5NiwxNy4xMSwzLjYwNywxNy4xMXoiLz4KCQk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMC4zNzUsNy45NTFDMC4xNjksNy45NTEsMCw4LjEyLDAsOC4zMjh2NC41NzhjMCwwLjIwNiwwLjE2OSwwLjM3NCwwLjM3NSwwLjM3NGM1Ljg3OSwwLDEwLjY2NSw0Ljc4NCwxMC42NjUsMTAuNjY1YzAsMC4yMDUsMC4xNjYsMC4zNzUsMC4zNzUsMC4zNzVoNC41ODFoMC4wMTZjMC4yMDksMCwwLjM3Ny0wLjE3LDAuMzc3LTAuMzc1bC0wLjAxOC0wLjExN0MxNi4zMDUsMTUuMDY0LDkuMTUyLDcuOTUxLDAuMzc1LDcuOTUxeiIvPgoJCTxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNC4zMTEsMjMuODI4QzI0LjI0NiwxMC42ODEsMTMuNTMxLDAuMDEsMC4zNzUsMC4wMUMwLjE2OSwwLjAxLDAsMC4xNzksMCwwLjM4N3Y0LjcxMWMwLDAuMjA3LDAuMTY5LDAuMzc1LDAuMzc1LDAuMzc1YzEwLjE4NiwwLDE4LjQ3Miw4LjI4NywxOC40NzIsMTguNDczYzAsMC4yMDUsMC4xNjgsMC4zNzUsMC4zNzMsMC4zNzVoNC43MTNoMC4wMmMwLjIwNSwwLDAuMzc5LTAuMTcsMC4zNzktMC4zNzVMMjQuMzExLDIzLjgyOHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4='); } |
| 83 |
|
| 84 |
/* Old dashboard styles (Used in some places in the edit dashboards) */ |
| 85 |
.ajdg-postbox-container { width: 49.5%; float: left; } |
| 86 |
.ajdg-postbox { margin: 0 8px; min-height: 100px; box-sizing: border-box; } |
| 87 |
.ajdg-postbox-content { margin-bottom: 20px; padding: 10px 20px 20px 20px; min-height: 40px; min-width:255px; border:#dfdfdf 1px solid; background-color:#fff; clear: both; position: relative; } |
| 88 |
|
| 89 |
/* Tooltips */ |
| 90 |
.ajdg-tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } |
| 91 |
.ajdg-tooltip-top { width: 150px; bottom: 100%; left: 50%; margin-left: -75px; /* Use half of the width */ } |
| 92 |
.ajdg-tooltip-bottom { width: 150px; top: 100%; left: 50%; margin-left: -75px; /* Use half of the width */ } |
| 93 |
.ajdg-tooltip-left { top: -5px; right: 105%; } |
| 94 |
.ajdg-tooltip-right { top: -5px; left: 105%; } |
| 95 |
.ajdg-tooltip .ajdg-tooltiptext { visibility: hidden; width: 150px; background-color: #23282d; color: #eee; text-align: center; border-radius: 6px; padding: 5px 8px; position: absolute; z-index: 100; } |
| 96 |
.ajdg-tooltip:hover .ajdg-tooltiptext { visibility: visible; } |
| 97 |
|
| 98 |
/* DatePicker */ |
| 99 |
.ui-datepicker { background: #f7f7f7; margin: 5px auto 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); } |
| 100 |
.ui-datepicker a { text-decoration: none; } |
| 101 |
.ui-datepicker table { width: 100%; } |
| 102 |
.ui-datepicker-header { background: #86c351; color: #fff; font-weight: bold; line-height: 30px; border: 0px; } |
| 103 |
.ui-datepicker-title { text-align: center; } |
| 104 |
.ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url('../images/date-arrow.png'); background-repeat: no-repeat; line-height: 600%; overflow: hidden; } |
| 105 |
.ui-datepicker-prev { float: left; background-position: center -30px; } |
| 106 |
.ui-datepicker-next { float: right; background-position: center 0px; } |
| 107 |
.ui-datepicker thead { background-color: #dfdfdf; border-bottom: 1px solid #bbb; } |
| 108 |
.ui-datepicker th { text-transform: uppercase; padding: 5px 0; color: #666666; } |
| 109 |
.ui-datepicker tbody td { padding: 0; border: 0px; } |
| 110 |
.ui-datepicker tbody tr { border-bottom: 0px; } |
| 111 |
.ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666666; } |
| 112 |
.ui-datepicker-calendar .ui-datepicker-today { border: 1px solid #86c351; border-radius: 5px; overflow: hidden; } |
| 113 |
.ui-datepicker-calendar .ui-state-default { background: #f7f7f7; } |
| 114 |
.ui-datepicker-calendar .ui-state-hover { background: #efefef; border-radius: 5px; } |
| 115 |
.ui-datepicker-calendar .ui-state-active { background: #86c351; color: #fff; border: 1px solid #e2f4d2; position: relative; margin: -1px; border-radius: 5px; } |
| 116 |
.ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } |
| 117 |
.ui-datepicker-calendar td:first-child .ui-state-active { width: 29px; margin-left: 0; } |
| 118 |
.ui-datepicker-calendar td:last-child .ui-state-active { width: 29px; margin-right: 0; } |
| 119 |
.ui-datepicker-calendar tr:last-child .ui-state-active { height: 29px; margin-bottom: 0; } |
| 120 |
|
