[KiwiIRC.git] / client / assets / css / style.css

html, body { height:100%; }
* { margin:0; padding:0; }


/* Few resets for within the kiwi container */
#kiwi {
    overflow:hidden; position:relative;
    height:100%;
}
#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 .format_span a { color: inherit; background-color: inherit; text-decoration: inherit; font-style: inherit; font-weight: inherit;}

#kiwi h1,
#kiwi h2,
#kiwi h3 {
    margin-top: 22px;
    margin-bottom: 11px;
}
#kiwi h4,
#kiwi h5,
#kiwi h6 {
    margin-top: 11px;
    margin-bottom: 11px;
}
#kiwi h1 { font-size: 46px; }
#kiwi h2 { font-size: 40px; }
#kiwi h3 { font-size: 34px; }
#kiwi h4 { font-size: 28px; }
#kiwi h5 { font-size: 22px; }
#kiwi h6 { font-size: 16px; }


/**
 * Main layout blocks
 */
#kiwi .toolbar { position:absolute; top:0px; width:100%; display:none; }
#kiwi .panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; }
#kiwi .right_bar { 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;
}


#kiwi .toolbar .tabs { margin-right: 200px; }
#kiwi .toolbar .panellist {
    overflow: hidden;
    display:block;
}
#kiwi .toolbar .panellist li {
    float: left; list-style: inline;
    display:inline; position:relative;
    padding:5px; margin:3px;
    cursor: pointer;
}

#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; }

#kiwi .toolbar .panellist li { width: auto; text-align: left; }
#kiwi .toolbar .panellist li .part { position: absolute; top: 5px; right: 5px; }
#kiwi .toolbar .panellist li .part:before { content:"[x]"; }
#kiwi .toolbar .panellist li .part:hover { color: #900; }
#kiwi .toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; }

#kiwi .toolbar .connections { overflow:hidden; }
#kiwi .toolbar .connections .connection { float:left; }
#kiwi.chanlist_treeview .toolbar .connections .connection { float:none; }
#kiwi .toolbar .connections .panellist { display:inline; }
#kiwi .toolbar .connections .panellist:after { content:""; }

#kiwi .status_message {
    background: #FFF;
    border-bottom: 1px solid;
    text-align: center;
}

#kiwi .channel_tools {
}
#kiwi .channel_tools i {
    width: 49%;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

#kiwi .panel_container { overflow-y:auto; height:100%; }
#kiwi .panel {
    overflow-x:wrap;
    border:none; display: none;
}

#kiwi .messages a {}
#kiwi .messages.active { display:block; }

#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 { }

#kiwi .messages .msg .media .media_content { white-space: normal; }


/* A member/nick list per channel */
#kiwi .right_bar { border-left: 1px solid #8A8A8A; }
#kiwi .right_bar.disabled { display:none; }
#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 { }

/* The userbox shown when clicking a nick */
#kiwi .userbox { position:relative; }
#kiwi .userbox a { }
#kiwi .userbox a i { }


/* Emoticons */
#kiwi .emoticon {
    display: inline-block;
    height: 15px; width: 17px;
    overflow: hidden;
    font-size: 0;
    background: url(../img/emoticons.png) no-repeat;
}
#kiwi .emoticon.smile { background-position:0px 0; }
#kiwi .emoticon.sad { background-position:-25px 0; }
#kiwi .emoticon.lion { background-position:-50px 0; }
#kiwi .emoticon.winky_lion { background-position:-75px 0; }
#kiwi .emoticon.confused { background-position:-100px 0; }
#kiwi .emoticon.cry { background-position:-125px 0; }
#kiwi .emoticon.wink { background-position:-150px 0; }
#kiwi .emoticon.wink_happy { background-position:-175px 0; }
#kiwi .emoticon.tongue { background-position:-200px 0; }
#kiwi .emoticon.cringe_tongue { background-position:-225px 0; }
#kiwi .emoticon.shocked { background-position:-250px 0; }
#kiwi .emoticon.happy { background-position:-275px 0; }
#kiwi .emoticon.eyebrows { background-position:-300px 0; }
#kiwi .emoticon.heart { background-position:-325px 0; }
#kiwi .emoticon.doh { background-position:-373px 0; }
#kiwi .emoticon.big_grin { background-position:-398px 0; }
#kiwi .emoticon.wide_eye_right { background-position:-423px 0; }
#kiwi .emoticon.wide_eye_left { background-position:-448px 0; }
#kiwi .emoticon.unsure { background-position:-473px 0; }


