PluginProbe
Image Source Control Lite – Show Image Credits and Captions / trunk
Image Source Control Lite – Show Image Credits and Captions vtrunk
3.12.0 3.11.0 trunk 1.1 1.1.1 1.1.2 1.1.2.1 1.1.3 1.10 1.10.1 1.10.2 1.10.3 1.10.4 1.10.5 1.2 1.2.0.1 1.2.0.2 1.2.0.3 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.4.1 1.3.5 All 110 releases
image-source-control-isc / admin / assets / css / isc.css

isc.css in Image Source Control Lite – Show Image Credits and Captions trunk, at admin/assets/css/isc.css

209 lines 4.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * PAGE HEADER
3 */
4 /**
5 * Branded Page Header
6 */
7 #isc-header {
8 display: flex;
9 justify-content: space-between;
10 border-bottom: 1px solid #c3c4c7;
11 padding: 22px 0px;
12 margin-left: -20px;
13 background: #fff;
14 }
15
16 #isc-header-wrapper {
17 display: flex;
18 justify-content: space-between;
19 }
20
21 #isc-header img {
22 display: inline;
23 margin: 0;
24 margin-left: 20px;
25 }
26
27 #isc-header h1 {
28 display: inline;
29 margin: 0 20px 0 0;
30 font-weight: 300;
31 margin-left: 10px;
32 line-height: 30px;
33 vertical-align: top;
34 }
35
36 #isc-header .header-action {
37 margin-left: 10px;
38 border: 1px solid #1B183A;
39 font-weight: 400;
40 color: #1B183A;
41 background: #fff;
42 }
43
44 #isc-header .header-action .dashicons {
45 line-height: 30px;
46 margin-left: -5px;
47 padding-right: 5px;
48 }
49
50 #isc-header #isc-header-links {
51 margin-right: 20px;
52 }
53
54 #isc-header-links a {
55 display: inline-block;
56 padding: .5em .75em;
57 border-radius: .5em;
58 color: #FFF;
59 background-color: #0080FF;
60 margin-left: 1em;
61 text-decoration: none;
62 }
63
64 #isc-header-links a.isc-get-pro {
65 background-color: #F70;
66 font-weight: bold;
67 }
68
69 /**
70 * SETTINGS
71 */
72 .isc-settings-highlighted label { font-weight: bold; }
73 .isc-settings-highlighted .isc-empty-label { margin-left: 1.7em; }
74 .isc-settings-highlighted .description { margin-left: 1.7em; margin-bottom: .5em; }
75 #isc-settings-licenses textarea { width: 40em; height: 7em; }
76 #isc-section-wrapper .hndle { cursor: text; user-select: all; }
77 #isc-section-wrapper .postbox-header .dashicons-no-alt { cursor: pointer; margin-right: 8px; }
78 #thumbnail-size-select { vertical-align: baseline;}
79
80 #isc-settings-caption-position-options-wrapper:not(.hidden) {
81 display: flex;
82 align-items: flex-start;
83 position: relative;
84 }
85
86 #isc-settings-caption-pos-options {
87 display: flex;
88 flex-wrap: wrap;
89 justify-content: space-between;
90 width: 100px;
91 margin-bottom: 20px;
92 }
93
94 #isc-settings-caption-pos-options button {
95 background: rgba(241, 241, 241, 0.7); /* #f1f1f1 with 70% opacity */
96 flex-basis: calc(100% / 3);
97 height: 25px;
98 border: none;
99 padding: 0;
100 margin: 0;
101 font-size: 4px;
102 cursor: pointer;
103 text-align: center;
104 box-sizing: border-box;
105 }
106
107 #isc-settings-caption-pos-options button.center {
108 flex-basis: 100%; /* the center button takes the whole width */
109 }
110
111 #isc-settings-caption-pos-options button.selected {
112 background: transparent;
113 }
114
115 #isc-settings-caption-pos-options button span::before {
116 content: "";
117 display: inline-block;
118 width: 14px;
119 height: 4px;
120 line-height: 4px;
121 background-color: #fff;
122 box-shadow: -2px -2px 0 #000,
123 2px -2px 0 #000,
124 -2px 2px 0 #000,
125 2px 2px 0 #000;
126 }
127
128 #isc-settings-caption-pos-options button:not(.selected) span {
129 background: transparent;
130 opacity: .5;
131 }
132
133 #isc-settings-caption-preview {
134 position: absolute;
135 top: 0;
136 left: 120px;
137 }
138
139 #isc-settings-caption-preview iframe {
140 border: 1px solid #ddd;
141 }
142
143 #source-pretext-buttons:not(.hidden) {
144 display: inline-block;
145 }
146 #source-pretext-buttons button {
147 background: none;
148 border: none;
149 cursor: pointer;
150 color: #333;
151 font-size: 16px;
152 }
153
154 #source-pretext-buttons button {
155 color: #000;
156 }
157
158 .isc-settings-ai-images-icons {
159 list-style: none;
160 margin: 0;
161 padding: 0;
162 }
163
164 .isc-settings-ai-images-icons li {
165 display: flex;
166 align-items: center;
167 gap: 8px;
168 margin-bottom: 6px;
169 }
170
171 .isc-settings-ai-images-icons li:first-of-type{
172 margin-bottom: 5px;
173 }
174
175 .isc-settings-ai-images-icons li:first-of-type .isc-ai-label-icon {
176 height: 1.9em;
177 margin-left: 0.25em;
178 }
179
180 .isc-settings-ai-images-icons .isc-ai-label-icon {
181 display: block;
182 width: auto;
183 height: 1.5em;
184 flex: none;
185 }
186
187 /**
188 * Meta field in media view
189 */
190 .compat-attachment-fields input[type="text"] { width: 100%; }
191 .compat-attachment-fields th { vertical-align: top; }
192
193 /**
194 * Tables
195 */
196 .isc-table tr:hover { background-color: #ddd;}
197
198 /**
199 * SOURCES PAGE
200 */
201 .isc-table:not(.isc-table-debug-list) thead th:first-of-type { width: 20%; }
202 .isc-table-debug-list th { width: 50%; }
203 .isc-table img.attachment-60x60 { width: 60px; height: auto; }
204 #isc-section-wrapper .isc-table { border: 0; }
205
206 /**
207 + Miscellaneous
208 */
209 .isc-get-pro { font-weight: bold; color: #F70; }