]>
jfr.im git - irc/freenode/web-7.0.git/blob - css/mock2.css
1 /* reset css for browser compat */
5 box-sizing: border-box
;
9 font-family: Verdana
, Helvetica
, sans-serif
;
18 background-color: white
;
26 border-bottom: 1px solid
#ccc;
32 /* navigation links */
38 list-style-type: none
;
42 text-decoration: none
;
49 transform: translate
(0, -25%); /* I have no idea how or why this works but it just does. */
50 cursor: pointer
; /* for pseudo-links to still feel like links */
55 margin: 51px 0 0; /* merged margins into one */
60 min-height: 100%; /* height is needed for some properties */
74 justify-content: center
;
82 text-decoration: none
;
86 border: 1px solid
#000;
88 background-color: #fff;
91 display: inline-block
;
93 .box:hover, .box:active {
94 background-color: #eee;
100 /* a big welcome for newcomers ;) */
104 border-bottom: 1px solid
#888;
107 background: rgb
(65,225,64); /* fallback */
108 background: rgba
(15, 75, 14, .6);
114 text-shadow: 0 3px 6px rgba
(0,0,0, 0.16), 0 3px 6px rgba
(0,0,0, 0.21);
116 box-shadow: 0 3px 5px rgba
(0,0,0, 0.36);
121 vertical-align: bottom
;
124 .welcome-big h1 { /* make this stand out */
133 vertical-align: middle
;
137 border: 1px solid
#666;
138 background-color: white
;
147 box-shadow: 0 3px 6px rgba
(0,0,0, 0.16), 0 3px 6px rgba
(0,0,0, 0.21);
152 vertical-align: middle
;
154 transform: translate
(0, 50%);
159 border-bottom: 1px solid
#eee;
180 text-decoration: none
;
188 background: #666; /* >:^) */
190 /* margin and padding are reset at line 1-5 */
202 } /* plz no justify ;_; */
205 text-decoration: none
;