/**
 * Control box
 */
#kiwi .controlbox .input {
    height:1.7em; position:relative;
}

/* 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 { white-space: nowrap; }


/* Nick change dialog showed when clicking the nick label */
#kiwi .controlbox .nickchange {
    position: absolute;
    background: #FFF;
}
#kiwi .controlbox .nickchange input { }
#kiwi .controlbox .nickchange button { }

/* Plugin tools */
#kiwi .controlbox .input_tools { float:right; }
#kiwi .controlbox .input_tools .tool { margin:0 1em; display:inline; }


/**
 * Topic bar
 */
#kiwi .toolbar .topic { position:relative; height:2em; }
#kiwi .toolbar .topic div {
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    overflow: hidden;
}


/**
 * Server selection dialog
 */
#kiwi .server_select { position:relative; width:320px; margin:0 auto; overflow:hidden; }
#kiwi .server_select.initial { margin-top: 3em; }
#kiwi .server_select .more { display: none; }
#kiwi .server_select button {  }
#kiwi .server_select input { }
#kiwi .server_select label { }
#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 .basic tr.pass { display:none; }
#kiwi .server_select .basic tr.key { display:none; }
#kiwi .server_select.single_server .basic { border:none; }
#kiwi .server_select .status {  }

/* Channel key icon */
#kiwi .server_select .basic tr.channel td { position: relative; }
#kiwi .server_select .basic tr.channel .icon-key {
    position: absolute;
    top: 0.4em;
    right: 0.6em;
    font-size: 1.3em;
    cursor: pointer;
}
#kiwi .server_select .basic tr.have_key { display:none; }

/* 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 { }


/* 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 { }


/* Icons in the top right corner */
#kiwi .toolbar .app_tools { float:right; }
#kiwi .toolbar .app_tools ul li {
    display:inline; cursor:pointer;
}
#kiwi .toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; }


/* Settings applet */

/* Some of these styles will move to global styling later */
#kiwi .settings_container {
    padding: 50px;
}

#kiwi .settings_container .thumbnails:before {
    content: ' ';
    display: table;
}
#kiwi .settings_container .thumbnails:after {
    content: ' ';
    display: table;
    clear: both;
}

#kiwi .settings_container .thumbnails {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#kiwi .settings_container .thumbnails > li {
    display: inline-block;
}

#kiwi .settings_container label {
    cursor: pointer;
}

#kiwi_ form label { display: block; }
#kiwi form input,
#kiwi form select,
#kiwi form textarea {
    /*width: 100%;
    box-sizing: border-box;*/
}

#kiwi form input[size],
#kiwi form select[size],
#kiwi form textarea[size] {
    width: auto;
}

#kiwi form input[type="file"],
#kiwi form input[type="image"],
#kiwi form input[type="submit"],
#kiwi form input[type="reset"],
#kiwi form input[type="button"] {
    width: auto;
}

#kiwi form input[type="radio"] {
    width: auto;
    cursor: pointer;
    margin-top: 2px;
}

#kiwi form input[type="checkbox"] {
    width: auto;
    cursor: pointer;
    margin-top: 3px;
}

#kiwi form .radio,
#kiwi form .checkbox {
    margin-bottom: 10px;
    padding-left: 20px;
}

#kiwi form .radio:last-child,
#kiwi form .checkbox:last-child {
    margin-bottom: 0;
}

#kiwi form .radio input[type="radio"],
#kiwi form .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px;
}

#kiwi form .radio+.radio,
#kiwi form .checkbox+.checkbox {
    margin-top: -7px;
}

