210 lines
5.9 KiB
Sass
210 lines
5.9 KiB
Sass
@charset "utf-8"
|
|
|
|
// Variables {{{
|
|
$section-title-color: #8786b7
|
|
$tag-bg-light: #f0f0fa
|
|
$tag-bg-dark: #8786b7
|
|
$tag-border: #afafb6
|
|
$tag-border-selected: #a6a6fe
|
|
$hover-background: #f0f0fa
|
|
$link-color: #8a89ba
|
|
$sheet-max-width: 860px
|
|
// }}}
|
|
// Mixins {{{
|
|
@font-face
|
|
font-family: 'mnmliconsRegular'
|
|
src: url('/web/static/src/font/mnmliconsv21-webfont.eot') format('eot')
|
|
src: url('/web/static/src/font/mnmliconsv21-webfont.woff') format('woff')
|
|
src: url('/web/static/src/font/mnmliconsv21-webfont.ttf') format('truetype')
|
|
src: url('/web/static/src/font/mnmliconsv21-webfont.svg') format('svg') active
|
|
font-weight: normal
|
|
font-style: normal
|
|
|
|
@font-face
|
|
font-family: 'EntypoRegular'
|
|
src: url('/web/static/src/font/entypo-webfont.eot') format('eot')
|
|
src: url('/web/static/src/font/entypo-webfont.eot?#iefix') format('embedded-opentype')
|
|
src: url('/web/static/src/font/entypo-webfont.woff') format('woff')
|
|
src: url('/web/static/src/font/entypo-webfont.ttf') format('truetype')
|
|
src: url('/web/static/src/font/entypo-webfont.svg') format('svg') active
|
|
font-weight: normal
|
|
font-style: normal
|
|
|
|
@mixin reset()
|
|
border: none
|
|
padding: 0
|
|
margin: 0
|
|
background: none
|
|
@include radius(none)
|
|
@include box-shadow(none)
|
|
|
|
@mixin vertical-gradient($startColor: #555, $endColor: #333)
|
|
background-color: $startColor
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from($startColor), to($endColor)) /* Saf4+, Chrome */
|
|
background-image: -webkit-linear-gradient(top, $startColor, $endColor) /* Chrome 10+, Saf5.1+, iOS 5+ */
|
|
background-image: -moz-linear-gradient(top, $startColor, $endColor) /* FF3.6 */
|
|
background-image: -ms-linear-gradient(top, $startColor, $endColor) /* IE10 */
|
|
background-image: -o-linear-gradient(top, $startColor, $endColor) /* Opera 11.10+ */
|
|
background-image: linear-gradient(to bottom, $startColor, $endColor)
|
|
|
|
@mixin radial-gradient($gradient)
|
|
background-position: center center
|
|
background-image: -webkit-radial-gradient(circle, $gradient)
|
|
background-image: -moz-radial-gradient($gradient)
|
|
background-image: -ms-radial-gradient($gradient)
|
|
background-image: radial-gradient($gradient)
|
|
|
|
@mixin radius($radius: 5px)
|
|
-moz-border-radius: $radius
|
|
-webkit-border-radius: $radius
|
|
border-radius: $radius
|
|
|
|
@mixin box-shadow($bsval: 0px 1px 4px #777)
|
|
-moz-box-shadow: $bsval
|
|
-webkit-box-shadow: $bsval
|
|
box-shadow: $bsval
|
|
|
|
@mixin transition($transval: (border linear 0.2s, box-shadow linear 0.2s))
|
|
-webkit-transition: $transval
|
|
-moz-transition: $transval
|
|
-ms-transition: $transval
|
|
-o-transition: $transval
|
|
transition: $transval
|
|
|
|
@mixin opacity($opacity: .5)
|
|
filter: alpha(opacity=$opacity * 100)
|
|
opacity: $opacity
|
|
|
|
@mixin background-clip($clip: padding-box)
|
|
-webkit-background-clip: $clip
|
|
-moz-background-clip: $clip
|
|
background-clip: $clip
|
|
|
|
@mixin box-sizing($type: content)
|
|
// type = border || content || padding
|
|
-webkit-box-sizing: #{$type}-box
|
|
-moz-box-sizing: #{$type}-box
|
|
-ms-box-sizing: #{$type}-box
|
|
box-sizing: #{$type}-box
|
|
|
|
// Transforms the (readable) text of an inline element into an mmlicons icon,
|
|
// allows for actual readable text in-code (and in readers?) with iconic looks
|
|
@mixin text-to-icon($icon-name, $color: #404040)
|
|
font-size: 1px
|
|
letter-spacing: -1px
|
|
color: transparent
|
|
&: before
|
|
font: 21px "mnmliconsRegular"
|
|
content: $icon-name
|
|
color: $color
|
|
|
|
// }}}
|
|
// CSS animation bounces {{{
|
|
@-moz-keyframes bounce
|
|
0%
|
|
-moz-transform: scale(0)
|
|
opacity: 0
|
|
50%
|
|
-moz-transform: scale(1.3)
|
|
opacity: 0.4
|
|
75%
|
|
-moz-transform: scale(0.9)
|
|
opacity: 0.7
|
|
100%
|
|
-moz-transform: scale(1)
|
|
opacity: 1
|
|
|
|
@-webkit-keyframes bounce
|
|
0%
|
|
-webkit-transform: scale(0)
|
|
opacity: 0
|
|
50%
|
|
-webkit-transform: scale(1.3)
|
|
opacity: 0.4
|
|
75%
|
|
-webkit-transform: scale(0.9)
|
|
opacity: 0.7
|
|
100%
|
|
-webkit-transform: scale(1)
|
|
opacity: 1
|
|
// }}}
|
|
|
|
|
|
.oe_kanban_color_2
|
|
background-color: red
|
|
|
|
// au BufWritePost,FileWritePost *.sass : !sass --style expanded --line-numbers <afile> > "%: p: r.css"
|
|
|
|
.oe_kanban_column
|
|
.note_text_line_through
|
|
text-decoration: line-through
|
|
|
|
|
|
.openerp
|
|
.oe_fold_column
|
|
.oe_kanban_card_fancy
|
|
text-decoration: none
|
|
color: #000
|
|
display: block
|
|
padding: 1em
|
|
margin-right: 1em
|
|
margin-bottom: 1em
|
|
-moz-box-shadow: 5px 5px 7px rgba(33,33,33,1)
|
|
-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7)
|
|
box-shadow: 5px 5px 7px rgba(33,33,33,.7)
|
|
|
|
|
|
@mixin rotate($a)
|
|
-webkit-transform: rotate($a)
|
|
-o-transform: rotate($a)
|
|
-moz-transform: rotate($a)
|
|
|
|
.openerp
|
|
.oe_kanban_record
|
|
.oe_kanban_card_fancy
|
|
@include rotate(-2deg)
|
|
.oe_kanban_record:nth-of-type(even)
|
|
.oe_kanban_card_fancy
|
|
@include rotate(1deg)
|
|
.oe_kanban_record:nth-of-type(3n)
|
|
.oe_kanban_card_fancy
|
|
@include rotate(4deg)
|
|
.oe_kanban_column:nth-of-type(even)
|
|
.oe_kanban_card_fancy
|
|
@include rotate(2deg)
|
|
.oe_kanban_column:nth-of-type(even)
|
|
.oe_kanban_record:nth-of-type(even)
|
|
.oe_kanban_card_fancy
|
|
@include rotate(-3deg)
|
|
.oe_kanban_column:nth-of-type(even)
|
|
.oe_kanban_record:nth-of-type(3n)
|
|
.oe_kanban_card_fancy
|
|
@include rotate(1deg)
|
|
.oe_kanban_column:nth-of-type(3n)
|
|
.oe_kanban_card_fancy
|
|
@include rotate(-2deg)
|
|
.oe_kanban_column:nth-of-type(3n)
|
|
.oe_kanban_record:nth-of-type(even)
|
|
.oe_kanban_card_fancy
|
|
@include rotate(1deg)
|
|
.oe_kanban_column:nth-of-type(3n)
|
|
.oe_kanban_record:nth-of-type(3n)
|
|
.oe_kanban_card_fancy
|
|
@include rotate(-1deg)
|
|
|
|
|
|
@mixin oe_kanban_card_fancy
|
|
box-shadow: 10px 10px 7px rgba(0,0,0,.7)
|
|
-moz-box-shadow: 10px 10px 7px rgba(0,0,0,.7)
|
|
-webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7)
|
|
position: relative
|
|
z-index: 5
|
|
@include rotate(0)
|
|
|
|
.openerp
|
|
.oe_kanban_column
|
|
.oe_fold_column
|
|
.oe_kanban_card_fancy:hover,
|
|
.oe_kanban_card_fancy:focus
|
|
@include oe_kanban_card_fancy
|