106 строки
2.2 KiB
Stylus
106 строки
2.2 KiB
Stylus
@import "ShortCSS/ShortCSS.styl"
|
|
@import "normalize/normalize.styl"
|
|
|
|
/** ptest css */
|
|
|
|
body
|
|
-ff _ffv
|
|
-fs 16
|
|
|
|
$link_color = #0063ff
|
|
$link_color_border = alpha($link_color,.3)
|
|
$link_hover_color = #ff475d
|
|
$link_hover_color_border = alpha($link_hover_color,.24)
|
|
$link_visited_color = #cf00cf
|
|
$link_visited_color_border = alpha($link_visited_color,.3)
|
|
|
|
a
|
|
-c $link_color
|
|
-td none
|
|
-brb 1 solid $link_color_border
|
|
|
|
&:visited
|
|
-c $link_visited_color
|
|
-brbc $link_visited_color_border
|
|
|
|
&:hover
|
|
&:visited:hover
|
|
-c $link_hover_color
|
|
-brbc $link_hover_color_border
|
|
|
|
.page
|
|
|
|
&__container
|
|
-wmax 800
|
|
-m 0 auto
|
|
|
|
.header
|
|
-p 30
|
|
-bg #ffcc56
|
|
-bg -moz-repeating-linear-gradient(178deg, rgba(255,204,86,.5) 8px, rgba(255,140,0,.5) 18px);
|
|
-bg -webkit-repeating-linear-gradient(178deg, rgba(255,204,86,.5) 8px,rgba(255,140,0,.5) 18px);
|
|
-bg repeating-linear-gradient(178deg, rgba(255,204,86,.5) 8px,rgba(255,140,0,.5) 18px);
|
|
bx-shadow 2px 3px 15px #eb4 inset
|
|
b-radius 2
|
|
-mt 30
|
|
-mb 60
|
|
-ta center
|
|
|
|
&__title
|
|
line-height 1
|
|
-m 0
|
|
-ff _fftnr
|
|
-fst italic
|
|
-ts 1 1 1 #a76f19
|
|
-fs 52
|
|
|
|
.page-title
|
|
-pb 35
|
|
|
|
.content
|
|
-pb 76
|
|
|
|
.footer
|
|
-brt 1 solid #dead6f
|
|
-pt 24
|
|
-fs 85%
|
|
-c #232425
|
|
-pb 40
|
|
|
|
#CAPTCHA
|
|
& > img
|
|
-w (320/2)
|
|
-h (120/2)
|
|
clear both
|
|
-d block
|
|
|
|
form
|
|
-w 320
|
|
|
|
.form-element
|
|
-m 0 -8 10 -8
|
|
-p 6 8
|
|
|
|
&--error
|
|
-bg #ffeeee
|
|
background -moz-repeating-linear-gradient(-45deg,transparent 0px,transparent 11px,rgba(255,0,0,.2)12px), -moz-repeating-linear-gradient(45deg,transparent 0px,transparent 11px,rgba(255,0,0,.2)12px)
|
|
background -webkit-repeating-linear-gradient(-45deg,transparent 0px,transparent 11px,rgba(255,0,0,.2)12px), -webkit-repeating-linear-gradient(45deg,transparent 0px,transparent 11px,rgba(255,0,0,.2)12px)
|
|
background repeating-linear-gradient(-45deg,transparent 0px,transparent 11px,rgba(255,0,0,.2)12px), repeating-linear-gradient(45deg,transparent 0px,transparent 11px,rgba(255,0,0,.2)12px)
|
|
-ff _ffa
|
|
-fs 15
|
|
-lh 30
|
|
-fw 700
|
|
-c #111
|
|
|
|
&__input
|
|
&__textarea
|
|
-w 100%
|
|
outline none
|
|
-br 0 none
|
|
-brb 2 solid $link_color_border
|
|
transit border-bottom .15s ease-out 0s
|
|
-p 4 0
|
|
|
|
&:focus
|
|
-brb 2 solid $link_hover_color_border
|