#kiwi .settings_container .thumbnail {
    float: left;
    margin-right: 15px;
    text-align: center;
}

#kiwi .settings_container .thumbnail > .thumbnail_wrapper {
    border-radius: 3px;
    padding: 3px;
}

#kiwi .settings_container .thumbnail > img {
    border-radius: 2px;
}

#kiwi .settings_container .thumbnail.active > .thumbnail_wrapper {
    background-color: #a6c42c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6c42c), color-stop(100%, #76bd2b));
    background-image: -webkit-linear-gradient(#a6c42c, #76bd2b);
    background-image: linear-gradient(#a6c42c, #76bd2b);
}

#kiwi .settings_container section {
    padding-bottom: 20px;
}

#kiwi .settings_container .theme_color {
    border-radius: 2px;
    height: 75px;
    width: 75px;
}

#kiwi .control-group {
    margin: 0 0 20px 20px;
}

#kiwi .control-group:last-child {
    margin-bottom: 0;
}

#kiwi .settings_container section.language select { width:300px; }

@media screen and (max-width: 768px) {
    #kiwi .settings_container {
        padding: 25px;
    }
}


#kiwi .channel_info label { display: block; }
#kiwi .channel_info .channel_url {
    display: none;
}
#kiwi .channel_info .channel-banlist table { display: none; }
#kiwi .channel_info .remove-ban { cursor: pointer; }


/**
 * Reusable componants
 */

#kiwi .divider-verticle {
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #FFFFFF;
    position: absolute;
    top:25px; bottom:25px;
    right:0;
    width:0;
}

#kiwi .divider-horizontal {
    border-top: 1px solid #CFCFCF;
    border-bottom: 1px solid #FFFFFF;
    position: absolute;
    left:25px; right:25px;
    bottom:0;
    height:0;
}


#kiwi .loader {
    background:url(../img/loader.gif) no-repeat;
    width:43px; height:11px;
    display:inline-block;
}


#kiwi .ui_menu {
    padding: 0;
    z-index:10;
    position: absolute;
    top: 100px; left: 100px;
    background: #fff;
    border: 1px solid #bbb;
    background-clip: padding-box;
}
#kiwi .ui_menu .ui_menu_title {
    padding: 5px 10px 5px 10px; font-weight: bold; overflow:hidden; background:#ddd;
}
#kiwi .ui_menu .ui_menu_content { padding: 5px 10px 5px 10px; border-top:1px solid #e9e9e9; overflow:hidden; position:relative; }
#kiwi .ui_menu .ui_menu_content > a { display: block; }
#kiwi .ui_menu .ui_menu_content > a[class^="icon-"]:before,
#kiwi .ui_menu .ui_menu_content > a[class*=" icon-"]:before { margin-right: 5px; color:#666; }
#kiwi .ui_menu .ui_menu_foot {
    padding: 5px; border-top:1px solid #e9e9e9; background:#ddd; overflow:hidden;
}
#kiwi .ui_menu .ui_menu_foot .close { }
Commit	Line	Data
696a66f8	1	html, body { height:100%; }
8af29f2b	2	* { margin:0; padding:0; }
696a66f8 D	3
	4
	5
8af29f2b	6	/* Few resets for within the kiwi container */
696a66f8	7	#kiwi {
b05d0022	8	overflow:hidden; position:relative;
696a66f8	9	height:100%;
5998fd56	10	}
8af29f2b D	11	#kiwi * { margin:0px; padding:0px; }
	12	#kiwi p { margin:0.5em 0; }
	13	#kiwi a { color:#36C; text-decoration:none; cursor:pointer; }
	14	#kiwi a img { border:none; }
