after 2 hours of fighting with different browsers the small creation form now looks nice (even in ie6!)

This commit is contained in:
phear 2010-04-17 18:10:16 +00:00
parent f97d2e2a03
commit bf93bfa72c
8 changed files with 243 additions and 53 deletions

View file

@ -1,7 +1,6 @@
<!DOCTYPE html>
<html encoding="utf-8"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:py="http://genshi.edgewall.org/" py:strip="">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:py="http://genshi.edgewall.org/" py:strip="">
<py:match path="head" once="true">
<head py:attrs="select('@*')">
@ -17,8 +16,10 @@
<div py:def="poll_new_small" class="poll_new_small">
<form action="/polls/new" method="post">
<label for="title">Titel eingeben:</label>
<input type="text" id="title" class="poll_new_small_text" name="title" />
<label for="title">Titel des Wortschluckers:</label>
<input type="text" id="title" class="poll_new_small_text" name="title" />
<span py:if="'title' in errors" class="error">${errors.title}</span>
<input type="submit" name="submit" class="poll_new_small_button" value="N&auml;chster Schritt" />
@ -81,12 +82,10 @@
<div id="sidebar">
<ul>
<li>
<h2>Nav</h2>
<h2>Use Cases</h2>
<ul>
<li><a href="#">AGB</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="/node/brainstorming.html">Brainstorming</a></li>
</ul>
</li>
<li>
@ -103,10 +102,12 @@
</ul>
</li>
<li>
<h2>Use Cases</h2>
<h2>Nav</h2>
<ul>
<li><a href="/node/brainstorming.html">Brainstorming</a></li>
<li><a href="#">AGB</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</li>
</ul>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View file

@ -0,0 +1,85 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="195"
height="46"
id="svg3659"
version="1.1"
inkscape:version="0.47 r22583"
sodipodi:docname="poll_new_small_text.svg"
inkscape:export-filename="/home/mtsrc/daten/projekte/firma/wortschlucker/templates/media/images/poll_new_small_text.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<defs
id="defs3661">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 526.18109 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="744.09448 : 526.18109 : 1"
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
id="perspective3667" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="15.839192"
inkscape:cx="185.545"
inkscape:cy="8.6111149"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1476"
inkscape:window-height="841"
inkscape:window-x="0"
inkscape:window-y="135"
inkscape:window-maximized="0"
showguides="true"
inkscape:guide-bbox="true" />
<metadata
id="metadata3664">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1006.3622)">
<rect
y="1006.3622"
x="0"
height="46.000061"
width="195"
id="rect4181"
style="fill:#f9b631;fill-opacity:1;stroke:none" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#454545;stroke-width:5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect3669"
width="189.90317"
height="41.25552"
x="2.6980891"
y="1008.8686"
rx="20.614044"
ry="20.614044" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

View file

@ -0,0 +1,85 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="380"
height="46"
id="svg3659"
version="1.1"
inkscape:version="0.47 r22583"
sodipodi:docname="poll_new_small_text.svg"
inkscape:export-filename="/home/mtsrc/daten/projekte/firma/wortschlucker/templates/media/images/poll_new_small_text.png"
inkscape:export-xdpi="90"
inkscape:export-ydpi="90">
<defs
id="defs3661">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 526.18109 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="744.09448 : 526.18109 : 1"
inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
id="perspective3667" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.98994949"
inkscape:cx="215.83061"
inkscape:cy="20.300668"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1476"
inkscape:window-height="841"
inkscape:window-x="26"
inkscape:window-y="51"
inkscape:window-maximized="0"
showguides="true"
inkscape:guide-bbox="true" />
<metadata
id="metadata3664">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-1006.3622)">
<rect
y="1006.6364"
x="0.35714287"
height="46"
width="380"
id="rect4181"
style="fill:#f9b631;fill-opacity:1;stroke:none" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:#454545;stroke-width:5;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
id="rect3669"
width="375.13989"
height="41.228088"
x="2.6980891"
y="1008.8686"
rx="20.614044"
ry="20.614044" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View file

