Design changes

This commit is contained in:
Mattias Erming 2014-07-20 18:18:20 -07:00
parent f210973f7d
commit b2ca5eb172
5 changed files with 42 additions and 30 deletions

View File

@ -49,7 +49,7 @@ button {
}
.btn {
border: 2px solid #84d1ff;
border-radius: 5px;
border-radius: 3px;
color: #95a5a6;
color: #84d1ff;
display: inline-block;
@ -119,19 +119,23 @@ button {
width: 220px;
z-index: 2;
}
#sidebar button {
#sidebar button,
#sidebar .sign-out {
border: 1px solid transparent;
border-radius: 2px;
color: #7c838d;
color: #818b9e;
font-size: 14px;
}
#sidebar button:hover,
#sidebar .active {
background: #2a303a;
border-color: rgba(255, 255, 255, .025);
background: #818b9e;
background: rgba(129, 139, 158, .05);
border-color: rgba(129, 139, 158, .03);
}
#sidebar button.active {
background: #323841;
background: #818b9e;
background: rgba(129, 139, 158, .1);
border-color: rgba(129, 139, 158, .06);
color: #fff;
}
#sidebar .networks {
@ -142,23 +146,17 @@ button {
margin-top: 30px;
}
#sidebar .empty {
color: #7c838d;
background: no-repeat url(../img/logo.svg);
background-size: 100% 140px;
color: #818b9e;
line-height: 1.6;
font-size: 12px;
padding: 25px 40px 80px;
margin-top: 20px;
padding: 150px 40px 80px;
text-align: center;
position: absolute;
top: 0;
}
#sidebar .empty:before {
content: "\f085";
display: block;
margin-top: 20px;
font: 64px Octicons;
opacity: .4;
margin-bottom: 24px;
text-align: center;
}
#sidebar .chan {
display: block;
margin: 1px -10px;
@ -177,7 +175,7 @@ button {
opacity: 0;
}
#sidebar .chan:hover .close {
opacity: .2;
opacity: .1;
}
#sidebar .badge {
background: rgba(255, 255, 255, .06);
@ -212,7 +210,7 @@ button {
width: 18px;
}
#sidebar .close:hover {
background-color: rgba(0, 0, 0, .2);
background-color: rgba(0, 0, 0, .1);
opacity: .7 !important;
}
#footer {
@ -223,7 +221,7 @@ button {
width: 220px;
}
#footer .icon {
color: #7c838d;
color: #818b9e;
display: inline-block;
font: 16px Octicons;
line-height: 34px;
@ -312,8 +310,8 @@ button {
width: 100%;
}
#windows .input {
border: 2px solid #e9ecef;
border-radius: 4px;
border: 1px solid #cdd3da;
border-radius: 3px;
color: #222;
font-size: 14px;
margin: 2px 0;
@ -325,7 +323,7 @@ button {
}
#windows .input:hover,
#windows .input:focus {
border-color: #bdc3c7;
border-color: #79838c;
}
#windows .chan,
#windows .window {

7
client/img/logo.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0"?>
<svg enable-background="new 0 0 512 512" height="512px" id="Layer_1" version="1.1" viewBox="0 0 512 512" width="512px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="chat_x5F_support">
<path d="M170.542,357.786c-15.944-2.444-31.341-6.704-46.024-12.779l-5.493-2.272l-44.78,16.973l15.091-33.515 l-8.914-7.281C48.552,292.879,31,258.503,31,222.119C31,145.96,108.141,84,202.96,84c66.491,0,124.284,30.47,152.885,74.937 c6.45,0.715,12.819,1.716,19.08,3.013C346.379,107.298,280.133,69,202.96,69C99.705,69,16,137.554,16,222.119 c0,42.354,20.999,80.691,54.934,108.411l-25.235,56.04l73.085-27.701c18.762,7.762,39.34,13.007,61.07,15.203 C176.34,368.804,173.231,363.368,170.542,357.786z" fill="#818B9E" />
<path d="M492,303.273c0-72.144-71.411-130.629-159.5-130.629S173,231.128,173,303.273s71.411,130.629,159.5,130.629 c25.834,0,50.229-5.036,71.813-13.965l62.35,23.633l-21.528-47.809C474.085,372.112,492,339.406,492,303.273z M253.5,334.606 c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5c14.636,0,26.5,11.864,26.5,26.5S268.136,334.606,253.5,334.606z M332.5,334.606c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5s26.5,11.864,26.5,26.5S347.136,334.606,332.5,334.606z M411.5,334.606c-14.636,0-26.5-11.864-26.5-26.5s11.864-26.5,26.5-26.5s26.5,11.864,26.5,26.5S426.136,334.606,411.5,334.606z" fill="#f2f3f5" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -74,31 +74,31 @@
<div class="col-xs-8">
<label>
Server
<input class="input" name="host" placeholder="irc.freenode.org">
<input class="input" name="host" value="irc.freenode.org">
</label>
</div>
<div class="col-xs-4">
<label class="port">
Port
<input class="input" name="port" placeholder="6667">
<input class="input" name="port" value="6667">
</label>
</div>
<div class="col-xs-5">
<label>
Nick
<input class="input" name="nick" placeholder="shout-user">
<input class="input" name="nick" value="shout-user">
</label>
</div>
<div class="col-xs-7">
<label>
Real Name
<input class="input" name="realname" class="input" placeholder="Shout User">
<input class="input" name="realname" class="input" value="Shout User">
</label>
</div>
<div class="col-xs-12">
<label>
Channels
<input class="input" name="join" class="input" placeholder="#shout-irc">
<input class="input" name="join" class="input" value="#shout-irc">
</label>
</div>
<div class="col-xs-12">

View File

@ -405,12 +405,19 @@ $(function() {
var forms = $("#sign-in, #connect");
windows.on("show", ".window", function() {
// Temporary.
return;
var self = $(this);
setTimeout(function() {
self.find("input").eq(0).focus();
self.find("input").eq(0).focus().select();
}, 0);
});
windows.on("click", ".input", function() {
$(this).select();
});
forms.on("submit", "form", function(e) {
e.preventDefault()
var event = "auth";

View File

@ -41,7 +41,7 @@ module.exports = function() {
}
});
console.log("Server started");
console.log("Server started.");
console.log("Shout is now running on port " + port);
if (config.public) {