9d8f8dfe	15	#kiwi .format_span a { color: inherit; background-color: inherit; text-decoration: inherit; font-style: inherit; font-weight: inherit;}
5998fd56	16
72db27e4 D	17	#kiwi h1,
	18	#kiwi h2,
	19	#kiwi h3 {
	20	margin-top: 22px;
	21	margin-bottom: 11px;
	22	}
	23	#kiwi h4,
	24	#kiwi h5,
	25	#kiwi h6 {
	26	margin-top: 11px;
	27	margin-bottom: 11px;
	28	}
	29	#kiwi h1 { font-size: 46px; }
	30	#kiwi h2 { font-size: 40px; }
	31	#kiwi h3 { font-size: 34px; }
	32	#kiwi h4 { font-size: 28px; }
	33	#kiwi h5 { font-size: 22px; }
	34	#kiwi h6 { font-size: 16px; }
	35
696a66f8	36
696a66f8 D	37	/**
	38	* Main layout blocks
	39	*/
4f99a29b	40	#kiwi .toolbar { position:absolute; top:0px; width:100%; display:none; }
30f9f42a	41	#kiwi .panels { position:absolute; left:0px; right:200px; bottom:100px; top:100px; }
9936359c	42	#kiwi .right_bar { position:absolute; right:0px; width:200px; bottom:100px; top:100px; overflow-y:auto; }
1e85105e	43	#kiwi .controlbox { position: absolute; bottom:0px; width:100%; display:none; }
30f9f42a	44	#kiwi .memberlists_resize_handle {
696a66f8	45	position: absolute; width:10px; z-index:1; cursor:w-resize;
696a66f8 D	46	}
	47
	48
de214968	49	#kiwi .toolbar .tabs { margin-right: 200px; }
4f99a29b	50	#kiwi .toolbar .panellist {
696a66f8	51	overflow: hidden;
696a66f8	52	display:block;
696a66f8	53	}
4f99a29b	54	#kiwi .toolbar .panellist li {
696a66f8 D	55	float: left; list-style: inline;
	56	display:inline; position:relative;
	57	padding:5px; margin:3px;
696a66f8	58	cursor: pointer;
8af29f2b	59	}
696a66f8	60
4f99a29b D	61	#kiwi .toolbar .panellist .active { padding-right:23px; }
	62	#kiwi .toolbar .panellist .alert_highlight { font-weight: bold; }
	63	#kiwi .toolbar .panellist .alert_activity { font-weight: bold; }
	64	#kiwi .toolbar .panellist .alert_action { font-weight: bold; }
696a66f8	65
4f99a29b D	66	#kiwi .toolbar .panellist li { width: auto; text-align: left; }
	67	#kiwi .toolbar .panellist li .part { position: absolute; top: 5px; right: 5px; }
	68	#kiwi .toolbar .panellist li .part:before { content:"[x]"; }
	69	#kiwi .toolbar .panellist li .part:hover { color: #900; }
	70	#kiwi .toolbar .panellist li img.icon { left:5px; top:2px; height:auto; width:auto; }
8af29f2b	71
4f99a29b D	72	#kiwi .toolbar .connections { overflow:hidden; }
4f99a29b D	73	#kiwi .toolbar .connections .connection { float:left; }
944d9579	74	#kiwi.chanlist_treeview .toolbar .connections .connection { float:none; }
4f99a29b D	75	#kiwi .toolbar .connections .panellist { display:inline; }
4f99a29b D	76	#kiwi .toolbar .connections .panellist:after { content:""; }
8af29f2b	77
707593d2	78	#kiwi .status_message {
8af29f2b	79	background: #FFF;
696a66f8	80	border-bottom: 1px solid;
8af29f2b	81	text-align: center;
696a66f8	82	}
696a66f8	83
9936359c D	84	#kiwi .channel_tools {
	85	}
	86	#kiwi .channel_tools i {
	87	width: 49%;
	88	display: inline-block;
	89	text-align: center;
	90	cursor: pointer;
	91	}
696a66f8	92
8af29f2b	93	#kiwi .panel_container { overflow-y:auto; height:100%; }
c794b877	94	#kiwi .panel {
696a66f8 D	95	overflow-x:wrap;
696a66f8 D	96	border:none; display: none;
696a66f8	97	}
c794b877	98
8af29f2b D	99	#kiwi .messages a {}
8af29f2b D	100	#kiwi .messages.active { display:block; }
696a66f8	101
8af29f2b D	102	#kiwi .messages .msg {}
	103	#kiwi .messages .msg .time { display:inline; }
	104	#kiwi .messages .msg .nick { display:inline; }
	105	#kiwi .messages .msg .text { display:inline; }
