Move styles out of index.html

(imported from commit 8b3732ff67af71dac49886004370b6d4759b140f)
This commit is contained in:
Keegan McAllister 2012-09-11 14:25:29 -04:00
parent d8c3d60c18
commit a5d105dbae
2 changed files with 13 additions and 10 deletions

View File

@ -5,15 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="static/styles/zephyr.css" rel="stylesheet"> <link href="static/styles/zephyr.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet"> <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements --> <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
@ -113,7 +104,7 @@ var people_list = {{ people }};
<img class="profile_picture" src="http://www.gravatar.com/avatar/a?d=identicon"/> <img class="profile_picture" src="http://www.gravatar.com/avatar/a?d=identicon"/>
<p class="zephyr_text"> <p class="zephyr_text">
<textarea class="zephyr_message" name="new_zephyr" id="new_zephyr" value="" /></textarea> <textarea class="zephyr_message" name="new_zephyr" id="new_zephyr" value="" /></textarea>
<input type="submit" value="Zephyr" style="float:right" class="btn" /> <input type="submit" value="Zephyr" class="btn send_zephyr" />
</p> </p>
</td> </td>
</tr> </tr>

View File

@ -1,6 +1,12 @@
body { body {
font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-family: 'Open Sans', Helvetica, Arial, sans-serif;
overflow: hidden overflow: hidden
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
} }
span.realname { span.realname {
@ -169,14 +175,20 @@ textarea.zephyr_message {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
textarea:focus { textarea:focus {
outline: none; outline: none;
border: gray; border: gray;
} }
input.zephyr_recipient_box { input.zephyr_recipient_box {
width: 90px; width: 90px;
} }
input.send_zephyr {
float: right;
}
div.narrow { div.narrow {
position: fixed; position: fixed;
display: none; display: none;