@ -17,8 +17,8 @@
inkscape:version="0.47 r22583"
sodipodi:docname="wortschlucker-logo.svg"
inkscape:export-filename="/home/mtsrc/daten/projekte/firma/wortschlucker/templates/media/images/logo.png"
inkscape:export-xdpi="4.4099998"
inkscape:export-ydpi="4.4099998">
inkscape:export-xdpi="8.2101011"
inkscape:export-ydpi="8.2101011">
<defs
id="defs9026">
<linearGradient
@ -58,17 +58,17 @@
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="0.35"
inkscape:cx="-480.75179"
inkscape:cy="738.63564"
inkscape:zoom="0.49497475"
inkscape:cx="44.04147"
inkscape:cy="959.94359"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1276"
inkscape:window-height="976"
inkscape:window-width="1596"
inkscape:window-height="1142"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1" />
inkscape:window-maximized="0" />
<metadata
id="metadata9029">
<rdf:RDF>
@ -85,6 +85,16 @@
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="fill:#f9b631;fill-opacity:1;stroke:none"
id="rect2979"
width="628.0166"
height="917.59827"
x="65.850655"
y="80.270088"
inkscape:export-filename="/home/mtsrc/daten/projekte/firma/wortschlucker/templates/media/images/logo.png"
inkscape:export-xdpi="9.415885"
inkscape:export-ydpi="9.415885" />
<path
sodipodi:type="arc"
style="fill:#de9606;fill-opacity:1;stroke:none"
@ -123,7 +133,7 @@
d="m -410.12193,263.43304 c 0,28.45249 -23.0653,51.51778 -51.51778,51.51778 -28.45248,0 -51.51778,-23.06529 -51.51778,-51.51778 0,-28.45248 23.0653,-51.51778 51.51778,-51.51778 28.45248,0 51.51778,23.0653 51.51778,51.51778 z"
transform="translate(848.53535,-218.4801)" />
<path
transform="matrix(-0.4288055,0,0,0.6634282,186.07869,-129.25397)"
transform="matrix(-0.4288055,0,0,0.6634282,183.04823,-129.25397)"
d="m -410.12193,263.43304 a 51.51778,51.51778 0 1 1 -103.03556,0 51.51778,51.51778 0 1 1 103.03556,0 z"
sodipodi:ry="51.51778"
sodipodi:rx="51.51778"
@ -175,7 +185,7 @@
transform="matrix(-0.12853671,0,0,0.1988661,313.29075,-6.8729613)" />
<path
transform="translate(788.53535,-218.4801)"
d="m -410.12193,263.43304 c 0,28.45249 -23.0653,51.51778 -51.51778,51.51778 -28.45248,0 -51.51778,-23.06529 -51.51778,-51.51778 0,-28.45248 23.0653,-51.51778 51.51778,-51.51778 28.45248,0 51.51778,23.0653 51.51778,51.51778 z"
d="m -410.12193,263.43304 a 51.51778,51.51778 0 1 1 -103.03556,0 51.51778,51.51778 0 1 1 103.03556,0 z"
sodipodi:ry="51.51778"
sodipodi:rx="51.51778"
sodipodi:cy="263.43304"
@ -192,17 +202,7 @@
sodipodi:rx="51.51778"
sodipodi:ry="51.51778"
d="m -410.12193,263.43304 a 51.51778,51.51778 0 1 1 -103.03556,0 51.51778,51.51778 0 1 1 103.03556,0 z"
transform="matrix(-0.4288055,0,0,0.6634282,111.54787,-129.25397)" />
<path
transform="matrix(-0.12853671,0,0,0.1988661,241.38939,-6.8729613)"
d="m -410.12193,263.43304 a 51.51778,51.51778 0 1 1 -103.03556,0 51.51778,51.51778 0 1 1 103.03556,0 z"
sodipodi:ry="51.51778"
sodipodi:rx="51.51778"
sodipodi:cy="263.43304"
sodipodi:cx="-461.63971"
id="path9670"
style="fill:#ffffff;stroke:none"
sodipodi:type="arc" />
transform="matrix(-0.4288055,0,0,0.6634282,105.48695,-129.25397)" />
</g>
<path
style="fill:#333333;fill-opacity:1;stroke:none"

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View file

@ -297,35 +297,54 @@ hr { display: none; }
/* Small Poll Creation Form */
.poll_new_small {
text-align:center;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
padding-top:20px;
padding-bottom:20px;
margin-top:10px;
margin-bottom:10px;
background: #f9b631;
width:100%;
}
.poll_new_small label {
font-size: 18px;
display: inline-block;
background: #454545;
color: #FFFFFF;
padding:10px;
font-size: 24px;
font-weight:bold;
display: block;
padding:0px;
padding-bottom:5px;
padding-left:10px;
margin-left:10px;
}
.poll_new_small_text {
font-size: 18px;
display: inline-block;
background: #454545;
color: #FFFFFF;
padding:10px;
font-size: 20px;
border:none;
width:360px;
height:26px;
background: url(images/poll_new_small_text.png) no-repeat left top;
te xt-align:center;
vertical-align:middle;
float:left;
padding-left:10px;
margin-left:10px;
margin-right:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
}
.poll_new_small_button{
font-size: 18px;
display: inline-block;
background: #454545;
color: #FFFFFF;
padding:10px;
font-size: 20px;
p adding:5px;
border:none;
width:195px;
height:46px;
background: url(images/poll_new_small_button.png) no-repeat left top;
}
/* Post */