bf3bd4e5	106
8af29f2b D	107	#kiwi .messages .msg.action .nick { display:none; }
	108	#kiwi .messages .msg.action .text { }
	109	#kiwi .messages .msg.action.join { }
	110	#kiwi .messages .msg.action.part .text { }
	111	#kiwi .messages .msg.action.quit .text { }
	112	#kiwi .messages .msg.action.kick .text { }
	113	#kiwi .messages .msg.status .nick { display:none; }
	114	#kiwi .messages .msg.status .text { }
	115	#kiwi .messages .msg.topic .nick { display:none; }
	116	#kiwi .messages .msg.topic .text { }
	117	#kiwi .messages .msg.motd { }
	118	#kiwi .messages .msg.motd .nick { }
	119	#kiwi .messages .msg.motd .text { }
	120	#kiwi .messages .msg.whois .nick { }
	121	#kiwi .messages .msg.whois .text { }
	122	#kiwi .messages .msg.error .text { }
0197b21c	123
8af29f2b D	124	#kiwi .messages .msg.global_nick_highlight { }
8af29f2b D	125	#kiwi .messages .msg.highlight { }
696a66f8	126
5b01f32b	127	#kiwi .messages .msg .media .media_content { white-space: normal; }
696a66f8	128
696a66f8	129
8af29f2b	130	/* A member/nick list per channel */
9936359c D	131	#kiwi .right_bar { border-left: 1px solid #8A8A8A; }
9936359c D	132	#kiwi .right_bar.disabled { display:none; }
30f9f42a	133	#kiwi .memberlists ul { display:none; }
696a66f8	134
8af29f2b	135	/* The active channels nicklist */
30f9f42a D	136	#kiwi .memberlists ul.active { display:block; }
	137	#kiwi .memberlists ul li { overflow-y:auto; overflow-x:hidden; cursor:pointer; }
	138	#kiwi .memberlists ul li a.nick { }
696a66f8	139
8af29f2b	140	/* The userbox shown when clicking a nick */
e1fb4c61 D	141	#kiwi .userbox { position:relative; }
	142	#kiwi .userbox a { }
	143	#kiwi .userbox a i { }
8af29f2b D	144
8af29f2b D	145
2766b08a	146	/* Emoticons */
e62f5be1 D	147	#kiwi .emoticon {
	148	display: inline-block;
	149	height: 15px; width: 17px;
	150	overflow: hidden;
	151	font-size: 0;
	152	background: url(../img/emoticons.png) no-repeat;
	153	}
	154	#kiwi .emoticon.smile { background-position:0px 0; }
	155	#kiwi .emoticon.sad { background-position:-25px 0; }
	156	#kiwi .emoticon.lion { background-position:-50px 0; }
	157	#kiwi .emoticon.winky_lion { background-position:-75px 0; }
	158	#kiwi .emoticon.confused { background-position:-100px 0; }
	159	#kiwi .emoticon.cry { background-position:-125px 0; }
	160	#kiwi .emoticon.wink { background-position:-150px 0; }
	161	#kiwi .emoticon.wink_happy { background-position:-175px 0; }
	162	#kiwi .emoticon.tongue { background-position:-200px 0; }
	163	#kiwi .emoticon.cringe_tongue { background-position:-225px 0; }
	164	#kiwi .emoticon.shocked { background-position:-250px 0; }
	165	#kiwi .emoticon.happy { background-position:-275px 0; }
	166	#kiwi .emoticon.eyebrows { background-position:-300px 0; }
	167	#kiwi .emoticon.heart { background-position:-325px 0; }
	168	#kiwi .emoticon.doh { background-position:-373px 0; }
	169	#kiwi .emoticon.big_grin { background-position:-398px 0; }
	170	#kiwi .emoticon.wide_eye_right { background-position:-423px 0; }
	171	#kiwi .emoticon.wide_eye_left { background-position:-448px 0; }
	172	#kiwi .emoticon.unsure { background-position:-473px 0; }
