From b05d0022075d94693510ae3d0533d2ef0a77d1af Mon Sep 17 00:00:00 2001 From: Darren Date: Sun, 27 Oct 2013 14:52:46 +0000 Subject: [PATCH] More prominent 'Start' button --- client/assets/css/style.css | 77 +++++++++++++++++++++++++++++-------- 1 file changed, 62 insertions(+), 15 deletions(-) diff --git a/client/assets/css/style.css b/client/assets/css/style.css index f995035..7a28677 100644 --- a/client/assets/css/style.css +++ b/client/assets/css/style.css @@ -5,7 +5,7 @@ html, body { height:100%; } /* Few resets for within the kiwi container */ #kiwi { - overflow:hidden; position:relative; + overflow:hidden; position:relative; height:100%; } #kiwi * { margin:0px; padding:0px; } @@ -494,6 +494,14 @@ html, body { height:100%; } font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4em; } +#kiwi.theme_relaxed button { + border-radius: 2px; + border: none; + background: #8ab746; + cursor: pointer; + color: #1b1b1b; +} +#kiwi.theme_relaxed button:disabled { color: #464646; background:#9cc164; } #kiwi.theme_relaxed button, #kiwi.theme_relaxed input { padding: 3px 7px; } #kiwi.theme_relaxed input, #kiwi.theme_relaxed textarea { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5),0 1px 0px rgba(255, 255, 255, 0.3); @@ -510,7 +518,7 @@ html, body { height:100%; } #kiwi.theme_relaxed .toolbar .panellist li { line-height: 1.4em; vertical-align: middle; - + -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; @@ -661,7 +669,7 @@ html, body { height:100%; } -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; - transition: 0.2s ease; + transition: 0.2s ease; } #kiwi.theme_relaxed .memberlists ul li a.nick { display:block; color:black; } @@ -733,8 +741,8 @@ html, body { height:100%; } 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 .controlbox .nickchange input { padding:0.3em 0.5em; margin-left: 0.5em; } +#kiwi.theme_relaxed .controlbox .nickchange button { padding:0.5em; margin: 0 0.5em 0 1em; } @@ -779,7 +787,14 @@ html, body { height:100%; } #kiwi.theme_relaxed .server_select { margin-left:auto; margin-right:auto; } #kiwi.theme_relaxed .server_select .more { display: none; width:270px; margin:0 auto; } #kiwi.theme_relaxed .server_select table tr td { padding:5px; } -#kiwi.theme_relaxed .server_select button { float:right; padding:3px 7px; } +#kiwi.theme_relaxed .server_select button { + /*padding: 10px 25px;*/ + padding: 0.5em 1em; + font-size: 1.1em; + width: 196px; + margin: 20px auto; + display: block; +} #kiwi.theme_relaxed .server_select input { padding:3px 7px; width:150px; } #kiwi.theme_relaxed .server_select label { } #kiwi.theme_relaxed .server_select br { clear:both; } @@ -882,6 +897,15 @@ html, body { height:100%; } border: none; border-radius: 3px; } +#kiwi.theme_mini button { + border-radius: 2px; + border: none; + background: #8ab746; + cursor: pointer; + color: #1b1b1b; +} +#kiwi.theme_mini button:disabled { color: #464646; background:#9cc164; } + #kiwi.theme_mini .toolbar { background-color:#1B1B1B; font-size:0.9em; } @@ -892,7 +916,7 @@ html, body { height:100%; } #kiwi.theme_mini .toolbar .panellist li { line-height: 1.4em; vertical-align: middle; - + border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; @@ -990,7 +1014,7 @@ html, body { height:100%; } -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; - transition: 0.2s ease; + transition: 0.2s ease; } #kiwi.theme_mini .memberlists ul li a.nick { display:block; color:black; } @@ -1061,7 +1085,14 @@ html, body { height:100%; } /* The server select dialog */ #kiwi.theme_mini .server_select { padding:3em 0 2em 0; margin: 0 auto; width:100%; } #kiwi.theme_mini .server_select .more { display:none; } -#kiwi.theme_mini .server_select button { display:block; padding:3px 7px; margin:1em auto; } +#kiwi.theme_mini .server_select button { + /*padding: 10px 25px;*/ + padding: 0.5em 1em; + font-size: 1.1em; + width: 196px; + margin: 20px auto; + display: block; +} #kiwi.theme_mini .server_select input.nick { float:none; display:block; width:80%; padding:0.5em 1em; margin:0 auto; @@ -1178,7 +1209,7 @@ html, body { height:100%; } #kiwi.theme_cli .toolbar .panellist li { line-height: 1.4em; vertical-align: middle; - + border: 1px solid #333; background-color: #111; } @@ -1214,7 +1245,7 @@ html, body { height:100%; } -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; - transition: 0.2s ease; + transition: 0.2s ease; } #kiwi.theme_cli .userbox { margin:0 1em 0 1em; padding-bottom:0.4em; font-size:.9em; } @@ -1387,6 +1418,15 @@ html, body { height:100%; } border: none; border-radius: 3px; } +#kiwi.theme_basic button { + border-radius: 2px; + border: none; + background: #8ab746; + cursor: pointer; + color: #1b1b1b; +} +#kiwi.theme_basic button:disabled { color: #464646; background:#9cc164; } + #kiwi.theme_basic .toolbar { background-color:#1B1B1B; font-size:0.9em; } @@ -1397,7 +1437,7 @@ html, body { height:100%; } #kiwi.theme_basic .toolbar .panellist li { line-height: 1.4em; vertical-align: middle; - + border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; @@ -1565,8 +1605,8 @@ html, body { height:100%; } padding:10px; left: 0px; background: #1B1B1B; color:#eeeeee; } -#kiwi.theme_basic .controlbox .nickchange input { padding:0.3em 0.5em; } -#kiwi.theme_basic .controlbox .nickchange button { padding:0.5em; } +#kiwi.theme_basic .controlbox .nickchange input { padding:0.3em 0.5em; margin-left: 0.5em; } +#kiwi.theme_basic .controlbox .nickchange button { padding:0.5em; margin: 0 0.5em 0 1em; } @@ -1610,7 +1650,14 @@ html, body { height:100%; } #kiwi.theme_basic .server_select a { text-decoration: none; } #kiwi.theme_basic .server_select .more { display: none; width:270px; margin:0 auto; } #kiwi.theme_basic .server_select table tr td { padding:5px; } -#kiwi.theme_basic .server_select button { float:right; padding:3px 7px; } +#kiwi.theme_basic .server_select button { + /*padding: 10px 25px;*/ + padding: 0.5em 1em; + font-size: 1.1em; + width: 196px; + margin: 20px auto; + display: block; +} #kiwi.theme_basic .server_select input { padding:3px 7px; width:150px; } #kiwi.theme_basic .server_select label { } #kiwi.theme_basic .server_select br { clear:both; } -- 2.25.1