Created
January 25, 2015 08:04
-
-
Save kolosek/7efca2bfc2ae701e9d21 to your computer and use it in GitHub Desktop.
Application layout for rails girls
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
/* | |
* This is a manifest file that'll automatically include all the stylesheets available in this directory | |
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at | |
* the top of the compiled file, but it's generally better to create a new file per style scope. | |
*= require_self | |
*= require_tree . | |
*/ | |
body { | |
background-color: #4B7399; | |
font-family: Verdana, Helvetica, Arial; | |
font-size: 14px; | |
} | |
a img { | |
border: none; | |
} | |
a { | |
color: #0000FF; | |
} | |
.clear { | |
clear: both; | |
height: 0; | |
overflow: hidden; | |
} | |
#container { | |
width: 75%; | |
margin: 0 auto; | |
background-color: #FFF; | |
padding: 20px 40px; | |
border: solid 1px black; | |
margin-top: 20px; | |
} | |
#flash_notice, #flash_error, #flash_alert { | |
padding: 5px 8px; | |
margin: 10px 0; | |
} | |
#flash_notice { | |
background-color: #CFC; | |
border: solid 1px #6C6; | |
} | |
#flash_error, #flash_alert { | |
background-color: #FCC; | |
border: solid 1px #C66; | |
} | |
.fieldWithErrors { | |
display: inline; | |
} | |
.error_messages { | |
width: 400px; | |
border: 2px solid #CF0000; | |
padding: 0px; | |
margin-bottom: 20px; | |
background-color: #f0f0f0; | |
font-size: 12px; | |
} | |
.error_messages h2 { | |
text-align: left; | |
font-weight: bold; | |
padding: 5px 10px; | |
font-size: 12px; | |
margin: 0; | |
background-color: #c00; | |
color: #fff; | |
} | |
form .field, form .actions { | |
margin: 12px 0; | |
} | |
label.required { | |
font-weight: bold; | |
} | |
.product h2 { | |
font-size: 16px; | |
margin-bottom: 2px; | |
} | |
form h2 { | |
font-size: 16px; | |
margin-top: 20px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment