Side by Side Diff: design/input.css
Issue 8560083:
adblockplusopera: Port UI code from Chrome (Closed)
Patch Set:
Created Oct. 12, 2012, 1:11 p.m.
| Left: | ||
| Right: |
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')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| (Empty) | |
| 1 textarea { | |
| 2 width: 100%; | |
| 3 height: 150px; | |
| 4 } | |
| 5 input, textarea, select, button { | |
| 6 text-shadow: 0px 1px 0px #fff; | |
| 7 outline: none; | |
| 8 border-radius: 3px; | |
| 9 border: 0px solid #717171; | |
| 10 margin: 4px; | |
| 11 margin-bottom: 5px; | |
| 12 min-height: 12px; | |
| 13 transition: background 0.6s ease-in, box-shadow 0.8s ease-in; | |
| 14 box-shadow: 0px 0px 3px 1px #33D; | |
| 15 background: #EEF; | |
| 16 } | |
| 17 input:hover, textarea:hover, select:hover, button:hover { | |
| 18 box-shadow: 0px 0px 12px 1px #22A; | |
| 19 background: #EEF; | |
| 20 } | |
| 21 input, textarea, select { | |
| 22 padding: 1px; | |
| 23 } | |
| 24 .button_parent { | |
| 25 text-align: center; | |
| 26 } | |
| 27 button { | |
| 28 width: 40%; | |
| 29 text-align: center; | |
| 30 padding: 4px; | |
| 31 } | |
| 32 button:active { | |
| 33 box-shadow: 0px 0px 12px 1px #3D3; | |
| 34 background: #EFE; | |
| 35 } | |
| 36 input[type="text"] { | |
| 37 width: 100%; | |
| 38 } | |
| 39 input[type="checkbox"], input[type="radio"] { | |
| 40 box-shadow: 0px 0px 3px 1px #D33; | |
| 41 background: #FEE; | |
| 42 } | |
| 43 input[type="checkbox"]:hover, input[type="radio"]:hover { | |
| 44 box-shadow: 0px 0px 12px 1px #A22; | |
| 45 background: #FEE; | |
| 46 } | |
| 47 input[type="checkbox"]:checked, input[type="radio"]:checked { | |
| 48 box-shadow: 0px 0px 3px 1px #3D3; | |
| 49 background: #EFE; | |
| 50 } | |
| 51 input[type="checkbox"]:checked:hover, input[type="radio"]:checked:hover { | |
| 52 box-shadow: 0px 0px 12px 1px #2A2; | |
| 53 background: #EFE; | |
| 54 } | |
| 55 label > input[type="checkbox"] + span, label > input[type="radio"] + span { | |
| 56 transition: color 0.6s ease-in; | |
| 57 color: #777; | |
| 58 } | |
| 59 label > input[type="checkbox"]:checked + span, label > input[type="radio"]:chec ked + span { | |
| 60 color: #000; | |
| 61 } | |
| 62 label > input[type="checkbox"] ~ i { | |
| 63 display:none; | |
| 64 } | |
| 65 label > input[type="checkbox"]:checked ~ i { | |
| 66 display:inline; | |
| 67 } | |
| OLD | NEW |
