File: css/style.css

Recommend this page to a friend!
  Classes of Andras Toth   Automatic Actions Management   css/style.css   Download  
File: css/style.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Automatic Actions Management
Chrome extension to automate actions on pages
Author: By
Last change: Update of css/style.css
Date: 2 years ago
Size: 5,784 bytes
 

Contents

Class file image Download
body { margin: 0; position: absolute; text-align: center; color: lightslategray; font-family: monospace; width: 100%; height: 100%; } .btn { font-family: inherit; outline-style: none; box-shadow: none; border-color: transparent; color: #FFFFFF; display: inline-block; border-radius: 4px; border: none; text-align: center; font-size: 12px; padding: 10px; width: 200px; transition: all 0.18s ease; cursor: pointer; margin: 5px; } .btn-orange { box-shadow: 2px 2px 2px rgba(2, 2, 2, 0.22); background-color: rgba(224, 157, 0, 0.75); } .btn-orange:active { box-shadow: inset 2px 2px 2px rgba(2, 2, 2, 0.22); background-color: rgba(224, 157, 0, 1); } .btn-blue { box-shadow: 2px 2px 2px rgba(2, 2, 2, 0.22); background-color: rgba(9, 30, 132, 0.75); } .btn-blue:active { box-shadow: inset 2px 2px 2px rgba(2, 2, 2, 0.22); background-color: rgba(9, 30, 132, 1); } .btn-default { box-shadow: 0 0 0; background-color: rgba(211, 211, 211, 0.55); color: gray; } .btn-default:active { box-shadow: inset 2px 2px 2px rgba(2, 2, 2, 0.22); background-color: rgba(211, 211, 211, 1); } .btn-green { box-shadow: 2px 2px 2px rgba(2, 2, 2, 0.22); background-color: rgba(9, 132, 24, 0.75); } .btn-green:active { box-shadow: inset 2px 2px 2px rgba(2, 2, 2, 0.22); background-color: rgba(9, 132, 24, 1); } table a:link { color: #666; font-weight: bold; text-decoration: none; } table a:visited { color: #999999; font-weight: bold; text-decoration: none; } table a:active, table a:hover { color: #bd5a35; text-decoration: underline; } table { margin: 10px; color: #666; font-size: 12px; width: calc(100% - 20px); border: #ccc 1px solid; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } table th { padding: 21px 25px 22px 25px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #ededed; background: -moz-linear-gradient(top, #ededed, #ebebeb); } table th { text-shadow: 1px 1px 0px #fff; text-align: left; padding-left: 20px; } table tr:first-child th:first-child { -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } table tr:first-child th:last-child { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } table tr { text-align: center; padding-left: 20px; } table td:first-child { text-align: left; padding-left: 20px; border-left: 0; border-bottom: 0; } table td { color: gray; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 18px; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); } table td input, table td select { font-family: inherit; padding: 5px; border: 0; width: calc(100% - 20px); } table tr[data-enabled="true"] > td { color: darkslategray; background: rgba(144, 238, 144, 0.50); } table tr[data-enabled="true"] > td input, table tr[data-enabled="true"] > td select { color: darkslategray; background: rgba(144, 238, 144, 0.50); } table tr[data-enabled="false"] > td { background: rgba(240, 128, 128, 0.25); } table tr[data-enabled="false"] > td input, table tr[data-enabled="false"] > td select { background: rgba(240, 128, 128, 0.20); } table tr:last-child td { border-bottom: 0; } table tr:last-child td:first-child { border-bottom-left-radius: 3px; } table tr:last-child td:last-child { -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .remove-item, .remove-item * { opacity: 0; } .img-on, .img-off, .img-delete { cursor: pointer; vertical-align: bottom; } table tbody tr, table tbody tr td, table tbody tr td input, table tbody tr td select { padding: 5px; transition: background-color 0.5s, color 0.5s, transform 0.5s, opacity 0.5s ease; } #settings-table { height: 75%; text-align: center; overflow: auto; } .img-on { content: url(images/power-on.png); } .img-off { content: url(images/power-off.png); } .img-delete { content: url(images/remove.png); } h1 { display: inline-flex; } h1 span { bottom: 10px; margin-bottom: auto; margin-top: auto; margin-left: 10px; margin-right: 10px; } h1 .aam-icon { width: 48px; height: 48px; content: url(images/icon128.png); } h1 .red-icon { z-index: -1; content: url('images/icon128.png'); opacity: .2; position: absolute; width: 100%; height: 48px; } .input-popup-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(128, 128, 128, 0.43); opacity: 0; transition: opacity 0.5s ease; } .input-popup { display: inline-block; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; background-color: rgba(255, 255, 255, 0.6); box-shadow: rgba(86, 86, 86, 0.5) 3px 3px 10px 5px; } .input-popup h1 { text-align: left; display: inline-block; width: calc(100% - 40px); margin: 10px; padding: 10px; background-color: whitesmoke; } .input-popup span { display: inline-block; float: left; } .input-popup input { padding: 4px; float: right; width: 70%; line-height: 1; } .input-popup textarea { white-space: pre; height: calc(100% - 140px); width: calc(100% - 40px); max-height: calc(100% - 140px); max-width: calc(100% - 40px); padding: 10px; background-color: whitesmoke; }