]> git.scottworley.com Git - picsort/blob - picsorter.css
'c' to Call a picture something or Change its name
[picsort] / picsorter.css
1 @-webkit-keyframes fadeOut {
2 from { opacity: 1; }
3 to { opacity: 0; }
4 }
5 @keyframes fadeOut {
6 from { opacity: 1; }
7 to { opacity: 0; }
8 }
9
10 #message {
11 position: fixed;
12 font-size: 18pt;
13 margin: 2em;
14 border-radius: 10px;
15 padding: .3em;
16 color: white;
17 font-weight: bold;
18 font-family: sans-serif;
19 background-color: rgba(200,200,200,0.5);
20 }
21
22 #namecontainer {
23 position: fixed;
24 width: 100%;
25 }
26 #name {
27 display: block;
28 margin-left: auto;
29 margin-right: auto;
30 font-size: 30pt;
31 }
32
33 .fade {
34 opacity: 0;
35 animation-duration: 2s;
36 animation-name: fadeOut;
37 -webkit-animation-duration: 2s;
38 -webkit-animation-name: fadeOut;
39 }
40
41 .fit_view {
42 max-width: 100%;
43 max-height: 100%;
44 }