oocss-compass 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/LICENSE +30 -0
- data/lib/oocss-compass.rb +4 -0
- data/stylesheets/_definitions.scss +64 -0
- data/stylesheets/_mixins.scss +13 -0
- data/stylesheets/_oocss-compass.scss +61 -0
- data/stylesheets/core/_libraries.scss +82 -0
- data/stylesheets/core/grid/_grids.scss +59 -0
- data/stylesheets/core/grid/_grids_debug.scss +36 -0
- data/stylesheets/core/module/_mod.scss +120 -0
- data/stylesheets/core/module/_mod_debug.scss +28 -0
- data/stylesheets/core/template/_template.scss +69 -0
- data/stylesheets/core/template/_template_debug.scss +19 -0
- data/stylesheets/plugins/breadcrumb/_breadcrumb.scss +15 -0
- data/stylesheets/plugins/breadcrumb/breadcrumb.css +4 -0
- data/stylesheets/plugins/tabs/_tabs.scss +146 -0
- data/stylesheets/plugins/talk/_talk.scss +76 -0
- data/stylesheets/plugins/talk/talk.css +20 -0
- data/templates/project/default.scss +19 -0
- data/templates/project/demos/core/grids/grids_all.html +362 -0
- data/templates/project/demos/core/grids/grids_doc.html +225 -0
- data/templates/project/demos/core/module/mod_doc.html +352 -0
- data/templates/project/demos/core/template/template.html +53 -0
- data/templates/project/demos/core/template/template_doc.html +108 -0
- data/templates/project/demos/plugins/breadcrumb/breadcrumb.html +42 -0
- data/templates/project/demos/plugins/tabs/tabs_doc.html +105 -0
- data/templates/project/demos/plugins/talk/talk_doc.html +158 -0
- data/templates/project/manifest.rb +13 -0
- data/templates/project/partials/_base.scss +0 -0
- data/templates/project/partials/core/_content.scss +261 -0
- data/templates/project/partials/core/_mod_skins.scss +405 -0
- data/templates/project/partials/core/content.css +73 -0
- data/templates/project/partials/core/mod_skins.css +113 -0
- data/templates/project/partials/plugins/_talk_skins.scss +54 -0
- data/templates/project/partials/plugins/talk_skins.css +18 -0
- data/templates/project/skin/about.png +0 -0
- data/templates/project/skin/author.png +0 -0
- data/templates/project/skin/even.png +0 -0
- data/templates/project/skin/even_borders.psd +0 -0
- data/templates/project/skin/even_lr.png +0 -0
- data/templates/project/skin/even_tb.png +0 -0
- data/templates/project/skin/excerpt.png +0 -0
- data/templates/project/skin/faq.png +0 -0
- data/templates/project/skin/gc.png +0 -0
- data/templates/project/skin/gc_header.png +0 -0
- data/templates/project/skin/gc_header2.png +0 -0
- data/templates/project/skin/glow.png +0 -0
- data/templates/project/skin/glow_7px.png +0 -0
- data/templates/project/skin/glow_test.png +0 -0
- data/templates/project/skin/glow_thin.png +0 -0
- data/templates/project/skin/grab.png +0 -0
- data/templates/project/skin/header.png +0 -0
- data/templates/project/skin/header_glossy.png +0 -0
- data/templates/project/skin/header_gradient_light.png +0 -0
- data/templates/project/skin/help.png +0 -0
- data/templates/project/skin/highlight.png +0 -0
- data/templates/project/skin/info.png +0 -0
- data/templates/project/skin/kakapo.png +0 -0
- data/templates/project/skin/me.png +0 -0
- data/templates/project/skin/noted.png +0 -0
- data/templates/project/skin/online.png +0 -0
- data/templates/project/skin/photo.png +0 -0
- data/templates/project/skin/round.png +0 -0
- data/templates/project/skin/simple_corners.png +0 -0
- data/templates/project/skin/simple_extended.png +0 -0
- data/templates/project/skin/store.png +0 -0
- data/templates/project/skin/talk.png +0 -0
- data/templates/project/skin/universe.png +0 -0
- data/templates/project/skin/universe_gray.png +0 -0
- data/templates/project/skin/universe_login.png +0 -0
- metadata +147 -0
data/LICENSE
ADDED
@@ -0,0 +1,30 @@
|
|
1
|
+
Software License Agreement (BSD License)
|
2
|
+
|
3
|
+
Copyright (c) 2009, Nicole Sullivan.
|
4
|
+
All rights reserved.
|
5
|
+
|
6
|
+
Redistribution and use of this software in source and binary forms, with or without modification, are
|
7
|
+
permitted provided that the following conditions are met:
|
8
|
+
|
9
|
+
* Redistributions of source code must retain the above
|
10
|
+
copyright notice, this list of conditions and the
|
11
|
+
following disclaimer.
|
12
|
+
|
13
|
+
* Redistributions in binary form must reproduce the above
|
14
|
+
copyright notice, this list of conditions and the
|
15
|
+
following disclaimer in the documentation and/or other
|
16
|
+
materials provided with the distribution.
|
17
|
+
|
18
|
+
* Neither the name of Nicole Sullivan nor the names of its
|
19
|
+
contributors may be used to endorse or promote products
|
20
|
+
derived from this software without specific prior
|
21
|
+
written permission of Nicole Sullivan.
|
22
|
+
|
23
|
+
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED
|
24
|
+
WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
|
25
|
+
PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
|
26
|
+
ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
|
27
|
+
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
28
|
+
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
|
29
|
+
TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
|
30
|
+
ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
|
@@ -0,0 +1,64 @@
|
|
1
|
+
//Font definitions
|
2
|
+
$body_fontFamily: "Myriad Pro","Segoe UI",Helvetica, Arial, sans-serif !default;
|
3
|
+
|
4
|
+
|
5
|
+
|
6
|
+
|
7
|
+
//Sizes
|
8
|
+
$default_padding: 10px !default;
|
9
|
+
|
10
|
+
//Mod sizes
|
11
|
+
$mod_corners_sizes: 10px !default;
|
12
|
+
$mod_margin: 10px !default;
|
13
|
+
|
14
|
+
//Font Sizes
|
15
|
+
$h1_size: 196% !default;
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
//Colors
|
20
|
+
$hr_color: #e2e2e2 !default;
|
21
|
+
|
22
|
+
|
23
|
+
|
24
|
+
//Namespace definitions
|
25
|
+
$use_namespaces: true !default;
|
26
|
+
|
27
|
+
//OOCSS Core definitions
|
28
|
+
$ns_oo: oo- !default;
|
29
|
+
|
30
|
+
//OOCSS Mod definitions
|
31
|
+
$ns_oo_m: om- !default;
|
32
|
+
|
33
|
+
//OOCSS Mod Skins definitions
|
34
|
+
$ns_oo_ms: oms- !default;
|
35
|
+
|
36
|
+
//OOCSS Gridding definitions
|
37
|
+
$ns_oo_g: og- !default;
|
38
|
+
|
39
|
+
//OOCSS Tabs definitions
|
40
|
+
$ns_oo_t: ot- !default;
|
41
|
+
|
42
|
+
//OOCSS Talk definitions. (Tabs are based on mods)
|
43
|
+
$ns_oo_mt: omt- !default;
|
44
|
+
|
45
|
+
@if $use_namespaces == false {
|
46
|
+
|
47
|
+
//OOCSS Core definitions
|
48
|
+
$ns_oo: unquote("");
|
49
|
+
|
50
|
+
//OOCSS Mod definitions
|
51
|
+
$ns_oo_m: unquote("");
|
52
|
+
|
53
|
+
//OOCSS Mod Skins definitions
|
54
|
+
$ns_oo_ms: unquote("");
|
55
|
+
|
56
|
+
//OOCSS Gridding definitions
|
57
|
+
$ns_oo_g: unquote("");
|
58
|
+
|
59
|
+
//OOCSS Tabs definitions
|
60
|
+
$ns_oo_t: unquote("");
|
61
|
+
|
62
|
+
//OOCSS Talk definitions. (Tabs are based on mods)
|
63
|
+
$ns_oo_mt: unquote("");
|
64
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
@mixin clearFix{
|
2
|
+
&:after{
|
3
|
+
clear: both;
|
4
|
+
display: block;
|
5
|
+
visibility: hidden;
|
6
|
+
overflow: hidden;
|
7
|
+
height: 0 !important;
|
8
|
+
line-height: 0;
|
9
|
+
font-size: xx-large;
|
10
|
+
content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
|
11
|
+
}
|
12
|
+
|
13
|
+
}
|
@@ -0,0 +1,61 @@
|
|
1
|
+
//Variable File
|
2
|
+
@import "definitions";
|
3
|
+
|
4
|
+
//Mixins
|
5
|
+
@import "mixins";
|
6
|
+
|
7
|
+
|
8
|
+
//Core files
|
9
|
+
@import "core/libraries";
|
10
|
+
@import "core/grid/grids";
|
11
|
+
@import "core/template/template";
|
12
|
+
@import "core/module/mod";
|
13
|
+
|
14
|
+
|
15
|
+
//Plug in files
|
16
|
+
@import "plugins/breadcrumb/breadcrumb";
|
17
|
+
@import "plugins/tabs/tabs";
|
18
|
+
@import "plugins/talk/talk";
|
19
|
+
|
20
|
+
|
21
|
+
//Debug files
|
22
|
+
@import "core/grid/grids_debug";
|
23
|
+
@import "core/template/template_debug";
|
24
|
+
@import "core/module/mod_debug";
|
25
|
+
|
26
|
+
|
27
|
+
|
28
|
+
//Import the OOCSS Core
|
29
|
+
@mixin oocss-core{
|
30
|
+
@include oocss-reseter;
|
31
|
+
@include oocss-grids;
|
32
|
+
@include oocss-template;
|
33
|
+
@include oocss-mod;
|
34
|
+
}
|
35
|
+
|
36
|
+
//Import the OOCSS Core in debug mode
|
37
|
+
@mixin oocss-core-debug{
|
38
|
+
@include oocss-core;
|
39
|
+
@include oocss-grids-debug;
|
40
|
+
@include oocss-mod-debug;
|
41
|
+
@include oocss-template-debug;
|
42
|
+
}
|
43
|
+
|
44
|
+
|
45
|
+
|
46
|
+
//Import all OOCSS
|
47
|
+
@mixin oocss-full{
|
48
|
+
@include oocss-core;
|
49
|
+
@include oocss-breadcrumb;
|
50
|
+
@include oocss-tabs;
|
51
|
+
@include oocss-talk;
|
52
|
+
}
|
53
|
+
|
54
|
+
//Import all OOCSS in debug mode
|
55
|
+
@mixin oocss-full-debug{
|
56
|
+
@include oocss-core-debug;
|
57
|
+
@include oocss-breadcrumb;
|
58
|
+
@include oocss-tabs;
|
59
|
+
@include oocss-talk;
|
60
|
+
}
|
61
|
+
|
@@ -0,0 +1,82 @@
|
|
1
|
+
@mixin oocss-reseter{
|
2
|
+
/*
|
3
|
+
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
|
4
|
+
Code licensed under the BSD License:
|
5
|
+
http://developer.yahoo.net/yui/license.txt
|
6
|
+
version: 3.0.0pr2
|
7
|
+
*/
|
8
|
+
/* reset */
|
9
|
+
|
10
|
+
html {
|
11
|
+
color: #000;
|
12
|
+
background: #FFF; }
|
13
|
+
|
14
|
+
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
|
15
|
+
margin: 0;
|
16
|
+
padding: 0; }
|
17
|
+
|
18
|
+
table {
|
19
|
+
border-collapse: collapse;
|
20
|
+
border-spacing: 0; }
|
21
|
+
|
22
|
+
fieldset, img {
|
23
|
+
border: 0; }
|
24
|
+
|
25
|
+
address, caption, cite, code, dfn, em, strong, th, var {
|
26
|
+
font-style: normal;
|
27
|
+
font-weight: normal; }
|
28
|
+
|
29
|
+
li {
|
30
|
+
list-style: none; }
|
31
|
+
|
32
|
+
caption, th {
|
33
|
+
text-align: left; }
|
34
|
+
|
35
|
+
h1, h2, h3, h4, h5, h6 {
|
36
|
+
font-size: 100%;
|
37
|
+
font-weight: normal; }
|
38
|
+
|
39
|
+
q {
|
40
|
+
&:before, &:after {
|
41
|
+
content: ''; } }
|
42
|
+
|
43
|
+
abbr, acronym {
|
44
|
+
border: 0;
|
45
|
+
font-variant: normal; }
|
46
|
+
|
47
|
+
sup {
|
48
|
+
vertical-align: text-top; }
|
49
|
+
|
50
|
+
sub {
|
51
|
+
vertical-align: text-bottom; }
|
52
|
+
|
53
|
+
input, textarea, select {
|
54
|
+
font-family: inherit;
|
55
|
+
font-size: inherit;
|
56
|
+
font-weight: inherit; }
|
57
|
+
|
58
|
+
input, textarea, select {
|
59
|
+
*font-size: 100%; }
|
60
|
+
|
61
|
+
legend {
|
62
|
+
color: #000; }
|
63
|
+
|
64
|
+
/* fonts */
|
65
|
+
|
66
|
+
body {
|
67
|
+
font: 13px/1.231 arial,helvetica,clean,sans-serif;
|
68
|
+
*font-size: small;
|
69
|
+
*font: x-small; }
|
70
|
+
|
71
|
+
select, input, button, textarea {
|
72
|
+
font: 99% arial,helvetica,clean,sans-serif; }
|
73
|
+
|
74
|
+
table {
|
75
|
+
font-size: inherit;
|
76
|
+
font: 100%; }
|
77
|
+
|
78
|
+
pre, code, kbd, samp, tt {
|
79
|
+
font-family: monospace;
|
80
|
+
*font-size: 108%;
|
81
|
+
line-height: 100%; }
|
82
|
+
}
|
@@ -0,0 +1,59 @@
|
|
1
|
+
@mixin oocss-grids{
|
2
|
+
|
3
|
+
//TODO: find why 319px and it can be put as variable.
|
4
|
+
@media screen and (max-width: 319px) {
|
5
|
+
.#{$ns_oo_g}unit {
|
6
|
+
float: none !important;
|
7
|
+
width: auto !important; } }
|
8
|
+
|
9
|
+
|
10
|
+
.#{$ns_oo_g}line, .#{$ns_oo_g}lastUnit {
|
11
|
+
@include clearFix;
|
12
|
+
}
|
13
|
+
|
14
|
+
.#{$ns_oo_g}line {
|
15
|
+
*zoom: 1; }
|
16
|
+
|
17
|
+
.#{$ns_oo_g}unit {
|
18
|
+
float: left; }
|
19
|
+
|
20
|
+
.#{$ns_oo_g}size1of1 {
|
21
|
+
float: none; }
|
22
|
+
|
23
|
+
.#{$ns_oo_g}size1of2 {
|
24
|
+
width: 50%; }
|
25
|
+
|
26
|
+
.#{$ns_oo_g}size1of3 {
|
27
|
+
width: 33.33333%; }
|
28
|
+
|
29
|
+
.#{$ns_oo_g}size2of3 {
|
30
|
+
width: 66.66666%; }
|
31
|
+
|
32
|
+
.#{$ns_oo_g}size1of4 {
|
33
|
+
width: 25%; }
|
34
|
+
|
35
|
+
.#{$ns_oo_g}size3of4 {
|
36
|
+
width: 75%; }
|
37
|
+
|
38
|
+
.#{$ns_oo_g}size1of5 {
|
39
|
+
width: 20%; }
|
40
|
+
|
41
|
+
.#{$ns_oo_g}size2of5 {
|
42
|
+
width: 40%; }
|
43
|
+
|
44
|
+
.#{$ns_oo_g}size3of5 {
|
45
|
+
width: 60%; }
|
46
|
+
|
47
|
+
.#{$ns_oo_g}size4of5 {
|
48
|
+
width: 80%; }
|
49
|
+
|
50
|
+
.#{$ns_oo_g}lastUnit {
|
51
|
+
display: table-cell;
|
52
|
+
float: none;
|
53
|
+
width: auto;
|
54
|
+
*display: block;
|
55
|
+
*zoom: 1;
|
56
|
+
_position: relative;
|
57
|
+
_left: -3px;
|
58
|
+
_margin-right: -3px; }
|
59
|
+
}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
@mixin oocss-grids-debug{
|
2
|
+
/* grids debug */
|
3
|
+
|
4
|
+
.#{$ns_oo_g}line {
|
5
|
+
background-color: #e2e2e2; }
|
6
|
+
|
7
|
+
.#{$ns_oo_g}size1of1 {
|
8
|
+
background-color: pink; }
|
9
|
+
|
10
|
+
.#{$ns_oo_g}size1of2 {
|
11
|
+
background-color: red; }
|
12
|
+
|
13
|
+
.#{$ns_oo_g}size1of3 {
|
14
|
+
background-color: orange; }
|
15
|
+
|
16
|
+
.#{$ns_oo_g}size2of3 {
|
17
|
+
background-color: yellow; }
|
18
|
+
|
19
|
+
.#{$ns_oo_g}size1of4 {
|
20
|
+
background-color: lime; }
|
21
|
+
|
22
|
+
.#{$ns_oo_g}size3of4 {
|
23
|
+
background-color: green; }
|
24
|
+
|
25
|
+
.#{$ns_oo_g}size1of5 {
|
26
|
+
background-color: aqua; }
|
27
|
+
|
28
|
+
.#{$ns_oo_g}size2of5 {
|
29
|
+
background-color: blue; }
|
30
|
+
|
31
|
+
.#{$ns_oo_g}size3of5 {
|
32
|
+
background-color: purple; }
|
33
|
+
|
34
|
+
.#{$ns_oo_g}size4of5 {
|
35
|
+
background-color: magenta; }
|
36
|
+
}
|
@@ -0,0 +1,120 @@
|
|
1
|
+
@mixin oocss-mod{
|
2
|
+
/*
|
3
|
+
Copyright (c) 2009, Nicole Sullivan. All rights reserved.
|
4
|
+
Code licensed under the BSD License:
|
5
|
+
version: 0.2
|
6
|
+
*/
|
7
|
+
/* **************** BLOCK STRUCTURES ***************** */
|
8
|
+
/* mod */
|
9
|
+
|
10
|
+
.#{$ns_oo_m}mod {
|
11
|
+
margin: $mod_margin;
|
12
|
+
.#{$ns_oo_m}inner {
|
13
|
+
/*background: url(skin/transparent.png) repeat left top;*/ } }
|
14
|
+
|
15
|
+
.#{$ns_oo_m}inner, .#{$ns_oo_m}bd, .#{$ns_oo_m}ft {
|
16
|
+
*zoom: 1; }
|
17
|
+
|
18
|
+
.#{$ns_oo_m}inner, .#{$ns_oo_m}hd, .#{$ns_oo_m}bd, .#{$ns_oo_m}ft {
|
19
|
+
@include clearFix;
|
20
|
+
}
|
21
|
+
|
22
|
+
.#{$ns_oo_m}inner {
|
23
|
+
position: relative; }
|
24
|
+
|
25
|
+
/* Removed definition to generic b, because, even if it's a deprecated tag, lot of sites are using it
|
26
|
+
* I used classes to be tag agnostic: I worked with an XSLT which systematically replace b tags with strong... */
|
27
|
+
|
28
|
+
.#{$ns_oo_m}top,
|
29
|
+
.#{$ns_oo_m}top .#{$ns_oo_m}tl,
|
30
|
+
.#{$ns_oo_m}top .#{$ns_oo_m}tr,
|
31
|
+
.#{$ns_oo_m}bottom,
|
32
|
+
.#{$ns_oo_m}bottom .#{$ns_oo_m}bl,
|
33
|
+
.#{$ns_oo_m}bottom .#{$ns_oo_m}br{
|
34
|
+
display: block;
|
35
|
+
background-repeat: no-repeat;
|
36
|
+
font-size: 1%;
|
37
|
+
position: relative;
|
38
|
+
z-index: 10;
|
39
|
+
}
|
40
|
+
|
41
|
+
|
42
|
+
|
43
|
+
.#{$ns_oo_m}tl, .#{$ns_oo_m}tr, .#{$ns_oo_m}bl, .#{$ns_oo_m}br {
|
44
|
+
height: $mod_corner_sizes;
|
45
|
+
width: $mod_corner_sizes;
|
46
|
+
float: left; }
|
47
|
+
|
48
|
+
.#{$ns_oo_m}tl {
|
49
|
+
background-position: left top; }
|
50
|
+
|
51
|
+
.#{$ns_oo_m}tr {
|
52
|
+
background-position: right top; }
|
53
|
+
|
54
|
+
.#{$ns_oo_m}bl {
|
55
|
+
background-position: left bottom; }
|
56
|
+
|
57
|
+
.#{$ns_oo_m}br {
|
58
|
+
background-position: right bottom;
|
59
|
+
float: right; }
|
60
|
+
|
61
|
+
.#{$ns_oo_m}tr {
|
62
|
+
float: right;
|
63
|
+
overflow: hidden;
|
64
|
+
margin-bottom: -32000px; }
|
65
|
+
|
66
|
+
.#{$ns_oo_m}tl {
|
67
|
+
overflow: hidden;
|
68
|
+
margin-bottom: -32000px; }
|
69
|
+
|
70
|
+
/* margin bottom needs to be < -9px */
|
71
|
+
|
72
|
+
.#{$ns_oo_m}bl, .#{$ns_oo_m}br {
|
73
|
+
margin-top: -$mod_corner_sizes; }
|
74
|
+
|
75
|
+
.#{$ns_oo_m}top {
|
76
|
+
background-position: center top; }
|
77
|
+
|
78
|
+
.#{$ns_oo_m}bottom {
|
79
|
+
background-position: center bottom;
|
80
|
+
_zoom: 1; }
|
81
|
+
|
82
|
+
/* this zoom required for IE5.5 only*/
|
83
|
+
/* complex */
|
84
|
+
|
85
|
+
.#{$ns_oo_m}complex {
|
86
|
+
overflow: hidden;
|
87
|
+
*position: relative;
|
88
|
+
*zoom: 1;
|
89
|
+
.#{$ns_oo_m}tl, .#{$ns_oo_m}tr {
|
90
|
+
height: 32000px;
|
91
|
+
margin-bottom: -32000px;
|
92
|
+
width: $mod_corner_sizes; }
|
93
|
+
.#{$ns_oo_m}bl, .#{$ns_oo_m}br {
|
94
|
+
/*margin-top:0;*/ }
|
95
|
+
.#{$ns_oo_m}top {
|
96
|
+
height: 5px; }
|
97
|
+
.#{$ns_oo_m}bottom {
|
98
|
+
height: 5px;
|
99
|
+
/*margin-top:-10px;*/ } }
|
100
|
+
|
101
|
+
/* position/zoom required for IE7, 6, 5.5 */
|
102
|
+
|
103
|
+
/* pop */
|
104
|
+
|
105
|
+
.#{$ns_oo_m}pop {
|
106
|
+
overflow: visible;
|
107
|
+
margin: 10px 20px 20px 10px;
|
108
|
+
background-position: left top;
|
109
|
+
.#{$ns_oo_m}inner {
|
110
|
+
right: -10px;
|
111
|
+
bottom: -10px;
|
112
|
+
background-position: right bottom;
|
113
|
+
padding: 0 10px 10px 0; }
|
114
|
+
.#{$ns_oo_m}tl, .#{$ns_oo_m}br {
|
115
|
+
display: none; }
|
116
|
+
.#{$ns_oo_m}bl {
|
117
|
+
bottom: -10px; }
|
118
|
+
.#{$ns_oo_m}tr {
|
119
|
+
right: -10px; } }
|
120
|
+
}
|