Commit 5b357c564e246d2f814c819152a6e6981c2169d7
1 parent
039f225c
Exists in
master
and in
28 other branches
ActionItem152: adjusting box identification images
git-svn-id: https://svn.colivre.coop.br/svn/noosfero/trunk@1220 3f533792-8f58-4932-b0fe-aaf55b0a4547
Showing
7 changed files
with
47 additions
and
40 deletions
Show diff stats
public/images/blocks/1.png
public/images/blocks/1.svg
| ... | ... | @@ -8,8 +8,8 @@ |
| 8 | 8 | xmlns="http://www.w3.org/2000/svg" |
| 9 | 9 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" |
| 10 | 10 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" |
| 11 | - width="48" | |
| 12 | - height="48" | |
| 11 | + width="64" | |
| 12 | + height="64" | |
| 13 | 13 | id="svg2" |
| 14 | 14 | sodipodi:version="0.32" |
| 15 | 15 | inkscape:version="0.45.1" |
| ... | ... | @@ -26,13 +26,13 @@ |
| 26 | 26 | borderopacity="1.0" |
| 27 | 27 | inkscape:pageopacity="0.0" |
| 28 | 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 | 32 | inkscape:document-units="px" |
| 33 | 33 | inkscape:current-layer="layer1" |
| 34 | - width="48px" | |
| 35 | - height="48px" | |
| 34 | + width="64px" | |
| 35 | + height="64px" | |
| 36 | 36 | inkscape:window-width="830" |
| 37 | 37 | inkscape:window-height="603" |
| 38 | 38 | inkscape:window-x="72" |
| ... | ... | @@ -60,17 +60,18 @@ |
| 60 | 60 | sodipodi:cy="24.063324" |
| 61 | 61 | sodipodi:rx="21.593668" |
| 62 | 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 | 65 | <text |
| 65 | 66 | xml:space="preserve" |
| 66 | 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 | 70 | id="text3134" |
| 70 | 71 | sodipodi:linespacing="125%"><tspan |
| 71 | 72 | sodipodi:role="line" |
| 72 | 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 | 76 | </g> |
| 76 | 77 | </svg> | ... | ... |
public/images/blocks/2.png
public/images/blocks/2.svg
| ... | ... | @@ -8,8 +8,8 @@ |
| 8 | 8 | xmlns="http://www.w3.org/2000/svg" |
| 9 | 9 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" |
| 10 | 10 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" |
| 11 | - width="48" | |
| 12 | - height="48" | |
| 11 | + width="64" | |
| 12 | + height="64" | |
| 13 | 13 | id="svg2" |
| 14 | 14 | sodipodi:version="0.32" |
| 15 | 15 | inkscape:version="0.45.1" |
| ... | ... | @@ -26,13 +26,13 @@ |
| 26 | 26 | borderopacity="1.0" |
| 27 | 27 | inkscape:pageopacity="0.0" |
| 28 | 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 | 32 | inkscape:document-units="px" |
| 33 | 33 | inkscape:current-layer="layer1" |
| 34 | - width="48px" | |
| 35 | - height="48px" | |
| 34 | + width="64px" | |
| 35 | + height="64px" | |
| 36 | 36 | inkscape:window-width="830" |
| 37 | 37 | inkscape:window-height="603" |
| 38 | 38 | inkscape:window-x="72" |
| ... | ... | @@ -60,17 +60,18 @@ |
| 60 | 60 | sodipodi:cy="24.063324" |
| 61 | 61 | sodipodi:rx="21.593668" |
| 62 | 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 | 65 | <text |
| 65 | 66 | xml:space="preserve" |
| 66 | 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 | 70 | id="text3134" |
| 70 | 71 | sodipodi:linespacing="125%"><tspan |
| 71 | 72 | sodipodi:role="line" |
| 72 | 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 | 76 | </g> |
| 76 | 77 | </svg> | ... | ... |
public/images/blocks/3.png
public/images/blocks/3.svg
| ... | ... | @@ -8,8 +8,8 @@ |
| 8 | 8 | xmlns="http://www.w3.org/2000/svg" |
| 9 | 9 | xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" |
| 10 | 10 | xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" |
| 11 | - width="48" | |
| 12 | - height="48" | |
| 11 | + width="64" | |
| 12 | + height="64" | |
| 13 | 13 | id="svg2" |
| 14 | 14 | sodipodi:version="0.32" |
| 15 | 15 | inkscape:version="0.45.1" |
| ... | ... | @@ -26,13 +26,13 @@ |
| 26 | 26 | borderopacity="1.0" |
| 27 | 27 | inkscape:pageopacity="0.0" |
| 28 | 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 | 32 | inkscape:document-units="px" |
| 33 | 33 | inkscape:current-layer="layer1" |
| 34 | - width="48px" | |
| 35 | - height="48px" | |
| 34 | + width="64px" | |
| 35 | + height="64px" | |
| 36 | 36 | inkscape:window-width="830" |
| 37 | 37 | inkscape:window-height="603" |
| 38 | 38 | inkscape:window-x="72" |
| ... | ... | @@ -60,17 +60,18 @@ |
| 60 | 60 | sodipodi:cy="24.063324" |
| 61 | 61 | sodipodi:rx="21.593668" |
| 62 | 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 | 65 | <text |
| 65 | 66 | xml:space="preserve" |
| 66 | 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 | 70 | id="text3134" |
| 70 | 71 | sodipodi:linespacing="125%"><tspan |
| 71 | 72 | sodipodi:role="line" |
| 72 | 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 | 76 | </g> |
| 76 | 77 | </svg> | ... | ... |
public/stylesheets/blocks.css
| ... | ... | @@ -43,18 +43,22 @@ div.box-3 { |
| 43 | 43 | * put borders around boxes and blocks when organizing boxes |
| 44 | 44 | ***********************************************************/ |
| 45 | 45 | |
| 46 | -#box-organizer .box { | |
| 46 | +#box-organizer div.box { | |
| 47 | 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 | 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 | 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 | 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 | 64 | #box-organizer div.box-1 .block { | ... | ... |