StackLayout/stacklayout.css at master · Hlight/StackLayout · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
/*
* StackLayout by Campbell McGuiness
*
* http://stacklayout.com/
* http://twitter.com/stacklayout
* http://facebook.com/stacklayout
* http://decalcms.com/
* http://workingsoftware.com.au/
*
* This work is licensed under Creative Commons * Attribution-ShareAlike 3.0 Australia License * http://creativecommons.org/licenses/by-sa/3.0/au/
*
* Please retain this credit and let us know if you use StackLayout for inclusion on http://stacklayout.com/who.html
*
* cam@workingsoftware.com.au
*/

.stack,.stack1of2,.stack1of3,.stack2of3,.stack1of4,.stack3of4,.stack1of5,.stack2of5,.stack3of5,.stack4of5,.stackAuto,
/* add semantic class names here: */
.semanticClass
{
    display:inline-block;
    font-family:'Courier New',monospace;
    letter-spacing:-0.63em;
    text-align:center;
    vertical-align:top;
}
/* Opera Windows fix */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
head~body .stack,head~body .stack1of2,head~body .stack1of3,head~body .stack2of3,head~body .stack1of4,head~body .stack3of4,head~body .stack1of5,head~body .stack2of5,head~body .stack3of5,head~body .stack4of5,head~body .stackAuto,
/* add semantic class names here: */
.semanticClass
{
    word-spacing:-0.63em;
}
.stack
{
    position:relative;
}}

.stackContent
{
    display:block;
    letter-spacing:normal;
    word-spacing:normal;
    text-align:left;
}
.stackContent:after
{
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.stackAuto .stackContent
{
    text-align:center;
}
.stackAuto
{
    width:auto;
}
.stack
{
    width:100%;
    overflow:hidden;
}
.stack .stack
{
    overflow:visible;
}
.stack1of2
{
    width:50%;
}
.stack1of3
{
    width:33.334%;
}
.stack2of3
{
    width:66.667%;
}
.stack1of4
{
    width:25%;
}
.stack3of4
{
    width:75%;
}
.stack1of5
{
    width:20%;
}
.stack2of5
{
    width:40%;
}
.stack3of5
{
    width:60%;
}
.stack4of5
{
    width:80%;
}