-* { margin:0px; padding:0px; }
html, body { height:100%; }
-p { margin:0.5em 0; }
-a { color:#36C; text-decoration:none; cursor:pointer; }
-a img { border:none; }
-
+* { margin:0; padding:0; }
+/* Few resets for within the kiwi container */
#kiwi {
overflow:hidden; position:relative;
height:100%;
- background: url(../img/background-light.png) left top repeat-x #E3E3E3;
- color: #555555;
-}
-
-#kiwi, #kiwi input, #kiwi button, #kiwi textarea {
- font-family:Arial, Helvetica, sans-serif;
- font-size:14px; line-height:1.4em;
}
+#kiwi * { margin:0px; padding:0px; }
+#kiwi p { margin:0.5em 0; }
+#kiwi a { color:#36C; text-decoration:none; cursor:pointer; }
+#kiwi a img { border:none; }
-
-#kiwi input, textarea {
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
- border: none;
- border-radius: 3px;
-}
-
/**
* Main layout blocks
*/
-#toolbar { position:absolute; top:0px; width:100%; background-color:#1B1B1B; font-size:0.9em; display:none; }
-#panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; }
-#memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; }
-#controlbox { position: absolute; bottom:0px; width:100%; background-color:#1B1B1B; display:none; }
-#memberlists_resize_handle {
+#kiwi #toolbar { position:absolute; top:0px; width:100%; display:none; }
+#kiwi #panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; }
+#kiwi #memberlists { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; }
+#kiwi #controlbox { position: absolute; bottom:0px; width:100%; display:none; }
+#kiwi #memberlists_resize_handle {
position: absolute; width:10px; z-index:1; cursor:w-resize;
- background:url('../img/resize_handle.png') no-repeat; background-position:center;
}
-#toolbar #tabs { margin-right: 200px; }
-#toolbar .panellist {
+#kiwi #toolbar #tabs { margin-right: 200px; }
+#kiwi #toolbar .panellist {
overflow: hidden;
white-space: nowrap;
display:block;
- /*height: 35px;*/
}
-#toolbar .panellist li {
+#kiwi #toolbar .panellist li {
float: left; list-style: inline;
display:inline; position:relative;
padding:5px; margin:3px;
- border: 1px solid #333;
- background-color: #eee;
-
cursor: pointer;
+}
- line-height: 1.4em;
- vertical-align: middle;
-
- border-radius:5px;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- -khtml-border-radius:5px;
- behavior: url(border-radius.htc);
+#kiwi #toolbar .panellist .active { padding-right:23px; }
+#kiwi #toolbar .panellist .alert_highlight { font-weight: bold; }
+#kiwi #toolbar .panellist .alert_activity { font-weight: bold; }
+#kiwi #toolbar .panellist .alert_action { font-weight: bold; }
- background-image: -webkit-gradient(
- linear,
- left top,
- left bottom,
- color-stop(0.38, rgb(238,238,238)),
- color-stop(0.68, rgb(209,209,209))
- );
- background-image: -moz-linear-gradient(
- center top,
- rgb(238,238,238) 38%,
- rgb(209,209,209) 68%
- );
-}
-
-#toolbar .panellist .active { padding-right:23px; }
-#toolbar .panellist .alert_highlight {
- background: #990000;
- font-weight: bold;
-}
-#toolbar .panellist .alert_activity { font-weight: bold; background: #009900; }
-#toolbar .panellist .alert_action { font-weight: bold; }
-
-#toolbar .panellist li .part { top:8px; right:5px; position:absolute; background:url('../img/redcross.png'); width:14px; height:14px; }
-#toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; }
-
-#toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; }
-#toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; }
-#status_message {
- background: #FEEFB3; color: #9F6000;
+#kiwi #toolbar .panellist li .part { position: absolute; top: 8px; right: 5px; }
+#kiwi #toolbar .panellist li .part:after { content:"[x]"; }
+#kiwi #toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; }
+
+#kiwi #status_message {
+ background: #FFF;
border-bottom: 1px solid;
- padding: 0.9em;
- text-align: center; font-size:1.1em;
+ text-align: center;
}
-#status_message.err { color:#D8000C; background:#FFBABA; }
-.panel_container { overflow-y:auto; height:100%; }
+#kiwi .panel_container { overflow-y:auto; height:100%; }
-.messages {
+#kiwi .messages {
overflow-x:wrap;
border:none; display: none;
- /*height: 100%;*/
- color: #333333;
-}
-.messages a {
- text-decoration:none;
-}
-.messages.active { display:block; }
-
-.messages .msg { border-bottom: 1px solid #CCC; padding:1px; font-family:arial; font-size:0.9em; }
-.messages .msg .time { width:6em; float:left; color:#777; }
-.messages .msg .nick { width:7em; text-align:right; float:left; font-size:12px; }
-.messages .msg .text { margin-left:15em; white-space:pre-wrap; word-wrap:break-word; font-family:monospace; }
-
-.messages .msg.action .nick { display:none; }
-.messages .msg.action .text { margin-left:9em; color:#009900; font-style:italic; }
-.messages .msg.action.join { color:#009900; }
-.messages .msg.action.part .text { color:#900; }
-.messages .msg.action.quit .text { color:#900; }
-.messages .msg.action.kick .text { color:#900; }
-.messages .msg.status .nick { display:none; }
-.messages .msg.status .text { color:#990000; margin-left:9em; font-weight:bold; }
-.messages .msg.topic .nick { display:none; }
-.messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; }
-/*.messages .msg.motd .nick { display:none; }*/
-.messages .msg.motd { border:none; }
-.messages .msg.motd .text { color:#666; }
-.messages .msg.whois .nick { font-weight:normal; }
-.messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; }
-.messages .msg.error .text {
- border:1px solid #A33F3F; background-color:#D28A8A;
- padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
}
+#kiwi .messages a {}
+#kiwi .messages.active { display:block; }
-.messages .msg.global_nick_highlight,
-.messages .msg.highlight { background:#D9D9D9; }
+#kiwi .messages .msg {}
+#kiwi .messages .msg .time { display:inline; }
+#kiwi .messages .msg .nick { display:inline; }
+#kiwi .messages .msg .text { display:inline; }
+#kiwi .messages .msg.action .nick { display:none; }
+#kiwi .messages .msg.action .text { }
+#kiwi .messages .msg.action.join { }
+#kiwi .messages .msg.action.part .text { }
+#kiwi .messages .msg.action.quit .text { }
+#kiwi .messages .msg.action.kick .text { }
+#kiwi .messages .msg.status .nick { display:none; }
+#kiwi .messages .msg.status .text { }
+#kiwi .messages .msg.topic .nick { display:none; }
+#kiwi .messages .msg.topic .text { }
+#kiwi .messages .msg.motd { }
+#kiwi .messages .msg.motd .nick { }
+#kiwi .messages .msg.motd .text { }
+#kiwi .messages .msg.whois .nick { }
+#kiwi .messages .msg.whois .text { }
+#kiwi .messages .msg.error .text { }
+#kiwi .messages .msg.global_nick_highlight { }
+#kiwi .messages .msg.highlight { }
-#memberlists ul { list-style: none; display:none; }
-#memberlists ul.active { display:block; }
-#memberlists ul li { padding: 0.2em 1em; overflow-y:auto; overflow-x:hidden; cursor:pointer; }
-#memberlists ul li a.nick { display:block; color:black; }
-#memberlists ul li .userbox { position:relative; margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
-#memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
-#memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; }
+/* A member/nick list per channel */
+#kiwi #memberlists { border-left: 1px solid #8A8A8A; }
+#kiwi #memberlists ul { display:none; }
+/* The active channels nicklist */
+#kiwi #memberlists ul.active { display:block; }
+#kiwi #memberlists ul li { overflow-y:auto; overflow-x:hidden; cursor:pointer; }
+#kiwi #memberlists ul li a.nick { }
-#controlbox .input {
- background:#fff; margin:3px;
- height:1.7em;
- border-radius:5px;
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- -khtml-border-radius:5px;
-}
-#controlbox .input .nick { text-align: right; width:11em; left:0px; position:absolute; padding:2px; cursor: pointer; }
-#controlbox .input .nick a { text-decoration:none; color:black; }
-#controlbox .input .input_wrap {
- position:absolute;
- right:7px; left: 12.2em;
+/* The userbox shown when clicking a nick */
+#kiwi #memberlists ul li .userbox { position:relative; }
+#kiwi #memberlists ul li .userbox a { }
+#kiwi #memberlists ul li .userbox a i { }
+
+
+
+/**
+ * Control box
+ */
+#kiwi #controlbox .input {
height:1.7em;
}
-#controlbox .input .inp {
- line-height:1.7em;
- display: block;
- border: medium none;
- box-shadow: none;
- border-radius: 0;
- outline:none; resize:none;
- overflow:hidden;
- position:relative;
- height:100%; width:100%;
-}
-#controlbox .nickchange {
+/* The nick label */
+#kiwi #controlbox .input .nick { cursor: pointer; }
+#kiwi #controlbox .input .nick a { }
+
+/* Wrapper div around the text area input */
+#kiwi #controlbox .input .input_wrap { display:inline; }
+
+/* The textarea input */
+#kiwi #controlbox .input .inp { }
+
+
+/* Nick change dialog showed when clicking the nick label */
+#kiwi #controlbox .nickchange {
position: absolute;
- left: 0px;
- background: #1B1B1B; color:#eeeeee;
- padding:10px;
+ background: #FFF;
}
-#controlbox .nickchange input { padding:0.3em 0.5em; }
-#controlbox .nickchange button { padding:0.5em; }
+#kiwi #controlbox .nickchange input { }
+#kiwi #controlbox .nickchange button { }
-#topic { background-color:#1B1B1B; height:2em; position:relative; }
-#topic div {
+/**
+ * Topic bar
+ */
+#kiwi #topic { position:relative; height:2em; }
+#kiwi #topic div {
position:absolute;
- top:2; bottom:2px; left:0; width:100%;
- padding: 0.2em 1em;
- text-align: center;
- box-shadow: none;
- border-radius: 0;
- background-color:#FFF;
- height: 1.5em;
+ top:0; bottom:0; left:0; right:0;
overflow: hidden;
- outline: none;
}
+/**
+ * Server selection dialog
+ */
+#kiwi .server_select { width:800px; margin:0 auto; overflow:hidden; }
+#kiwi .server_select .more { display: none; }
+#kiwi .server_select button { }
+#kiwi .server_select input { }
+#kiwi .server_select label { float:left; width:5em; }
+#kiwi .server_select br { clear:both; }
+#kiwi .server_select .basic input { }
+#kiwi .server_select .basic label { }
+#kiwi .server_select .basic { border-bottom: 1px solid gray; margin-bottom:1em; }
+#kiwi .server_select .basic .show_more { }
+#kiwi .server_select.single_server .basic { border:none; }
+#kiwi .server_select .status { }
-.server_select { width:730px; padding:3em 0 2em 0; margin: 0 auto; overflow:hidden; }
-.server_select .more { display: none; width:270px; margin:0 auto; }
-.server_select button { float:right; padding:3px 7px; margin-top:10px; }
-.server_select input { float:right; margin-bottom:5px; padding:3px 7px; width:150px; }
-.server_select label { float:left; width:5em; padding-top:3px }
-.server_select br { clear:both; }
-.server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; }
-.server_select .basic input { width:170px; }
-.server_select .basic label { font-size:1.3em; margin-top:4px; }
-.server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
-.server_select .basic .show_more { display: block; width:40px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
-.server_select.single_server .basic { border:none; }
-.server_select .status { text-align: center; font-weight: bold; padding:1em; }
-.server_select .status .ok {
- border:1px solid #A33F3F; background-color:#D28A8A;
- padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
-}
+/* When connected to an IRC server, .ok is set on the status div */
+#kiwi .server_select .status.ok { }
+/* IRC server connection error, .error is set on the status div */
+#kiwi .server_select .status.error { }
-.server_select .kiwi_logo { text-align: center; display:block; }
-.server_select .kiwi_logo h1 {
- font-size:20px;
- line-height:48px; vertical-align: middle;
- color: #555555;
-}
-.server_select .kiwi_logo img { }
+/* Logo and title in the server selection dialog */
+#kiwi .server_select .kiwi_logo { text-align: center; display:block; }
+#kiwi .server_select .kiwi_logo h1 { }
+#kiwi .server_select .kiwi_logo img { }
-#toolbar .app_tools { float:right; width:200px; padding-left:10px; color:#D4D4D4; }
-#toolbar .app_tools ul li {
- display:inline;
- font-size:26px;
- cursor:pointer;
- -webkit-transition: all .3s ease;
- -moz-transition: all .3s ease;
- transition: all .3s ease;
- margin-left:10px;
+/* Icons in the top right corner */
+#kiwi #toolbar .app_tools { float:right; }
+#kiwi #toolbar .app_tools ul li {
+ display:inline; cursor:pointer;
}
-#toolbar .app_tools ul li:hover { color:#88C56A; }
-#toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; }
-
+#kiwi #toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; }
+/* Settings applet */
#kiwi .settings {
width:900px;
margin:1em auto;
* Reusable componants
*/
-.divider-verticle {
+#kiwi .divider-verticle {
border-left: 1px solid #CFCFCF;
border-right: 1px solid #FFFFFF;
position: absolute;
width:0;
}
-.divider-horizontal {
+#kiwi .divider-horizontal {
border-top: 1px solid #CFCFCF;
border-bottom: 1px solid #FFFFFF;
position: absolute;
*/
-/* Default */
-#kiwi #memberlists {
- background-color: #DADADA;
- border-left: 1px solid #8A8A8A;
+/* Relaxed theme */
+#kiwi.theme_relaxed {
+ background: url(../img/background-light.png) left top repeat-x #E3E3E3;
+ color: #555555;
}
-#kiwi #memberlists ul li:hover {
- border-left: 5px solid #88C56A;
- /* background: #88C56A; */
- -webkit-transition: 0.2s ease;
- -moz-transition: 0.2s ease;
- -ms-transition: 0.2s ease;
- -o-transition: 0.2s ease;
- transition: 0.2s ease;
+#kiwi.theme_relaxed,
+#kiwi.theme_relaxed input,
+#kiwi.theme_relaxed button,
+#kiwi.theme_relaxed textarea {
+ font-family:Arial, Helvetica, sans-serif;
+ font-size:14px; line-height:1.4em;
+}
+#kiwi.theme_relaxed input, textarea {
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3);
+ border: none;
+ border-radius: 3px;
+}
+#kiwi.theme_relaxed #toolbar {
+ background-color:#1B1B1B; font-size:0.9em;
+}
+#kiwi.theme_relaxed #controlbox { background-color:#1B1B1B; }
+#kiwi.theme_relaxed #memberlists_resize_handle {
+ /*background:url('../img/resize_handle.png') no-repeat; background-position:center;*/
+}
+#kiwi.theme_relaxed #toolbar .panellist li {
+ line-height: 1.4em;
+ vertical-align: middle;
+
+ border-radius:5px;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ -khtml-border-radius:5px;
+ behavior: url(border-radius.htc);
+
+ background-image: -webkit-gradient(
+ linear,
+ left top,
+ left bottom,
+ color-stop(0.38, rgb(238,238,238)),
+ color-stop(0.68, rgb(209,209,209))
+ );
+ background-image: -moz-linear-gradient(
+ center top,
+ rgb(238,238,238) 38%,
+ rgb(209,209,209) 68%
+ );
+
+ border: 1px solid #333;
+ background-color: #eee;
}
+#kiwi.theme_relaxed #toolbar .panellist .alert_highlight { background: #990000; }
+#kiwi.theme_relaxed #toolbar .panellist .alert_activity { background: #009900; }
+#kiwi.theme_relaxed #toolbar .panellist .alert_action { }
+#kiwi.theme_relaxed #toolbar .panellist .active { padding-right:23px; }
+#kiwi.theme_relaxed #toolbar .panellist li .part {
+ background:url('../img/redcross.png'); width:14px; height:14px;
+}
+#kiwi.theme_relaxed #toolbar .panellist li .part:after { content:""; }
+#kiwi.theme_relaxed #toolbar .panellist li.server span { background:url(../img/server_tab.png) no-repeat; padding-left:23px; }
-/* Relaxed theme */
-#kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; font-family:arial; font-size:0.9em; }
+/* Tab texts are within a span */
+#kiwi.theme_relaxed #toolbar .panellist li span { line-height:20px; vertical-align:middle; display:block; }
+
+#kiwi.theme_relaxed #status_message {
+ background: #FEEFB3; color: #9F6000;
+ border-bottom: 1px solid;
+ padding: 0.9em;
+ text-align: center; font-size:1.1em;
+}
+#kiwi.theme_relaxed #status_message.err { color:#D8000C; background:#FFBABA; }
+
+#kiwi.theme_relaxed .messages { color: #333333; }
+#kiwi.theme_relaxed .messages.active { }
+#kiwi.theme_relaxed .messages a { text-decoration:none; }
+
+#kiwi.theme_relaxed .messages .msg { border-bottom: 1px solid #DEDEDE; padding: 1px; font-family:arial; font-size:0.9em; }
#kiwi.theme_relaxed .messages .msg .time { width:6em; float:left; color:#777; display:none; }
#kiwi.theme_relaxed .messages .msg .nick { width:11em; float:left; font-size:12px; font-family:Arial; text-align:left; padding: 5px; }
-#kiwi.theme_relaxed .messages .msg .text { margin-left:12em; border-left: 1px solid #DEDEDE; white-space:pre-wrap; word-wrap:break-word; font-family:Arial; padding:5px; }
+#kiwi.theme_relaxed .messages .msg .text { display:block; margin-left:12em; border-left: 1px solid #DEDEDE; white-space:pre-wrap; word-wrap:break-word; font-family:arial; padding:5px; }
-#kiwi.theme_relaxed .messages .msg.action .nick { display:none; }
+#kiwi.theme_relaxed .messages .msg.action .nick { }
#kiwi.theme_relaxed .messages .msg.action .text { margin-left:9em; color:#009900; border-left:none; font-style:italic; }
#kiwi.theme_relaxed .messages .msg.action.join { color:#009900; }
#kiwi.theme_relaxed .messages .msg.action.part .text { color:#900; }
#kiwi.theme_relaxed .messages .msg.action.quit .text { color:#900; }
#kiwi.theme_relaxed .messages .msg.action.kick .text { color:#900; }
-#kiwi.theme_relaxed .messages .msg.status .nick { display:none; }
+#kiwi.theme_relaxed .messages .msg.status .nick { }
#kiwi.theme_relaxed .messages .msg.status .text { color:#990000; margin-left:9em; border-left:none; font-weight:bold; }
#kiwi.theme_relaxed .messages .msg.topic .nick { display:none; }
#kiwi.theme_relaxed .messages .msg.topic .text { color:#009900; margin-left:9em; font-style: italic; border-left:none; }
-/*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/
#kiwi.theme_relaxed .messages .msg.motd { border:none; }
+/*#kiwi.theme_relaxed .messages .msg.motd .nick { display:none; }*/
#kiwi.theme_relaxed .messages .msg.motd .text { color:#666; }
#kiwi.theme_relaxed .messages .msg.whois .nick { font-weight:normal; }
#kiwi.theme_relaxed .messages .msg.whois .text { margin-left:18em; padding-left:1em; border-left:1px dashed #999; }
padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
}
+#kiwi.theme_relaxed .messages .msg.global_nick_highlight,
+#kiwi.theme_relaxed .messages .msg.highlight { background:#D9D9D9; }
+
+
+
+#kiwi.theme_relaxed #memberlists {
+ background-color: #DADADA;
+ border-left: 1px solid #8A8A8A;
+}
+#kiwi.theme_relaxed #memberlists ul { list-style: none; }
+#kiwi.theme_relaxed #memberlists ul.active { }
+#kiwi.theme_relaxed #memberlists ul li { padding: 0.2em 1em; }
+#kiwi.theme_relaxed #memberlists ul li:hover {
+ border-left: 5px solid #88C56A;
+ -webkit-transition: 0.2s ease;
+ -moz-transition: 0.2s ease;
+ -ms-transition: 0.2s ease;
+ -o-transition: 0.2s ease;
+ transition: 0.2s ease;
+}
+#kiwi.theme_relaxed #memberlists ul li a.nick { display:block; color:black; }
+
+#kiwi.theme_relaxed #memberlists ul li .userbox { margin:0 1em 5px 1em; padding-bottom:0.7em; font-size:.9em; }
+#kiwi.theme_relaxed #memberlists ul li .userbox a { display:block; text-decoration:none; margin-bottom:2px; }
+#kiwi.theme_relaxed #memberlists ul li .userbox a i { font-size:1.1em; margin-right:5px; }
+
+
+#kiwi.theme_relaxed #controlbox .input {
+ background:#fff; margin:3px;
+ height:1.7em;
+ border-radius:5px;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ -khtml-border-radius:5px;
+}
+#kiwi.theme_relaxed #controlbox .input .nick { text-align: right; width:11em; left:0px; position:absolute; padding:2px; }
+#kiwi.theme_relaxed #controlbox .input .nick a { text-decoration:none; color:black; }
+#kiwi.theme_relaxed #controlbox .input .input_wrap {
+ position:absolute;
+ right:7px; left: 12.2em;
+ height:1.7em;
+}
+#kiwi.theme_relaxed #controlbox .input .inp {
+ line-height:1.7em;
+ border: medium none;
+ box-shadow: none;
+ border-radius: 0;
+ outline:none; resize:none;
+ overflow:hidden;
+ position:relative;
+ height:100%; width:100%;
+ display: block;
+}
+
+
+#kiwi.theme_relaxed #controlbox .nickchange {
+ padding:10px; left: 0px;
+ background: #1B1B1B; color:#eeeeee;
+}
+#kiwi.theme_relaxed #controlbox .nickchange input { padding:0.3em 0.5em; }
+#kiwi.theme_relaxed #controlbox .nickchange button { padding:0.5em; }
+
+
+
+#kiwi.theme_relaxed #topic { background-color:#1B1B1B; height:2em; }
+#kiwi.theme_relaxed #topic div {
+ top:2; bottom:2px; left:0; width:100%;
+ padding: 0.2em 1em;
+ text-align: center;
+ box-shadow: none;
+ border-radius: 0;
+ background-color:#FFF;
+ height: 1.5em;
+ overflow: hidden;
+ outline: none;
+}
+
+
+#kiwi.theme_relaxed #toolbar .app_tools { width:200px; padding-left:10px; color:#D4D4D4; }
+#kiwi.theme_relaxed #toolbar .app_tools ul li {
+ font-size:26px;
+ -webkit-transition: all .3s ease;
+ -moz-transition: all .3s ease;
+ transition: all .3s ease;
+ margin-left:10px;
+}
+#kiwi.theme_relaxed #toolbar .app_tools ul li:hover { color:#88C56A; }
+#kiwi.theme_relaxed #toolbar .app_tools img { }
+
+
+/* The server select dialog */
+#kiwi.theme_relaxed .server_select { width:730px; padding:3em 0 2em 0; margin: 0 auto; }
+#kiwi.theme_relaxed .server_select .more { display: none; width:270px; margin:0 auto; }
+#kiwi.theme_relaxed .server_select button { float:right; padding:3px 7px; margin-top:10px; }
+#kiwi.theme_relaxed .server_select input { float:right; margin-bottom:5px; padding:3px 7px; width:150px; }
+#kiwi.theme_relaxed .server_select label { float:left; width:5em; padding-top:3px }
+#kiwi.theme_relaxed .server_select br { clear:both; }
+#kiwi.theme_relaxed .server_select .basic input, .server_select .basic button { font-size:1em; padding:0.5em 1em; }
+#kiwi.theme_relaxed .server_select .basic input { width:170px; }
+#kiwi.theme_relaxed .server_select .basic label { font-size:1.3em; margin-top:4px; }
+#kiwi.theme_relaxed .server_select .basic { border-bottom: 1px dashed gray; margin-bottom:1em; }
+#kiwi.theme_relaxed .server_select .basic .show_more { display: block; width:40px; margin:10px 0 0 0; font-size:0.8em; background: url(../img/more.png) no-repeat right 7px; }
+#kiwi.theme_relaxed .server_select.single_server .basic { border:none; }
+#kiwi.theme_relaxed .server_select .status { text-align: center; font-weight: bold; padding:1em; }
+#kiwi.theme_relaxed .server_select .status.ok { }
+#kiwi.theme_relaxed .server_select .status.error {
+ border:1px solid #A33F3F; background-color:#D28A8A;
+ padding:0.5em; margin-top:1em; margin-bottom:1em; margin-right:2em;
+}
+
+
+#kiwi.theme_relaxed .server_select .kiwi_logo { text-align: center; display:block; }
+#kiwi.theme_relaxed .server_select .kiwi_logo h1 {
+ font-size:20px;
+ line-height:48px; vertical-align: middle;
+ color: #555555;
+}
+#kiwi.theme_relaxed .server_select .kiwi_logo img { }
+