Commit 5b357c564e246d2f814c819152a6e6981c2169d7

Authored by AntonioTerceiro
1 parent 039f225c

ActionItem152: adjusting box identification images


git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1220 3f533792-8f58-4932-b0fe-aaf55b0a4547
public/images/blocks/1.png

1.12 KB | W: | H:

1.05 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
public/images/blocks/1.svg
@@ -8,8 +8,8 @@ @@ -8,8 +8,8 @@
8 xmlns="http://www.w3.org/2000/svg" 8 xmlns="http://www.w3.org/2000/svg"
9 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 9 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
10 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" 10 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11 - width="48"  
12 - height="48" 11 + width="64"
  12 + height="64"
13 id="svg2" 13 id="svg2"
14 sodipodi:version="0.32" 14 sodipodi:version="0.32"
15 inkscape:version="0.45.1" 15 inkscape:version="0.45.1"
@@ -26,13 +26,13 @@ @@ -26,13 +26,13 @@
26 borderopacity="1.0" 26 borderopacity="1.0"
27 inkscape:pageopacity="0.0" 27 inkscape:pageopacity="0.0"
28 inkscape:pageshadow="2" 28 inkscape:pageshadow="2"
29 - inkscape:zoom="7.8958333"  
30 - inkscape:cx="24"  
31 - inkscape:cy="24" 29 + inkscape:zoom="5.921875"
  30 + inkscape:cx="32"
  31 + inkscape:cy="32"
32 inkscape:document-units="px" 32 inkscape:document-units="px"
33 inkscape:current-layer="layer1" 33 inkscape:current-layer="layer1"
34 - width="48px"  
35 - height="48px" 34 + width="64px"
  35 + height="64px"
36 inkscape:window-width="830" 36 inkscape:window-width="830"
37 inkscape:window-height="603" 37 inkscape:window-height="603"
38 inkscape:window-x="72" 38 inkscape:window-x="72"
@@ -60,17 +60,18 @@ @@ -60,17 +60,18 @@
60 sodipodi:cy="24.063324" 60 sodipodi:cy="24.063324"
61 sodipodi:rx="21.593668" 61 sodipodi:rx="21.593668"
62 sodipodi:ry="21.277044" 62 sodipodi:ry="21.277044"
63 - d="M 45.720318 24.063324 A 21.593668 21.277044 0 1 1 2.5329819,24.063324 A 21.593668 21.277044 0 1 1 45.720318 24.063324 z" /> 63 + d="M 45.720318 24.063324 A 21.593668 21.277044 0 1 1 2.5329819,24.063324 A 21.593668 21.277044 0 1 1 45.720318 24.063324 z"
  64 + transform="translate(7.8733501,7.936676)" />
64 <text 65 <text
65 xml:space="preserve" 66 xml:space="preserve"
66 style="font-size:42.00993729px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:0.19607843;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:FreeSans" 67 style="font-size:42.00993729px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:0.19607843;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:FreeSans"
67 - x="12.086324"  
68 - y="39.767811" 68 + x="20.267668"
  69 + y="47.399117"
69 id="text3134" 70 id="text3134"
70 sodipodi:linespacing="125%"><tspan 71 sodipodi:linespacing="125%"><tspan
71 sodipodi:role="line" 72 sodipodi:role="line"
72 id="tspan3136" 73 id="tspan3136"
73 - x="12.086324"  
74 - y="39.767811">1</tspan></text> 74 + x="20.267668"
  75 + y="47.399117">1</tspan></text>
75 </g> 76 </g>
76 </svg> 77 </svg>
public/images/blocks/2.png

1.36 KB | W: | H:

1.32 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
public/images/blocks/2.svg
@@ -8,8 +8,8 @@ @@ -8,8 +8,8 @@
8 xmlns="http://www.w3.org/2000/svg" 8 xmlns="http://www.w3.org/2000/svg"
9 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 9 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
10 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" 10 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11 - width="48"  
12 - height="48" 11 + width="64"
  12 + height="64"
13 id="svg2" 13 id="svg2"
14 sodipodi:version="0.32" 14 sodipodi:version="0.32"
15 inkscape:version="0.45.1" 15 inkscape:version="0.45.1"
@@ -26,13 +26,13 @@ @@ -26,13 +26,13 @@
26 borderopacity="1.0" 26 borderopacity="1.0"
27 inkscape:pageopacity="0.0" 27 inkscape:pageopacity="0.0"
28 inkscape:pageshadow="2" 28 inkscape:pageshadow="2"
29 - inkscape:zoom="7.8958333"  
30 - inkscape:cx="24"  
31 - inkscape:cy="24" 29 + inkscape:zoom="5.921875"
  30 + inkscape:cx="32"
  31 + inkscape:cy="32"
32 inkscape:document-units="px" 32 inkscape:document-units="px"
33 inkscape:current-layer="layer1" 33 inkscape:current-layer="layer1"
34 - width="48px"  
35 - height="48px" 34 + width="64px"
  35 + height="64px"
36 inkscape:window-width="830" 36 inkscape:window-width="830"
37 inkscape:window-height="603" 37 inkscape:window-height="603"
38 inkscape:window-x="72" 38 inkscape:window-x="72"
@@ -60,17 +60,18 @@ @@ -60,17 +60,18 @@
60 sodipodi:cy="24.063324" 60 sodipodi:cy="24.063324"
61 sodipodi:rx="21.593668" 61 sodipodi:rx="21.593668"
62 sodipodi:ry="21.277044" 62 sodipodi:ry="21.277044"
63 - d="M 45.720318 24.063324 A 21.593668 21.277044 0 1 1 2.5329819,24.063324 A 21.593668 21.277044 0 1 1 45.720318 24.063324 z" /> 63 + d="M 45.720318 24.063324 A 21.593668 21.277044 0 1 1 2.5329819,24.063324 A 21.593668 21.277044 0 1 1 45.720318 24.063324 z"
  64 + transform="translate(7.8733501,7.936676)" />