2766b08a	173
8af29f2b D	174
	175	/**
	176	* Control box
	177	*/
1e85105e	178	#kiwi .controlbox .input {
fb989cb2	179	height:1.7em; position:relative;
696a66f8	180	}
696a66f8	181
8af29f2b	182	/* The nick label */
1e85105e D	183	#kiwi .controlbox .input .nick { cursor: pointer; }
1e85105e D	184	#kiwi .controlbox .input .nick a { }
8af29f2b D	185
8af29f2b D	186	/* Wrapper div around the text area input */
1e85105e	187	#kiwi .controlbox .input .input_wrap { display:inline; }
8af29f2b D	188
8af29f2b D	189	/* The textarea input */
1e85105e	190	#kiwi .controlbox .input .inp { white-space: nowrap; }
8af29f2b D	191
	192
	193	/* Nick change dialog showed when clicking the nick label */
1e85105e	194	#kiwi .controlbox .nickchange {
696a66f8	195	position: absolute;
8af29f2b	196	background: #FFF;
696a66f8	197	}
1e85105e D	198	#kiwi .controlbox .nickchange input { }
1e85105e D	199	#kiwi .controlbox .nickchange button { }
696a66f8	200
fb989cb2	201	/* Plugin tools */
1e85105e D	202	#kiwi .controlbox .input_tools { float:right; }
1e85105e D	203	#kiwi .controlbox .input_tools .tool { margin:0 1em; display:inline; }
fb989cb2	204
696a66f8 D	205
696a66f8 D	206
8af29f2b D	207	/**
	208	* Topic bar
	209	*/
de214968 D	210	#kiwi .toolbar .topic { position:relative; height:2em; }
de214968 D	211	#kiwi .toolbar .topic div {
696a66f8	212	position:absolute;
8af29f2b	213	top:0; bottom:0; left:0; right:0;
f5035603	214	overflow: hidden;
696a66f8 D	215	}
	216
	217
	218
	219
	220
8af29f2b D	221	/**
	222	* Server selection dialog
	223	*/
5aa89af2	224	#kiwi .server_select { position:relative; width:320px; margin:0 auto; overflow:hidden; }
3735e390	225	#kiwi .server_select.initial { margin-top: 3em; }
8af29f2b D	226	#kiwi .server_select .more { display: none; }
	227	#kiwi .server_select button { }
	228	#kiwi .server_select input { }
bac3c32e	229	#kiwi .server_select label { }
8af29f2b D	230	#kiwi .server_select br { clear:both; }
	231	#kiwi .server_select .basic input { }
	232	#kiwi .server_select .basic label { }
	233	#kiwi .server_select .basic { border-bottom: 1px solid gray; margin-bottom:1em; }
	234	#kiwi .server_select .basic .show_more { }
fdce9047	235	#kiwi .server_select .basic tr.pass { display:none; }
9f67f0f2	236	#kiwi .server_select .basic tr.key { display:none; }
8af29f2b D	237	#kiwi .server_select.single_server .basic { border:none; }
8af29f2b D	238	#kiwi .server_select .status { }
696a66f8	239
6a296cf0 D	240	/* Channel key icon */
	241	#kiwi .server_select .basic tr.channel td { position: relative; }
	242	#kiwi .server_select .basic tr.channel .icon-key {
	243	position: absolute;
700ef8ba D	244	top: 0.4em;
700ef8ba D	245	right: 0.6em;
6a296cf0 D	246	font-size: 1.3em;
	247	cursor: pointer;
	248	}
	249	#kiwi .server_select .basic tr.have_key { display:none; }
	250
8af29f2b D	251	/* When connected to an IRC server, .ok is set on the status div */
8af29f2b D	252	#kiwi .server_select .status.ok { }
696a66f8	253
8af29f2b D	254	/* IRC server connection error, .error is set on the status div */
8af29f2b D	255	#kiwi .server_select .status.error { }
696a66f8 D	256
	257
	258
