summaryrefslogtreecommitdiff
path: root/addons/note/static/src/css
diff options
context:
space:
mode:
authorAntonin Bourguignon <abo@openerp.com>2012-09-17 19:27:29 +0200
committerAntonin Bourguignon <abo@openerp.com>2012-09-17 19:27:29 +0200
commitdc134c08a4a5d3694b07ac406fbadfc138f2312a (patch)
treeb0824255a2fc56a8a0ca13ba4c85d940ad96480e /addons/note/static/src/css
parentf693a7d9003283e9da6e911562a60ef41047923d (diff)
parente918a9ecef18a073f73e09659e3bf826bbbec5e5 (diff)
[MERGE] latest trunk
bzr revid: abo@openerp.com-20120917172729-uahizf22x6h9g43m
Diffstat (limited to 'addons/note/static/src/css')
-rw-r--r--addons/note/static/src/css/Makefile3
-rw-r--r--addons/note/static/src/css/note.css143
-rw-r--r--addons/note/static/src/css/note.sass209
3 files changed, 355 insertions, 0 deletions
diff --git a/addons/note/static/src/css/Makefile b/addons/note/static/src/css/Makefile
new file mode 100644
index 00000000000..91b3abc9333
--- /dev/null
+++ b/addons/note/static/src/css/Makefile
@@ -0,0 +1,3 @@
+memo.css: memo.sass
+ sass -t expanded memo.sass memo.css
+
diff --git a/addons/note/static/src/css/note.css b/addons/note/static/src/css/note.css
new file mode 100644
index 00000000000..6ada8d6cd14
--- /dev/null
+++ b/addons/note/static/src/css/note.css
@@ -0,0 +1,143 @@
+@charset "utf-8";
+@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;
+}
+
+@-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;
+}
+
+.oe_kanban_column .note_text_line_through {
+ text-decoration: line-through;
+}
+
+.openerp .oe_fold_column .oe_kanban_card_fancy {
+ text-decoration: none;
+ color: black;
+ display: block;
+ padding: 1em;
+ margin-right: 1em;
+ margin-bottom: 1em;
+ -moz-box-shadow: 5px 5px 7px #212121;
+ -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
+ box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
+}
+
+.openerp .oe_kanban_record .oe_kanban_card_fancy {
+ -webkit-transform: rotate(-2deg);
+ -o-transform: rotate(-2deg);
+ -moz-transform: rotate(-2deg);
+}
+.openerp .oe_kanban_record:nth-of-type(even) .oe_kanban_card_fancy {
+ -webkit-transform: rotate(1deg);
+ -o-transform: rotate(1deg);
+ -moz-transform: rotate(1deg);
+}
+.openerp .oe_kanban_record:nth-of-type(3n) .oe_kanban_card_fancy {
+ -webkit-transform: rotate(4deg);
+ -o-transform: rotate(4deg);
+ -moz-transform: rotate(4deg);
+}
+.openerp .oe_kanban_column:nth-of-type(even) .oe_kanban_card_fancy {
+ -webkit-transform: rotate(2deg);
+ -o-transform: rotate(2deg);
+ -moz-transform: rotate(2deg);
+}
+.openerp .oe_kanban_column:nth-of-type(even) .oe_kanban_record:nth-of-type(even) .oe_kanban_card_fancy {
+ -webkit-transform: rotate(-3deg);
+ -o-transform: rotate(-3deg);
+ -moz-transform: rotate(-3deg);
+}
+.openerp .oe_kanban_column:nth-of-type(even) .oe_kanban_record:nth-of-type(3n) .oe_kanban_card_fancy {
+ -webkit-transform: rotate(1deg);
+ -o-transform: rotate(1deg);
+ -moz-transform: rotate(1deg);
+}
+.openerp .oe_kanban_column:nth-of-type(3n) .oe_kanban_card_fancy {
+ -webkit-transform: rotate(-2deg);
+ -o-transform: rotate(-2deg);
+ -moz-transform: rotate(-2deg);
+}
+.openerp .oe_kanban_column:nth-of-type(3n) .oe_kanban_record:nth-of-type(even) .oe_kanban_card_fancy {
+ -webkit-transform: rotate(1deg);
+ -o-transform: rotate(1deg);
+ -moz-transform: rotate(1deg);
+}
+.openerp .oe_kanban_column:nth-of-type(3n) .oe_kanban_record:nth-of-type(3n) .oe_kanban_card_fancy {
+ -webkit-transform: rotate(-1deg);
+ -o-transform: rotate(-1deg);
+ -moz-transform: rotate(-1deg);
+}
+
+.openerp .oe_kanban_column .oe_fold_column .oe_kanban_card_fancy:hover,
+.openerp .oe_kanban_column .oe_fold_column .oe_kanban_card_fancy:focus {
+ box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
+ -moz-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
+ -webkit-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
+ position: relative;
+ z-index: 5;
+ -webkit-transform: rotate(0);
+ -o-transform: rotate(0);
+ -moz-transform: rotate(0);
+}
diff --git a/addons/note/static/src/css/note.sass b/addons/note/static/src/css/note.sass
new file mode 100644
index 00000000000..56aa91abc44
--- /dev/null
+++ b/addons/note/static/src/css/note.sass
@@ -0,0 +1,209 @@
+@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