mirror of
https://github.com/samsonjs/stormy-weather.git
synced 2026-03-25 09:15:57 +00:00
186 lines
2.9 KiB
CSS
186 lines
2.9 KiB
CSS
|
|
body
|
|
{ font-family: 'Helvetica Neue', Helvetica, Verdana, Tahoma, sans-serif
|
|
; line-height: 1.4em
|
|
}
|
|
|
|
:focus { outline: none }
|
|
|
|
img, fieldset { border: none }
|
|
|
|
ul, ol, li { list-style: none }
|
|
|
|
a { color: #405e83 }
|
|
a:hover { color: #000 }
|
|
|
|
#wrapper
|
|
{ width: 90%
|
|
; max-width: 1000px
|
|
; margin: 0 auto
|
|
; padding: 0
|
|
}
|
|
|
|
#header { margin: 2em 0 0.7em }
|
|
|
|
#nav
|
|
{ margin: 2.5em 0 0
|
|
; float: right
|
|
; font-size: 0.9em
|
|
; color: #405e83
|
|
}
|
|
|
|
#nav.authorized { margin-top: 1em }
|
|
|
|
#nav a
|
|
{ color: #405e83
|
|
; text-decoration: none
|
|
}
|
|
|
|
#nav a:hover { color: #8db051 }
|
|
|
|
#content
|
|
{ background-color: #e4e8ed
|
|
; padding-bottom: 2em
|
|
}
|
|
|
|
.section-heading
|
|
{ margin: 0
|
|
; background-color: #405e83
|
|
; padding: 1.1em
|
|
; font-weight: normal
|
|
; color: #fff
|
|
; display: inline-block
|
|
; border-top-right-radius: 5px
|
|
; border-bottom-right-radius: 5px
|
|
}
|
|
|
|
.section-heading.top { border-top-right-radius: 0 }
|
|
|
|
.section
|
|
{ clear: left
|
|
; width: 80%
|
|
; margin: auto
|
|
; padding: 1em 0 2em
|
|
}
|
|
|
|
.clear { clear: both }
|
|
|
|
#flash
|
|
{ border: solid 1px #bbb
|
|
; font-weight: bold
|
|
; padding: 0.7em 0.4em
|
|
; margin: 1em auto
|
|
; width: 70%
|
|
; font-size: 1.2em
|
|
; text-align: center
|
|
; clear: left
|
|
; border-radius: 5px
|
|
}
|
|
|
|
.notice { background-color: #d3edc5 }
|
|
.warning { background-color: #ffc }
|
|
#flash.error { background-color: #fcc }
|
|
|
|
/* for input fields and validation messages */
|
|
input.error, p.error { background-color: #ffc }
|
|
|
|
button#hide-flash
|
|
{ background-color: #092
|
|
; border-color: #061
|
|
; float: right
|
|
; padding: 0.3em 0.5em
|
|
; margin-top: -0.3em
|
|
}
|
|
|
|
#flash.error button#hide-flash
|
|
{ background-color: #a00
|
|
; border-color: #600
|
|
}
|
|
|
|
input[type="email"],
|
|
input[type="password"],
|
|
input[type="phone"],
|
|
input[type="tel"],
|
|
input[type="text"],
|
|
input[type="url"]
|
|
{ font-family: 'Helvetica Neue', Helvetica, Verdana, Tahoma, sans-serif
|
|
; padding: 0 0.2em
|
|
; border: solid 1px #CCD3DB
|
|
; font-size: 1em
|
|
; height: 1.6em
|
|
}
|
|
|
|
input.editable
|
|
{ padding: 0.2em 0.3em
|
|
; margin-right: 0.5em
|
|
}
|
|
|
|
label
|
|
{ margin: 0 0.2em 0 0
|
|
; font-weight: bold
|
|
; font-size: 1em
|
|
; color: #405e83
|
|
}
|
|
|
|
button,
|
|
input[type="submit"]
|
|
{ border: solid 2px #41749a
|
|
; background-color: #509ed4
|
|
; color: #f9f9f9
|
|
; font-size: 0.8em
|
|
; border-radius: 3px
|
|
; cursor: pointer
|
|
; -moz-transition: all 0.3s ease
|
|
; -o-transition: all 0.3s ease
|
|
; -webkit-transition: all 0.3s ease
|
|
; transition: all 0.3s ease
|
|
}
|
|
|
|
button:hover,
|
|
input[type="submit"]:hover
|
|
{ color: #fff
|
|
; border-color: #444
|
|
}
|
|
|
|
.placeholder { color: #999 }
|
|
|
|
.hidden { display: none }
|
|
|
|
.editable,
|
|
.editable-json
|
|
{ color: #405e83
|
|
; background-color: #f6f6f6
|
|
; padding: 0.3em
|
|
}
|
|
|
|
.editable form,
|
|
.editable-json form
|
|
{ display: inline
|
|
; padding: 0
|
|
; margin: 0
|
|
}
|
|
|
|
p.error
|
|
{ text-align: center
|
|
; background-color: #fee
|
|
; padding: 0.5em 0
|
|
; width: 60%
|
|
; border: solid 2px #c99
|
|
; border-radius: 3px
|
|
}
|
|
|
|
.edit-instructions
|
|
{ font-variant: italic
|
|
; color: #888
|
|
; vertical-align: middle
|
|
}
|
|
|
|
#footer
|
|
{ width: 100%
|
|
; padding: 1em 0 2em 0
|
|
; font-size: 0.7em
|
|
; color: #28313c
|
|
; text-align: center
|
|
}
|
|
|
|
#copyright { text-align: right }
|