8af29f2b D	259	/* Logo and title in the server selection dialog */
	260	#kiwi .server_select .kiwi_logo { text-align: center; display:block; }
	261	#kiwi .server_select .kiwi_logo h1 { }
	262	#kiwi .server_select .kiwi_logo img { }
696a66f8 D	263
	264
	265
8af29f2b	266	/* Icons in the top right corner */
4f99a29b D	267	#kiwi .toolbar .app_tools { float:right; }
4f99a29b D	268	#kiwi .toolbar .app_tools ul li {
8af29f2b	269	display:inline; cursor:pointer;
7de3dd03	270	}
4f99a29b	271	#kiwi .toolbar .app_tools img { height:25px; width:25px; margin: 6px 0.7em 0 0; }
696a66f8 D	272
	273
	274
8af29f2b	275	/* Settings applet */
5720c80a VC	276
5720c80a VC	277	/* Some of these styles will move to global styling later */
1b48d21e VC	278	#kiwi .settings_container {
	279	padding: 50px;
	280	}
	281
	282	#kiwi .settings_container .thumbnails:before {
	283	content: ' ';
	284	display: table;
	285	}
	286	#kiwi .settings_container .thumbnails:after {
	287	content: ' ';
	288	display: table;
	289	clear: both;
	290	}
	291
	292	#kiwi .settings_container .thumbnails {
	293	list-style-type: none;
	294	margin: 0;
	295	padding: 0;
	296	}
	297
	298	#kiwi .settings_container .thumbnails > li {
	299	display: inline-block;
	300	}
	301
1b48d21e VC	302	#kiwi .settings_container label {
	303	cursor: pointer;
	304	}
	305
72db27e4 D	306	#kiwi_ form label { display: block; }
	307	#kiwi form input,
	308	#kiwi form select,
	309	#kiwi form textarea {
	310	/*width: 100%;
	311	box-sizing: border-box;*/
1b48d21e VC	312	}
1b48d21e VC	313
72db27e4 D	314	#kiwi form input[size],
	315	#kiwi form select[size],
	316	#kiwi form textarea[size] {
1b48d21e VC	317	width: auto;
	318	}
	319
72db27e4 D	320	#kiwi form input[type="file"],
	321	#kiwi form input[type="image"],
	322	#kiwi form input[type="submit"],
	323	#kiwi form input[type="reset"],
	324	#kiwi form input[type="button"] {
1b48d21e VC	325	width: auto;
	326	}
	327
72db27e4	328	#kiwi form input[type="radio"] {
1b48d21e VC	329	width: auto;
	330	cursor: pointer;
	331	margin-top: 2px;
	332	}
	333
72db27e4	334	#kiwi form input[type="checkbox"] {
1b48d21e VC	335	width: auto;
	336	cursor: pointer;
	337	margin-top: 3px;
	338	}
	339
72db27e4 D	340	#kiwi form .radio,
72db27e4 D	341	#kiwi form .checkbox {
1b48d21e VC	342	margin-bottom: 10px;
	343	padding-left: 20px;
	344	}
	345
72db27e4 D	346	#kiwi form .radio:last-child,
72db27e4 D	347	#kiwi form .checkbox:last-child {
1b48d21e VC	348	margin-bottom: 0;
	349	}
	350
72db27e4 D	351	#kiwi form .radio input[type="radio"],
72db27e4 D	352	#kiwi form .checkbox input[type="checkbox"] {
1b48d21e VC	353	float: left;
	354	margin-left: -20px;
	355	}
	356
72db27e4 D	357	#kiwi form .radio+.radio,
72db27e4 D	358	#kiwi form .checkbox+.checkbox {
1b48d21e VC	359	margin-top: -7px;
	360	}
	361
	362	#kiwi .settings_container .thumbnail {
	363	float: left;
	364	margin-right: 15px;
	365	text-align: center;
	366	}
