-
Notifications
You must be signed in to change notification settings - Fork 58
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Ilya Gorenburg
committed
Apr 8, 2011
1 parent
8131146
commit 502db3c
Showing
1 changed file
with
68 additions
and
89 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,89 +1,68 @@ | ||
body { background-color: #dadada;} | ||
|
||
h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; } | ||
|
||
.content { | ||
background: #fff; | ||
padding: 40px; | ||
margin: 40px auto; | ||
width: 880px; | ||
-moz-border-radius: 24px; | ||
-webkit-border-radius: 24px; | ||
overflow: hidden; | ||
} | ||
|
||
#navigation { | ||
width: 100%; | ||
} | ||
|
||
#navigation ul{ | ||
margin: 0; | ||
padding: 0; | ||
float: left; | ||
} | ||
|
||
#navigation ul li{ | ||
display: inline; | ||
} | ||
|
||
#navigation ul li a{ | ||
float: left; | ||
text-decoration: none; | ||
padding: 5px; | ||
} | ||
|
||
#navigation ul li a:hover, #navigation ul li .selected { | ||
color: black | ||
} | ||
|
||
div.alert { border: 1px solid #ddd; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin-bottom: 1em; padding: 0.8em; background: #FBE3E4; border-color: #FBC2C4; color: #D12F19;} | ||
div.error a { color: #D12F19; } | ||
table.list th { white-space:nowrap; background:#f1f1f1; padding: 0.5em; } | ||
table.list td { padding: 0.5em; } | ||
table.list tr.odd td { background: #fafafa; } | ||
table.list td.actions img { margin: 2px 1px; } | ||
table.list th.numeric, | ||
table.list td.numeric { text-align:right; } | ||
div.gauge { border:solid 1px #ccc; width:100%; position:relative; height:10px; } | ||
div.gauge-line { height:10px; background:#f0f0f0; position:absolute; top:0; left:0; } | ||
div.percent { text-align:center; font-size:10px; position:relative; z-index:9; width:100%; } | ||
table.list td.actions { padding: 0; width:2em; text-align: center; } | ||
table.list td.actions a { width:20px; height:20px; text-indent:-9999em; overflow:hidden; display:block; float:left; background-position: 0 0; background-repeat:no-repeat; margin: auto; } | ||
table.list td.actions a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } | ||
.edit_link a { background-image: url("/images/icon_edit.gif"); } | ||
.destroy_link a { background-image: url("/images/icon_delete.gif"); } | ||
.show_link a { background-image: url("/images/icon_view.gif"); } | ||
|
||
a.button, fieldset.buttons input { background: url("/images/button_bg.gif") bottom left repeat-x; border:0; height:32px; overflow:visible; cursor:pointer; border:solid 1px #d2d2d2; line-height:30px; padding: 0 10px; font-weight:bold; text-shadow: 1px 1px #fff; border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0; text-transform:uppercase; color:#000; text-decoration:none; } | ||
a.button:hover, fieldset.buttons input:hover { color:#555; } | ||
a.button:focus, fieldset.buttons input:focus { background-position:top left; border-bottom:solid 1px #f3f3f3; } | ||
a.button { line-height:30px; display:block; height:30px; float:left; clear:both; } | ||
div.buttons { overflow:hidden; } | ||
a.button.add span { background:url("/images/icon_add.gif") center left no-repeat; padding-left:20px; } | ||
h5.legend { font-size:1.2em; } | ||
fieldset.buttons li.commit { margin-right: 1em; } | ||
|
||
textarea { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-color:#A7A7A7 #E3E3E3 #E3E3E3 #A7A7A7; border-style:solid; border-width:1px; } | ||
|
||
textarea:focus, input[type="text"]:focus, input[type="password"]:focus { -moz-box-shadow: 0 0 5px #FFF6BF; box-shadow: 0 0 5px #FFF6BF; -webkit-box-shadow: 0 0 5px #FFF6BF; } | ||
li.error input[type="text"]:focus, li.error input[type="password"]:focus, li.error textarea:focus { -moz-box-shadow: 0 0 5px #FBE3E4; box-shadow: 0 0 5px #FBE3E4; -webkit-box-shadow: 0 0 5px #FBE3E4; } | ||
input[type="text"], input[type="password"] { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px; border-color:#A7A7A7 #E3E3E3 #E3E3E3 #A7A7A7; border-style:solid; border-width:1px; padding:3px 2px; width:300px; } | ||
fieldset { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } | ||
form ol li.password, form ol li.date, form ol li.time, form ol li.select, form ol li.radio, form ol li.check_boxes, form ol li.string { width:350px; float: left; } | ||
form ol li.datetime, form ol li.text { clear: both; width: 700px; } | ||
form abbr { color:red; font-size:1.2em; margin-left:.2em; } | ||
#user_remember_me_input { clear:both;} | ||
|
||
/* pagination */ | ||
.pagination { text-align: center; } | ||
.pagination .page.current { font-style: italic; background: #f0f0f0; padding: 0 5px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; margin: 0 2px; border: solid 1px #ddd; } | ||
|
||
#session_new, #user_new { width: 400px; float: left;} | ||
|
||
#oauth { float: right; } | ||
#oauth strong { font-size: 2em; float: left; font-size: 32px; margin: 95px 40px 0 0;} | ||
#oauth fieldset { float: right; width: 320px; position: relative; } | ||
#oauth fieldset a { margin: 24px 8px 0 8px; overflow: hidden; float: left; } | ||
#oauth fieldset a img { margin: 0 0 4px; } | ||
#oauth fieldset a span { display: block; text-align: center; } | ||
#oauth fieldset legend { position: absolute; top: 23px; left: 34px; } | ||
/* GLOBAL */ | ||
body{background-color:#dadada} | ||
h1,h2,h3,h4,h5,h6{margin:0 0 1em} | ||
|
||
/* GENERAL */ | ||
.content{background:#fff;width:880px;-moz-border-radius:24px;-webkit-border-radius:24px;overflow:hidden;margin:40px auto;padding:40px} | ||
|
||
/* NOTIFICATIONS */ | ||
div.alert{border:1px solid #ddd;-moz-border-radius:8px;-webkit-border-radius:8px;margin-bottom:1em;background:#FBE3E4;color:#D12F19;border-color:#FBC2C4;padding:.8em} | ||
div.error a{color:#D12F19} | ||
|
||
/* NAVIGATION */ | ||
#navigation{width:100%} | ||
#navigation ul{float:left;margin:0;padding:0} | ||
#navigation ul li{display:inline} | ||
#navigation ul li a{float:left;text-decoration:none;padding:5px} | ||
#navigation ul li a:hover,#navigation ul li .selected{color:#000} | ||
|
||
/* LIST */ | ||
table.list th{white-space:nowrap;background:#f1f1f1;padding:.5em} | ||
table.list td{padding:.5em} | ||
table.list tr.odd td{background:#fafafa} | ||
table.list td.actions img{margin:2px 1px} | ||
table.list th.numeric,table.list td.numeric{text-align:right} | ||
div.gauge{border:solid 1px #ccc;width:100%;position:relative;height:10px} | ||
div.gauge-line{height:10px;background:#f0f0f0;position:absolute;top:0;left:0} | ||
div.percent{text-align:center;font-size:10px;position:relative;z-index:9;width:100%} | ||
|
||
/* ACTIONS */ | ||
table.list td.actions{width:2em;text-align:center;padding:0} | ||
table.list td.actions a{width:20px;height:20px;text-indent:-9999em;overflow:hidden;display:block;float:left;background-position:0 0;background-repeat:no-repeat;margin:auto} | ||
table.list td.actions a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5} | ||
.edit_link a{background-image:url(/images/icon_edit.gif)} | ||
.destroy_link a{background-image:url(/images/icon_delete.gif)} | ||
.show_link a{background-image:url(/images/icon_view.gif)} | ||
|
||
/* FORMS */ | ||
a.button,fieldset.buttons input{background:url(/images/button_bg.gif) bottom left repeat-x;height:32px;overflow:visible;cursor:pointer;border:solid 1px #d2d2d2;line-height:30px;font-weight:bold;text-shadow:1px 1px #fff;border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-transform:uppercase;color:#000;text-decoration:none;margin:0;padding:0 10px} | ||
a.button:hover,fieldset.buttons input:hover{color:#555} | ||
a.button:focus,fieldset.buttons input:focus{background-position:top left;border-bottom:solid 1px #f3f3f3} | ||
a.button{line-height:30px;display:block;height:30px;float:left;clear:both} | ||
div.buttons{overflow:hidden} | ||
a.button.add span{background:url(/images/icon_add.gif) center left no-repeat;padding-left:20px} | ||
h5.legend{font-size:1.2em} | ||
fieldset.buttons li.commit{margin-right:1em} | ||
textarea{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border-color:#A7A7A7 #E3E3E3 #E3E3E3 #A7A7A7;border-style:solid;border-width:1px} | ||
textarea:focus,input[type=text]:focus,input[type=password]:focus{-moz-box-shadow:0 0 5px #FFF6BF;box-shadow:0 0 5px #FFF6BF;-webkit-box-shadow:0 0 5px #FFF6BF} | ||
li.error input[type=text]:focus,li.error input[type=password]:focus,li.error textarea:focus{-moz-box-shadow:0 0 5px #FBE3E4;box-shadow:0 0 5px #FBE3E4;-webkit-box-shadow:0 0 5px #FBE3E4} | ||
input[type=text],input[type=password]{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:300px;border-color:#A7A7A7 #E3E3E3 #E3E3E3 #A7A7A7;border-style:solid;border-width:1px;padding:3px 2px} | ||
fieldset{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px} | ||
form ol li.password,form ol li.date,form ol li.time,form ol li.select,form ol li.radio,form ol li.check_boxes,form ol li.string{width:350px;float:left} | ||
form ol li.datetime,form ol li.text{clear:both;width:700px} | ||
form abbr{color:red;font-size:1.2em;margin-left:.2em} | ||
#user_remember_me_input{clear:both} | ||
#session_new,#user_new{width:400px;float:left} | ||
|
||
/* PAGINATION */ | ||
.pagination{text-align:center} | ||
.pagination .page.current{font-style:italic;background:#f0f0f0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:solid 1px #ddd;margin:0 2px;padding:0 5px} | ||
|
||
/* TWITTER */ | ||
#oauth{float:right} | ||
#oauth strong{float:left;font-size:32px;margin:95px 40px 0 0} | ||
#oauth fieldset{float:right;width:320px;position:relative} | ||
#oauth fieldset a{overflow:hidden;float:left;margin:24px 8px 0} | ||
#oauth fieldset a img{margin:0 0 4px} | ||
#oauth fieldset a span{display:block;text-align:center} | ||
#oauth fieldset legend{position:absolute;top:23px;left:34px} |