| @@ -37,37 +37,48 @@ | ||
| 37 | 37 | fieldset.bogo-locale-options label.bogo-locale-option input[type="checkbox"] { |
| 38 | 38 | width: 16px; |
| 39 | 39 | } |
| 40 | 40 | |
| 41 | -/* Bogo Tools */ | |
| 41 | +/* Available Languages */ | |
| 42 | 42 | |
| 43 | -#translations tr.active th, #translations tr.active td { | |
| 44 | - background-color: #f7fcfe; | |
| 43 | +#bogo-languages-table { | |
| 44 | + margin-top: 20px; | |
| 45 | 45 | } |
| 46 | 46 | |
| 47 | -#translations tr.active th { | |
| 48 | - border-left: 4px solid #00a0d2; | |
| 47 | +#bogo-languages-table tbody th, | |
| 48 | +#bogo-languages-table tbody td { | |
| 49 | + box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset; | |
| 50 | + padding: 10px; | |
| 49 | 51 | } |
| 50 | 52 | |
| 51 | -#translations th { | |
| 53 | +#bogo-languages-table tbody th { | |
| 52 | 54 | width: 2em; |
| 53 | - border-left: 4px solid #fff; | |
| 55 | + border-left: 0; | |
| 56 | + padding-left: 16px; | |
| 54 | 57 | } |
| 55 | 58 | |
| 56 | -#translations th, #translations td { | |
| 57 | - box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) inset; | |
| 58 | - padding: 8px 10px 4px; | |
| 59 | +#bogo-languages-table tbody tr.active th, | |
| 60 | +#bogo-languages-table tbody tr.active td { | |
| 61 | + background-color: #f7fcfe; | |
| 59 | 62 | } |
| 60 | 63 | |
| 61 | -#translations td p { | |
| 62 | - margin: 4px 0 8px; | |
| 64 | +#bogo-languages-table tbody tr.active th { | |
| 65 | + border-left: 4px solid #00a0d2; | |
| 66 | + padding-left: 12px; | |
| 63 | 67 | } |
| 64 | 68 | |
| 65 | -#translations td strong { | |
| 69 | +#bogo-languages-table tbody tr:last-child td, | |
| 70 | +#bogo-languages-table tbody tr:last-child th { | |
| 71 | + border-bottom: none; | |
| 72 | + box-shadow: none; | |
| 73 | +} | |
| 74 | + | |
| 75 | +#bogo-languages-table tbody td strong { | |
| 66 | 76 | font-size: 110%; |
| 67 | 77 | } |
| 68 | 78 | |
| 69 | -#translations a.install, #translations a.activate { | |
| 79 | +#bogo-languages-table tbody a.install, | |
| 80 | +#bogo-languages-table tbody a.activate { | |
| 70 | 81 | border: 1px solid #0074a2; |
| 71 | 82 | background: #d4eefe; |
| 72 | 83 | border-radius: 4px; |
| 73 | 84 | padding: 0 4px; |
| @@ -75,26 +86,51 @@ | ||
| 75 | 86 | font-size: 90%; |
| 76 | 87 | margin-left: .4em; |
| 77 | 88 | } |
| 78 | 89 | |
| 79 | -#translations a.install:active, #translations a.install:hover, | |
| 80 | -#translations a.activate:active, #translations a.activate:hover { | |
| 90 | +#bogo-languages-table tbody a.install:active, | |
| 91 | +#bogo-languages-table tbody a.install:hover, | |
| 92 | +#bogo-languages-table tbody a.activate:active, | |
| 93 | +#bogo-languages-table tbody a.activate:hover { | |
| 81 | 94 | border: 1px solid #2ea2cc; |
| 82 | 95 | } |
| 83 | 96 | |
| 84 | -#translations div.status { | |
| 97 | +#bogo-languages-table tbody div.status { | |
| 85 | 98 | color: #ddd; |
| 86 | 99 | } |
| 87 | 100 | |
| 88 | -#translations div.status span.status { | |
| 101 | +#bogo-languages-table tbody div.status span.status { | |
| 89 | 102 | color: #555; |
| 90 | 103 | } |
| 91 | 104 | |
| 92 | -#translations div.status a.delete, | |
| 93 | -#translations div.status a.deactivate { | |
| 105 | +#bogo-languages-table tbody div.status a.delete, | |
| 106 | +#bogo-languages-table tbody div.status a.deactivate { | |
| 94 | 107 | color: #a00; |
| 95 | 108 | } |
| 96 | 109 | |
| 97 | -#translations div.status a.delete:hover, | |
| 98 | -#translations div.status a.deactivate:hover { | |
| 110 | +#bogo-languages-table tbody div.status a.delete:hover, | |
| 111 | +#bogo-languages-table tbody div.status a.deactivate:hover { | |
| 99 | 112 | color: #f00; |
| 113 | +} | |
| 114 | + | |
| 115 | +/* Post */ | |
| 116 | + | |
| 117 | +ul#bogo-translations li { | |
| 118 | + list-style-type: disc; | |
| 119 | + margin-left: 1.4em; | |
| 120 | +} | |
| 121 | + | |
| 122 | +#bogo-translations-to-add { | |
| 123 | + width: 100%; | |
| 124 | +} | |
| 125 | + | |
| 126 | +#bogo-add-translation-actions span.spinner, | |
| 127 | +#bogo-add-translation-actions button { | |
| 128 | + float: left; | |
| 129 | +} | |
| 130 | + | |
| 131 | +/* Admin Bar */ | |
| 132 | + | |
| 133 | +#wpadminbar #wp-admin-bar-bogo-user-locale .ab-icon::before { | |
| 134 | + content: "\f326"; | |
| 135 | + top: 2px; | |
| 100 | 136 | } |
