rodolphe/chromesoul
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

config pannel style improvement

Browse source
This commit is contained in:
Rodolphe Breard 2013-01-21 16:49:18 +01:00
parent 84354c7e52
commit 637d524ab4
2 changed files with 34 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
chromesoul.css
View file

@ -102,6 +102,36 @@ body {
min-width: 400px; min-width: 400px;
} }
#main-ctn > * {
padding: 10px;
}
/*
* Config
*/
#config-pannel {
background-color: #e4e4e4;
}
#config-pannel > input[type=text], #config-pannel > input[type=password] {
width: 130px;
padding: 5px;
border: 1px solid #347db0;
outline-style: none;
background-color: #f3f3f3;
}
#save {
margin: 0;
padding: 5px;
width: 140px;
height: 30px;
border-style: none;
background-color: #347db0;
color: #f3f3f3;
}
/* /*
* Tabs * Tabs
*/ */

8
chromesoul.html
View file

@ -20,10 +20,10 @@
<div id="main-ctn"> <div id="main-ctn">
<p id="pre-conf-pannel">You haven't configured chromesoul yet, you should go to the configuration pannel.</p> <p id="pre-conf-pannel">You haven't configured chromesoul yet, you should go to the configuration pannel.</p>
<div id="config-pannel"> <div id="config-pannel">
Login: <input type="text" id="login" class="opt" value=""><br> <input type="text" placeholder="Login" id="login" class="opt" value="test_42"><br>
Password (socks): <input type="password" id="pwd_socks" class="opt" value=""><br> <input type="password" placeholder="Password (SOCKS)" id="pwd_socks" class="opt" value="password"><br>
Enable notifications: <input type="checkbox" id="enable_notif" class="opt" checked="checked"><br> <input type="checkbox" id="enable_notif" class="opt" checked="checked"><label for="enable_notif">Enable notifications</label><br>
Enable messages: <input type="checkbox" id="enable_msg" class="opt" checked="checked"><br> <input type="checkbox" id="enable_msg" class="opt" checked="checked"><label for="enable_msg">Enable messages</label><br>
<button id="save">Save</button> <span id="status"></span> <button id="save">Save</button> <span id="status"></span>
</div> </div>
<div id="chat-pannel"> <div id="chat-pannel">