]>
jfr.im git - uguu.git/blob - src/static/css/uguu.css
2 * Copyright (c) 2011, 2012, 2013 Twitter, Inc.
3 * Copyright (c) 2013, 2014 Peter Lejeck <peter.lejeck@gmail.com>
5 * Permission is hereby granted, free of charge, to any person obtaining a copy
6 * of this software and associated documentation files (the "Software"), to deal
7 * in the Software without restriction, including without limitation the rights
8 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 * copies of the Software, and to permit persons to whom the Software is
10 * furnished to do so, subject to the following conditions:
12 * The above copyright notice and this permission notice shall be included in
13 * all copies or substantial portions of the Software.
15 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
30 box-sizing: border-box
;
37 background-attachment: fixed
, fixed
;
38 background-color: #F7F7F7;
39 background-image: url
('grill.php'), url
('img/bg.png');
40 background-position: 85% 100%, top left
;
41 background-repeat: no-repeat
, repeat
;
43 font-family: "Helvetica Neue", Helvetica
, Arial
, sans-serif
;
64 input
[type
=image
], img
{
65 vertical-align: middle
;
70 text-decoration: none
;
71 transition: color
0.25s;
79 outline: thin dotted
#333;
88 transition: width
0.5s, height
0.5s, margin
0.5s, padding
0.5s;
98 text-rendering: optimizelegibility
;
105 transition: font-size
0.5s;
108 background: rgba
(202, 230, 190, 0.75);
109 border: 1px solid
#B7D1A0;
113 display: inline-block
;
116 text-shadow: 0 1px rgba
(255, 255, 255, 0.5);
117 transition: background-color
0.25s, width
0.5s, height
0.5s;
119 .jumbotron
.btn:hover
,
120 .jumbotron
.btn:active
,
121 .jumbotron
.btn:focus
,
122 .jumbotron .btn.drop {
123 background-color: rgb
(188, 228, 170);
124 text-decoration: none
;
131 background-color: #FCF8E3;
132 border: 1px solid
#FBEED5;
136 text-shadow: 0px 1px rgba
(255, 255, 255, 0.5);
137 transition: width
0.5s, margin
0.5s, padding
0.5s, background-color
0.5s;
140 background-color: #F2DEDE;
141 border-color: #EED3D7;
145 background-color: #D9EDF7;
146 border-color: #BCE8F1;
160 display: inline-block
;
162 background: hsl
(0, 0%, 95%);
164 padding: 3px 8px 3px 24px;
166 color: hsl
(0, 0%, 25%);
167 border: 1px solid hsl
(0, 0%, 85%);
172 border: 1px solid hsl
(0, 0%, 70%);
173 background-color: hsl
(0, 0%, 80%);
184 background-image: url
('img/paypal.png');
187 background-image: url
('img/bitcoin.png');
190 background-image: url
('img/flattr.png');
193 background-image: url
('img/kofi.png');
207 display: inline-block
;
212 nav
> ul
> li:after
{
217 nav
> ul
> li:last-child:after
{
228 list-style-type: none
;
233 .error#upload-filelist {
236 button
.upload-clipboard-btn
{
240 .error#upload-filelist .progress-percent {
243 .error#upload-filelist .file-progress {
246 #upload-filelist > li
{
250 #upload-filelist > li
.total
{
251 border-top: 1px solid rgba
(0, 0, 0, 0.05);
259 text-overflow: ellipsis
;
264 display: inline-block
;
268 vertical-align: middle
;
281 /* Reset the default appearance */
282 -webkit-appearance: none
;
283 -moz-appearance: none
;
290 progress
[value
]::-webkit-progress-bar
{
291 background-color: #eee;
293 box-shadow: 0 2px 5px rgba
(0,0,0,0.25) inset
;
297 .completed
.file-progress
,
298 .completed .progress-percent {
301 .completed .file-url {
309 background-color: rgba
(255, 255, 255, 0.8);
310 border: 1px solid white
;
312 box-shadow: 0 0 0 1px black
;
314 display: inline-block
;
320 vertical-align: middle
;
324 background-color: black
;
333 @media only screen and
(max-device-width: 320px), only screen and
(max-width: 400px) {
343 .jumbotron .btn, .alert, #upload-filelist {
353 background-color: rgba
(255, 255, 255, 0.75);
356 #upload-filelist > li
.file
{
363 .file-name, .file-url {
368 text-decoration: underline
;
378 background-color: rgba
(248, 223, 223, 0.75);
381 background-color: rgba
(255, 255, 255, 0.75);
395 .js input[type="submit"]{
399 display: inline-block
!important
;