8-support.html - bitreich-www - the bitreich www website generator | |
git clone git://bitreich.org/bitreich-www/ git://enlrupgkhuxnvlhsf6lc3fziv5h2hh… | |
Log | |
Files | |
Refs | |
Tags | |
--- | |
8-support.html (2098B) | |
--- | |
1 <style type="text/css"> | |
2 #support { | |
3 width: 400px; | |
4 color: black; | |
5 height: 400px; | |
6 margin-left: auto; | |
7 margin-right: auto; | |
8 background-color: yellow; | |
9 line-height: 40px; | |
10 opacity: 0.8; | |
11 text-align: center; | |
12 font-size:1.3em; | |
13 font-weight: bold; | |
14 border: 10px solid pink; | |
15 -moz-border-radius: 15px; | |
16 border-radius: 50px; | |
17 } | |
18 | |
19 #support-a { | |
20 text-decoration: none; | |
21 color: black; | |
22 } | |
23 | |
24 #speech-bubble { | |
25 position: relative; | |
26 width: 200px; | |
27 height: 100px; | |
28 text-align: center; | |
29 line-height: 100px; | |
30 background-color: #fff; | |
31 border: 8px solid #666; | |
32 -webkit-border-radius: 30px; | |
33 -moz-border-radius: 30px; | |
34 border-radius: 30px; | |
35 -webkit-box-shadow: 2px 2px 4px #888; | |
36 -moz-box-shadow: 2px 2px 4px #888; | |
37 box-shadow: 2px 2px 4px #888; | |
38 animation: blinker 1s linear infinite; | |
39 color: red; | |
40 } | |
41 | |
42 @keyframes blinker { | |
43 50% { | |
44 opacity: 0; | |
45 } | |
46 } | |
47 | |
48 #speech-bubble:before { | |
49 content: ' '; | |
50 position: absolute; | |
51 width: 0; | |
52 height: 0; | |
53 left: 30px; | |
54 top: 100px; | |
55 border: 25px solid; | |
56 border-color: #666 transparent transparent #666; | |
57 } | |
58 | |
59 #speech-bubble:after { | |
60 content: ' '; | |
61 position: absolute; | |
62 width: 0; | |
63 height: 0; | |
64 left: 38px; | |
65 top: 100px; | |
66 border: 15px solid; | |
67 border-color: #fff transparent transparent #fff; | |
68 } | |
69 | |
70 .ascii { | |
71 font-family: monospace; | |
72 line-height: 20px; | |
73 text-align: left; | |
74 white-space: pre; | |
75 } | |
76 | |
77 .center { | |
78 width: 100px; | |
79 margin-left: auto; | |
80 margin-right: auto; | |
81 } | |
82 | |
83 .right { | |
84 width: 100px; | |
85 margin-left: auto; | |
86 margin-right: 2px; | |
87 } | |
88 </style> | |
89 | |
90 <a id="support-a" href="ircs://irc.bitreich.org:6697/#bitreich-en"> | |
91 <div id="support"> | |
92 <p id="speech-bubble" class="right"><blink>❤ I love you! ❤</… | |
93 <pre class="ascii center"> | |
94 ________ | |
95 (_]----[_) | |
96 .~|.''.| | |
97 ~.|'..'| | |
98 `~`----` ldb | |
99 </pre> | |
100 <p>Bitreich Support</p> | |
101 <span>24/7 Sanity Support</span> | |
102 </div> | |
103 </a> | |
104 |