5720c80a	367
1b48d21e VC	368	#kiwi .settings_container .thumbnail > .thumbnail_wrapper {
	369	border-radius: 3px;
	370	padding: 3px;
	371	}
	372
	373	#kiwi .settings_container .thumbnail > img {
	374	border-radius: 2px;
	375	}
	376
	377	#kiwi .settings_container .thumbnail.active > .thumbnail_wrapper {
	378	background-color: #a6c42c;
	379	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a6c42c), color-stop(100%, #76bd2b));
	380	background-image: -webkit-linear-gradient(#a6c42c, #76bd2b);
	381	background-image: linear-gradient(#a6c42c, #76bd2b);
	382	}
	383
	384	#kiwi .settings_container section {
	385	padding-bottom: 20px;
	386	}
	387
	388	#kiwi .settings_container .theme_color {
	389	border-radius: 2px;
	390	height: 75px;
	391	width: 75px;
	392	}
	393
72db27e4	394	#kiwi .control-group {
1b48d21e VC	395	margin: 0 0 20px 20px;
	396	}
	397
72db27e4	398	#kiwi .control-group:last-child {
1b48d21e VC	399	margin-bottom: 0;
	400	}
	401
b54ef9a3 D	402	#kiwi .settings_container section.language select { width:300px; }
b54ef9a3 D	403
1b48d21e VC	404	@media screen and (max-width: 768px) {
	405	#kiwi .settings_container {
	406	padding: 25px;
	407	}
	408	}
34edea2e VC	409
34edea2e VC	410
72db27e4 D	411	#kiwi .channel_info label { display: block; }
	412	#kiwi .channel_info .channel_url {
	413	display: none;
	414	}
63a887cd	415	#kiwi .channel_info .channel-banlist table { display: none; }
72db27e4 D	416	#kiwi .channel_info .remove-ban { cursor: pointer; }
	417
	418
34edea2e	419
93fa049c D	420
	421
	422
696a66f8 D	423
	424	/**
	425	* Reusable componants
	426	*/
	427
8af29f2b	428	#kiwi .divider-verticle {
696a66f8 D	429	border-left: 1px solid #CFCFCF;
	430	border-right: 1px solid #FFFFFF;
	431	position: absolute;
	432	top:25px; bottom:25px;
	433	right:0;
	434	width:0;
	435	}
	436
8af29f2b	437	#kiwi .divider-horizontal {
696a66f8 D	438	border-top: 1px solid #CFCFCF;
	439	border-bottom: 1px solid #FFFFFF;
	440	position: absolute;
	441	left:25px; right:25px;
	442	bottom:0;
	443	height:0;
	444	}
	445
	446
	447
567a2f79 D	448	#kiwi .loader {
	449	background:url(../img/loader.gif) no-repeat;
	450	width:43px; height:11px;
	451	display:inline-block;
	452	}
	453
	454
	455
696a66f8	456
e1fb4c61 D	457	#kiwi .ui_menu {
	458	padding: 0;
	459	z-index:10;
	460	position: absolute;
	461	top: 100px; left: 100px;
	462	background: #fff;
	463	border: 1px solid #bbb;
	464	background-clip: padding-box;
	465	}
	466	#kiwi .ui_menu .ui_menu_title {
	467	padding: 5px 10px 5px 10px; font-weight: bold; overflow:hidden; background:#ddd;
	468	}
	469	#kiwi .ui_menu .ui_menu_content { padding: 5px 10px 5px 10px; border-top:1px solid #e9e9e9; overflow:hidden; position:relative; }
	470	#kiwi .ui_menu .ui_menu_content > a { display: block; }
	471	#kiwi .ui_menu .ui_menu_content > a[class^="icon-"]:before,
	472	#kiwi .ui_menu .ui_menu_content > a[class*=" icon-"]:before { margin-right: 5px; color:#666; }
	473	#kiwi .ui_menu .ui_menu_foot {
	474	padding: 5px; border-top:1px solid #e9e9e9; background:#ddd; overflow:hidden;
	475	}
	476	#kiwi .ui_menu .ui_menu_foot .close { }