Ubuntu

­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­ /* Cookie Notice settings */ .cookie-notice-credits { float: right; width: 280px; background: #fff; margin: 20px -300px 20px 20px; position: relative; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); } .cookie-notice-credits .inner { padding: 1.33em; } .cookie-notice-credits .inner img { max-width: 80%; height: auto; display: block; margin: 20px auto; } .cookie-notice-settings .cookie-notice-credits h2 { border: none; padding-bottom: 0; } .cookie-notice-credits .inner { text-align: center; margin-bottom: 10px; } .cookie-notice-credits .cn-btn { border-radius: 3em; padding: 0.75em 2.5em; box-shadow: none; border: 2px solid #20C19E; outline: none; background: #20C19E; font-size: 15px; font-weight: bold; color: #fff; cursor: pointer; display: inline-block; text-decoration: none; } .cookie-notice-credits .cn-btn:hover, .cookie-notice-credits .cn-btn:focus { box-shadow: none; border: 2px solid #20C19E; background: #20C19E; color: #fff; text-decoration: none !important; } .cookie-notice-credits h3 { font-size: 14px; line-height: 1.4; margin: 0; padding: 0.66em 1.33em;; border-bottom: 1px solid #eee; } .cookie-notice-settings .df-credits form { min-width: 260px; margin-bottom: 1em; } .cookie-notice-settings .df-credits form input { margin: 0; padding: 0; } .cookie-notice-settings { margin-right: 300px; } .cookie-notice-settings hr, .df-credits hr { border: solid #eee; border-width: 1px 0 0; clear: both; height: 0; } .cookie-notice-settings h2 { margin: 1.5em 0; padding-bottom: 1em; border-bottom: 1px solid #ccc; } .cookie-notice-settings form { float: left; min-width: 463px; width: 100%; } .cookie-notice-settings .ui-button { margin-bottom: 5px; } .cookie-notice-settings .description { font-size: 13px; margin-bottom: 8px; } .cookie-notice-settings .description strong { color: #444; } #cn_colors label { min-width: 10em; display: inline-block; } #cn_colors div { vertical-align: middle; } #cn_refuse_code .nav-tab-wrapper { padding-top: 0; } #cn_refuse_code .refuse-code-tab { display: none; } #cn_refuse_code .refuse-code-tab.active { display: block; } #cn_refuse_code .refuse-code-tab .description { margin-top: 10px; } .cn_compliance_status { margin-right: 15px; } #cn_app_status .cn_compliance_status label { margin-left: 5px !important; } #cn_app_status { margin-bottom: 30px; } #cn_app_status label { text-transform: uppercase; font-weight: bold; position: relative; color: #999; } #cn_app_status label.cn-active { color: green; } #cn_app_status label.cn-active:before { background-color: green; box-shadow: 0 0 0 2px green; } #cn_app_status label.cn-inactive { color: red; } #cn_app_status label.cn-inactive:before { background-color: red; box-shadow: 0 0 0 2px red; } #cn_app_status label:before{ background-color: #999; width: 10px; height: 10px; border-radius: 10px; content: ''; display: inline-block; vertical-align: middle; margin-right: 10px; box-shadow: 0 0 0 2px #999; border: 2px solid #fff; position: relative; top: -2px; } #cn_colors_bar_opacity_range { vertical-align: middle; margin-right: 10px; } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 959px) { .cookie-notice-credits { width: 100%; float: none; margin: 20px 0; } .cookie-notice-settings { margin-right: 0; } }