3 Jappix - An open social platform
4 This is the page-switch CSS stylesheet for Jappix
6 -------------------------------------------------
10 Last revision: 22/05/11
37 #page-switch .more-button {
38 background-position: 6px -1372px;
39 background-color: #d9e7ea;
44 text-decoration: none;
46 -moz-border-radius: 2px;
47 -webkit-border-radius: 2px;
50 #page-switch .more-content {
51 background-color: #d9e7ea;
56 margin: -2px 0 0 -181px;
59 border-top-left-radius: 3px;
60 border-bottom-left-radius: 3px;
61 border-bottom-right-radius: 3px;
62 -moz-border-radius-topleft: 3px;
63 -moz-border-radius-bottomleft: 3px;
64 -moz-border-radius-bottomright: 3px;
65 -webkit-border-top-left-radius: 3px;
66 -webkit-border-bottom-left-radius: 3px;
67 -webkit-border-bottom-right-radius: 3px;
70 #page-switch .switcher {
71 background-color: #d9e7ea;
74 padding: 5px 10px 5px 5px;
78 border-top-right-radius: 3px;
79 border-top-left-radius: 3px;
80 -moz-border-radius-topright: 3px;
81 -moz-border-radius-topleft: 3px;
82 -webkit-border-top-right-radius: 3px;
83 -webkit-border-top-left-radius: 3px;
86 #page-switch .more-content .switcher {
87 background-color: #d9e7ea;
92 -moz-border-radius: 0;
93 -webkit-border-radius: 0;
96 #page-switch .more-content .switcher .exit {
100 #page-switch .more-button:hover,
101 #page-switch .more-button:focus,
102 #page-switch .switcher:hover,
103 #page-switch .switcher:focus,
104 #page-switch .more-content .switcher:hover,
105 #page-switch .more-content .switcher:focus {
106 background-color: #cedee1;
110 #page-switch .more-button:active,
111 #page-switch .switcher:active,
112 #page-switch .more-content .switcher:active {
113 background-color: #c3d3d7;
116 #page-switch .switcher.activechan {
117 background-color: #e8f1f3;
120 #page-switch .more-content .switcher.activechan {
121 background-color: #d1e0e3;
140 background-color: #bdd9dc;
141 border: 1px solid #80aab0;
148 text-decoration: none;
151 -moz-border-radius: 2px;
152 -webkit-border-radius: 2px;
155 #page-switch .exit:hover,
156 #page-switch .exit:focus {
157 background-color: #aac7cb;
160 #page-switch .exit:active {
161 background-color: #9bbdc1;
164 #page-switch .activechan .exit {
169 #page-switch .chan-newmessage {
170 background-color: #f6edc3 !important;
173 #page-switch .chan-newmessage:hover,
174 #page-switch .chan-newmessage:focus {
175 background-color: #f1eac0 !important;
178 #page-switch .chan-newmessage:active {
179 background-color: #ede4b8 !important;
182 #page-switch .composing,
183 #page-engine .list .user.composing {
184 color: #217021 !important;
187 #page-switch .paused,
188 #page-switch .chan-unread .name,
189 #page-engine .list .user.paused {
190 color: #2431ac !important;
193 #page-switch .active,
194 #page-engine .list .user.active {
195 color: #353535 !important;
198 #page-switch .inactive,
199 #page-engine .list .user.inactive {
200 color: #585858 !important;
204 color: #851313 !important;
207 #page-switch .channel .icon {
208 background-position: 0 -55px;