64 <text 65 <text
65 xml:space="preserve" 66 xml:space="preserve"
66 style="font-size:42.00993729px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:0.19607843;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:FreeSans" 67 style="font-size:42.00993729px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:0.19607843;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:FreeSans"
67 - x="12.59292"  
68 - y="38.627968" 68 + x="20.267668"
  69 + y="47.399117"
69 id="text3134" 70 id="text3134"
70 sodipodi:linespacing="125%"><tspan 71 sodipodi:linespacing="125%"><tspan
71 sodipodi:role="line" 72 sodipodi:role="line"
72 id="tspan3136" 73 id="tspan3136"
73 - x="12.59292"  
74 - y="38.627968">2</tspan></text> 74 + x="20.267668"
  75 + y="47.399117">2</tspan></text>
75 </g> 76 </g>
76 </svg> 77 </svg>
public/images/blocks/3.png

1.44 KB | W: | H:

1.35 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
public/images/blocks/3.svg
@@ -8,8 +8,8 @@ @@ -8,8 +8,8 @@
8 xmlns="http://www.w3.org/2000/svg" 8 xmlns="http://www.w3.org/2000/svg"
9 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 9 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
10 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" 10 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
11 - width="48"  
12 - height="48" 11 + width="64"
  12 + height="64"
13 id="svg2" 13 id="svg2"
14 sodipodi:version="0.32" 14 sodipodi:version="0.32"
15 inkscape:version="0.45.1" 15 inkscape:version="0.45.1"
@@ -26,13 +26,13 @@ @@ -26,13 +26,13 @@
26 borderopacity="1.0" 26 borderopacity="1.0"
27 inkscape:pageopacity="0.0" 27 inkscape:pageopacity="0.0"
28 inkscape:pageshadow="2" 28 inkscape:pageshadow="2"
29 - inkscape:zoom="7.8958333"  
30 - inkscape:cx="24"  
31 - inkscape:cy="24" 29 + inkscape:zoom="5.921875"
  30 + inkscape:cx="32"
  31 + inkscape:cy="32"
32 inkscape:document-units="px" 32 inkscape:document-units="px"
33 inkscape:current-layer="layer1" 33 inkscape:current-layer="layer1"
34 - width="48px"  
35 - height="48px" 34 + width="64px"
  35 + height="64px"
36 inkscape:window-width="830" 36 inkscape:window-width="830"
37 inkscape:window-height="603" 37 inkscape:window-height="603"
38 inkscape:window-x="72" 38 inkscape:window-x="72"
@@ -60,17 +60,18 @@ @@ -60,17 +60,18 @@
60 sodipodi:cy="24.063324" 60 sodipodi:cy="24.063324"
61 sodipodi:rx="21.593668" 61 sodipodi:rx="21.593668"
62 sodipodi:ry="21.277044" 62 sodipodi:ry="21.277044"
63 - d="M 45.720318 24.063324 A 21.593668 21.277044 0 1 1 2.5329819,24.063324 A 21.593668 21.277044 0 1 1 45.720318 24.063324 z" /> 63 + d="M 45.720318 24.063324 A 21.593668 21.277044 0 1 1 2.5329819,24.063324 A 21.593668 21.277044 0 1 1 45.720318 24.063324 z"
  64 + transform="translate(7.8733501,7.936676)" />
64 <text 65 <text
65 xml:space="preserve" 66 xml:space="preserve"
66 style="font-size:42.00993729px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:0.19607843;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:FreeSans" 67 style="font-size:42.00993729px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:0.19607843;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:FreeSans"
67 - x="12.59292"  
68 - y="38.627968" 68 + x="20.267668"
  69 + y="47.399117"
69 id="text3134" 70 id="text3134"
70 sodipodi:linespacing="125%"><tspan 71 sodipodi:linespacing="125%"><tspan
71 sodipodi:role="line" 72 sodipodi:role="line"
72 id="tspan3136" 73 id="tspan3136"
73 - x="12.59292"  
74 - y="38.627968">3</tspan></text> 74 + x="20.267668"
  75 + y="47.399117">3</tspan></text>
75 </g> 76 </g>
76 </svg> 77 </svg>
public/stylesheets/blocks.css
@@ -43,18 +43,22 @@ div.box-3 { @@ -43,18 +43,22 @@ div.box-3 {
43 * put borders around boxes and blocks when organizing boxes 43 * put borders around boxes and blocks when organizing boxes
44 ***********************************************************/ 44 ***********************************************************/
45 45
46 -#box-organizer .box { 46 +#box-organizer div.box {
47 border: 1px solid #ccc; 47 border: 1px solid #ccc;
  48 + background-color: white;
  49 + background-repeat: no-repeat;
  50 + background-position: top right;
48 } 51 }
49 52
  53 +
50 #box-organizer div.box-1 { 54 #box-organizer div.box-1 {
51 - background: white url(../images/blocks/1.png) top right no-repeat; 55 + background-image: url(../images/blocks/1.png);
52 } 56 }
53 #box-organizer div.box-2 { 57 #box-organizer div.box-2 {
54 - background: white url(../images/blocks/2.png) top right no-repeat; 58 + background-image: url(../images/blocks/2.png);
55 } 59 }
56 #box-organizer div.box-3 { 60 #box-organizer div.box-3 {
57 - background: white url(../images/blocks/3.png) top right no-repeat; 61 + background-image: url(../images/blocks/3.png);
58 } 62 }
59 63
60 #box-organizer div.box-1 .block { 64 #box-organizer div.box-1 .block {