257 lines
4.8 KiB
Sass
257 lines
4.8 KiB
Sass
// Use this file for reusable styles.
|
|
// Define more specific styles in screen.sass
|
|
|
|
h1,h2,h3,h4,h5,h6
|
|
a
|
|
text-decoration: none
|
|
&:hover
|
|
text-decoration: underline
|
|
span.divider
|
|
color: #AAA
|
|
|
|
h1
|
|
color: $main_color_dark
|
|
color: black
|
|
font-size: 1.5em
|
|
line-height: 1.3em
|
|
padding: 10px 0 10px 0
|
|
@include droid_sans_bold
|
|
|
|
h2
|
|
color: $main_color_light
|
|
color: black
|
|
font-size: 1.3em
|
|
padding: 10px 0 10px 0
|
|
a
|
|
color: black
|
|
span.sub
|
|
font-size: .7em
|
|
color: #999
|
|
font-style: italic
|
|
a
|
|
color: #777
|
|
|
|
h3
|
|
color: black
|
|
font-size: 1.1em
|
|
padding: 10px 0 10px 0
|
|
|
|
div.heading_with_menu
|
|
@include no_float
|
|
|
|
h1,h2,h3,h4,h5,h6
|
|
@include float_left
|
|
@include box-sizing(border-box)
|
|
width: 60%
|
|
ul
|
|
@include float_right
|
|
@include box-sizing(border-box)
|
|
margin-top: 10px
|
|
|
|
p
|
|
line-height: 1.4em
|
|
padding: 0 0 10px 0
|
|
color: #333
|
|
|
|
ol
|
|
margin: 0px 0 10px 0
|
|
padding: 0 0 0 18px
|
|
list-style-type: decimal
|
|
li
|
|
padding: 5px 0px
|
|
font-size: .9em
|
|
color: #333
|
|
|
|
|
|
.markdown
|
|
|
|
h3
|
|
color: $main_color_dark
|
|
|
|
h4
|
|
color: #666
|
|
|
|
pre
|
|
@include code_font
|
|
background-color: $code_bg_color
|
|
border: 1px solid black
|
|
border-color: $code_border_color
|
|
padding: 10px
|
|
margin: 0 0 10px 0
|
|
code
|
|
line-height: 1.6em
|
|
|
|
p, li
|
|
code
|
|
@include code_font
|
|
//border-bottom: 1px dashed #999
|
|
background-color: #F0F0F0
|
|
color: black
|
|
padding: 1px 3px
|
|
|
|
ol,ul
|
|
@include droid_sans
|
|
margin: 5px 0 10px 0
|
|
padding: 0 0 0 18px
|
|
list-style-type: disc
|
|
li
|
|
padding: 3px 0px
|
|
line-height: 1.4em
|
|
color: #333
|
|
|
|
|
|
div.gist
|
|
margin: 20px 0 25px 0 !important
|
|
|
|
// div.big is used in cases where <p> tags are generated by a markup
|
|
// processor and can't easily have the 'big' class attached to them..
|
|
p.big, div.big p
|
|
font-size: 1 em
|
|
margin-bottom: 10px
|
|
|
|
span
|
|
&.weak
|
|
color: #666
|
|
&.blank, &.empty
|
|
color: #888
|
|
font-style: italic
|
|
|
|
a
|
|
color: $main_color_dark
|
|
|
|
strong
|
|
@include droid_sans_bold
|
|
font-weight: bold
|
|
|
|
|
|
.code
|
|
@include code_font
|
|
|
|
pre
|
|
@include code_font
|
|
background-color: $code_bg_color
|
|
border: 1px solid black
|
|
border-color: $code_border_color
|
|
padding: 10px
|
|
/* white-space: pre-line */
|
|
code
|
|
line-height: 1.6em
|
|
|
|
|
|
.required
|
|
font-weight: bold
|
|
|
|
table
|
|
&.fullwidth
|
|
width: 100%
|
|
thead
|
|
tr
|
|
th
|
|
padding: 5px
|
|
font-size: .9em
|
|
color: #666
|
|
border-bottom: 1px solid #999
|
|
tbody
|
|
tr
|
|
&.offset
|
|
background-color: #F5F5F5
|
|
td
|
|
padding: 6px
|
|
font-size: .9em
|
|
border-bottom: 1px solid #CCC
|
|
vertical-align: top
|
|
line-height: 1.3em
|
|
&:last-child
|
|
td
|
|
border-bottom: none
|
|
&.offset
|
|
background-color: #F0F0F0
|
|
|
|
form
|
|
&.form_box
|
|
background-color: mix($form_color, #FFF, 8%)
|
|
border: 1px solid black
|
|
border-color: mix($form_color, #FFF, 25%)
|
|
padding: 10px
|
|
label
|
|
color: $form_color !important
|
|
input[type=submit]
|
|
display: block
|
|
padding: 10px
|
|
p
|
|
font-size: .9em
|
|
padding: 0 0 15px 0
|
|
color: mix($code_bg_color, #000, 50%)
|
|
a
|
|
color: mix($code_bg_color, #000, 40%)
|
|
strong
|
|
color: black
|
|
&.weak
|
|
font-size: .8em
|
|
|
|
&.formtastic
|
|
fieldset.inputs
|
|
ol
|
|
li
|
|
p.inline-hints
|
|
margin-left: 0
|
|
font-style: italic
|
|
font-size: .9em
|
|
margin: 0
|
|
label
|
|
display: block
|
|
clear: both
|
|
width: auto
|
|
padding: 0 0 3px 0
|
|
color: #666
|
|
abbr
|
|
padding-left: 3px
|
|
color: #888
|
|
&.required
|
|
label
|
|
color: black
|
|
&.string, &.url, &.numeric
|
|
input
|
|
display: block
|
|
padding: 4px
|
|
width: auto
|
|
clear: both
|
|
&.title
|
|
font-size: 1.3em
|
|
&.text
|
|
textarea
|
|
@include droid_sans
|
|
height: 250px
|
|
padding: 4px
|
|
display: block
|
|
clear: both
|
|
&.select
|
|
label
|
|
select
|
|
display: block
|
|
clear: both
|
|
|
|
&.boolean
|
|
@include no_float
|
|
input
|
|
display: block
|
|
float: left
|
|
clear: none
|
|
margin: 0 5px 0 0
|
|
label
|
|
display: block
|
|
float: left
|
|
clear: none
|
|
margin: 0
|
|
padding: 0
|
|
|
|
fieldset.buttons
|
|
margin: 0
|
|
padding: 0
|
|
|
|
&.fullwidth
|
|
ol
|
|
li
|
|
&.string input, &.url input, &.text textarea, &.numeric input
|
|
width: 500px !important
|
|
|