Unified Diff: design/input.css
Issue 8560083:
adblockplusopera: Port UI code from Chrome (Closed)
Patch Set:
Created Oct. 12, 2012, 1:11 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« background.js ('K')
|
« design/header.css ('k')
|
design/notify.css » ('j')
|
i18n.js » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: design/input.css |
| =================================================================== |
| deleted file mode 100644 |
| --- a/design/input.css |
| +++ /dev/null |
| @@ -1,67 +0,0 @@ |
| -textarea { |
| - width: 100%; |
| - height: 150px; |
| -} |
| -input, textarea, select, button { |
| - text-shadow: 0px 1px 0px #fff; |
| - outline: none; |
| - border-radius: 3px; |
| - border: 0px solid #717171; |
| - margin: 4px; |
| - margin-bottom: 5px; |
| - min-height: 12px; |
| - transition: background 0.6s ease-in, box-shadow 0.8s ease-in; |
| - box-shadow: 0px 0px 3px 1px #33D; |
| - background: #EEF; |
| -} |
| -input:hover, textarea:hover, select:hover, button:hover { |
| - box-shadow: 0px 0px 12px 1px #22A; |
| - background: #EEF; |
| -} |
| -input, textarea, select { |
| - padding: 1px; |
| -} |
| -.button_parent { |
| - text-align: center; |
| -} |
| -button { |
| - width: 40%; |
| - text-align: center; |
| - padding: 4px; |
| -} |
| -button:active { |
| - box-shadow: 0px 0px 12px 1px #3D3; |
| - background: #EFE; |
| -} |
| -input[type="text"] { |
| - width: 100%; |
| -} |
| -input[type="checkbox"], input[type="radio"] { |
| - box-shadow: 0px 0px 3px 1px #D33; |
| - background: #FEE; |
| -} |
| -input[type="checkbox"]:hover, input[type="radio"]:hover { |
| - box-shadow: 0px 0px 12px 1px #A22; |
| - background: #FEE; |
| -} |
| -input[type="checkbox"]:checked, input[type="radio"]:checked { |
| - box-shadow: 0px 0px 3px 1px #3D3; |
| - background: #EFE; |
| -} |
| -input[type="checkbox"]:checked:hover, input[type="radio"]:checked:hover { |
| - box-shadow: 0px 0px 12px 1px #2A2; |
| - background: #EFE; |
| -} |
| -label > input[type="checkbox"] + span, label > input[type="radio"] + span { |
| - transition: color 0.6s ease-in; |
| - color: #777; |
| -} |
| -label > input[type="checkbox"]:checked + span, label > input[type="radio"]:checked + span { |
| - color: #000; |
| -} |
| -label > input[type="checkbox"] ~ i { |
| - display:none; |
| -} |
| -label > input[type="checkbox"]:checked ~ i { |
| - display:inline; |
| -} |
