@ -1,80 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="../styles.css"> |
||||
<title>3. Tübinger Day of Digital Freedom</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div id="languages"><a href="https://tdf.cttue.de"><img src="../image/de.png"></a></div> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="../image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="../image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="../image/banner-3.png" /> |
||||
</div> |
||||
<div class="box" id="event"> |
||||
<h2>Save the Date!</h2> |
||||
<p class="big">On July 6, 2024, the 3rd Day of Digital Freedom will take place in Tübingen.</p> |
||||
<p>The Tübingen Day of Digital Freedom is an open Chaos community event. |
||||
The event is not only aimed at nerds, but also at everyone interested in a life of freedom and |
||||
self-determination. |
||||
To this end, we want to give you the tools for self-empowerment in the form of workshops and |
||||
presentations. |
||||
But you are also welcome to come just to hang-out, have conversations with others, and take a look at the blinky things. |
||||
</p> |
||||
<p class="big">All Creatures Welcome.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="participate"> |
||||
<h2>Participate!</h2> |
||||
<p>Be part of the event by contributing your own part. Click on "Participate" to learn more… |
||||
</p> |
||||
<div class="button-container"> |
||||
<a href="participate.html" class="button">Participate</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box" id="assemblies"> |
||||
<h2>Assemblies</h2> |
||||
<p>Bring your projects and experience the unique charm that arises when people work together! |
||||
Those who have already visited CCC events know exactly what we're talking about. We provide free and |
||||
suitable spaces so that you can organize your assembly on site.</p> |
||||
<p>What is an assembly? The term has many meanings like "construction", but also "gathering". It can be an |
||||
oversized interactive art object, or a creative invention that fits in your pocket. But it can also be a |
||||
group of people meeting on site and pursuing their passion.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="ctt"> |
||||
<h2>Organizers</h2> |
||||
<p>The Tübingen Day of Digital Freedom is initiated and organized by the ChaosTreff Tübingen (CTT). The |
||||
ChaosTreff is a registered association and is closely related to the Chaos Computer Club e.V. |
||||
The members regularly meet to exchange ideas and work together on technical, digital, cultural, and social |
||||
issues.</p> |
||||
<p>More information and dates at <a href="https://cttue.de/">cttue.de</a>.</p> |
||||
</div> |
||||
|
||||
<div class="box" id="sponsor"> |
||||
<h2>Sponsors</h2> |
||||
<p>The TDF is a non-commercial event and is carried out by all participants on a voluntary basis. This |
||||
makes |
||||
the offer freely accessible to the public.</p> |
||||
<p>In order to make this possible, sponsors have supported us in the past years. This year |
||||
we are also looking forward to work with supporters to make this event possible. |
||||
</p> |
||||
<p>Would you like to support the TDF financially or in other ways, or do you know someone who might be |
||||
suitable for this? Write to us at |
||||
tdf@cttue.de</p> |
||||
</div> |
||||
|
||||
</div> |
||||
<p> </p> |
||||
</div> |
||||
</body> |
||||
|
||||
</html> |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 1.4 MiB |
Before Width: | Height: | Size: 251 KiB |
Before Width: | Height: | Size: 165 KiB |
Before Width: | Height: | Size: 143 KiB |
Before Width: | Height: | Size: 6.8 KiB |
Before Width: | Height: | Size: 99 B |
Before Width: | Height: | Size: 288 B |
Before Width: | Height: | Size: 4.8 KiB |
Before Width: | Height: | Size: 972 KiB |
Before Width: | Height: | Size: 953 KiB |
Before Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 3.1 KiB |
Before Width: | Height: | Size: 328 KiB |
Before Width: | Height: | Size: 3.7 MiB |
Before Width: | Height: | Size: 2.5 KiB |
Before Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 293 KiB |
Before Width: | Height: | Size: 2.4 KiB |
@ -1,217 +0,0 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<link rel="stylesheet" type="text/css" href="styles.css"> |
||||
<title>3. Tübinger Tag der digitalen Freiheit</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="background"> |
||||
|
||||
<div id="content"> |
||||
|
||||
<div class="banner-box"> |
||||
<img class="banner" id="banner-1" src="image/banner-1.png" /> |
||||
<img class="banner" id="banner-2" src="image/banner-2.png" /> |
||||
<img class="banner" id="banner-3" src="image/banner-3.png" /> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Das Event</h2> |
||||
<p>Der Tag der digitalen Freiheit ist ein Event organisiert aus der Chaos-Community und findet zum dritten Mal |
||||
in Folge in Tübingen statt.</p> |
||||
<p>Auf dem Event treffen sich Freaks, Künstlerinnen, Utopistinnen und einfach nur wissensgierige Menschen um |
||||
gemeinsam voneinander und miteinander zu lernen. Uns alle verbindet der offene Austausch über Kreativität, |
||||
Schönheit, unsere Gesellschaft, Technik und deren Auswirkung auf uns und die in großen Schritten |
||||
voranschreitende Klimakatastrophe. </p> |
||||
<p>Der Chaostreff Tübingen ist noch relativ jung und am Aufbau und Pflegen einer Community. Deren geteilte Werte |
||||
sind es gemeinschaftlich und unkommerziell einen Raum zu schaffen, in dem man voneinander lernen, sich |
||||
entfalten und organisieren kann. Dieser soll auch ein Forum zum Austausch nahestehnder Gruppierungen und |
||||
Individuen dienen.</p> |
||||
<p>Der Tag der digitalen Freiheit ist dazu da diese Utopie zu verwirklichen. Wenn du unsere Werte und <a |
||||
href="https://www.ccc.de/hackerethik">Ethik</a> teilst und mithelfen willst, bist du herzlich dazu |
||||
eingeladen.</p> |
||||
<div class="button-container"> |
||||
<a href="index.html" class="button">Zur Hauptseite</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Dates & Deadlines</h2> |
||||
|
||||
<h3>Vorbereitung</h3> |
||||
<ul> |
||||
|
||||
<li>Donnerstag 12 April 2024 - Öffnung Call for Participation</li> |
||||
<li>Sonntag 21 April 2024 16:00 Uhr - Frühe offene Begehung vor Ort </li> |
||||
<li>Samstag 08 Juni 2024 - Deadlines für Online-Einreichung der Beiträge</li> |
||||
<li>Sonntag 09 Juni 2024 16:00 Uhr - Letzte offene Begehung vor Ort</li> |
||||
</ul> |
||||
|
||||
<h3>Event</h3> |
||||
<ul> |
||||
|
||||
<li>Freitag 05 Juli 2024 - ab 16:00 Aufbau </li> |
||||
<li>Samstag 06 Juli 2024 - Tag der digitalen Freiheit (Haupttag)</li> |
||||
<li>Sonntag 07 Juli 2024 - bis 14:00 Uhr Veranstaltungsabschluss, dann Abbau. </li> |
||||
</ul> |
||||
</div> |
||||
|
||||
<div class="box"> |
||||
<h2>Vorträge & Workshops</h2> |
||||
<p>Bringe gerne einen Vortrag auf die Bühne, oder Teile dein Wissen in einem Workshop mit anderen. </p> |
||||
|
||||
<ul> |
||||
<li>Vorträge sind für 20 oder 45 Minuten angesetzt (jeweils + 10 Minuten Fragen)</li> |
||||
<li>Workshops sind für 45 Minuten angesetzt.</li> |
||||
</ul> |
||||
|
||||
<p>Tragt eure Ideen und Vorschläge bitte hier ein:</p> |
||||
|
||||
<div class="button-container"> |
||||
<a href="https://cfp.cttue.de/tdf3/cfp" class="button">Call for Participation</a> |
||||
</div> |
||||
|
||||
<p>Wir geben euch nach Ende der Deadline Rückmeldung.</p> |
||||
|
||||
<p>Falls ihr außerhalb dieser Form etwas beitragen möchtet oder sonst etwas benötigt, meldet euch sehr gerne bei |
||||
<a href="mailto:tdf@cttue.de">tdf@cttue.de</a></p> |
||||
|
||||
<h3>Submission guidelines</h3> |
||||
|
||||
<p>Lasse uns bitte über das Webinterface eine sinnvolle, möglichst vollständige, aber nicht übermäßig lange |
||||
Beschreibung deines geplanten Vortrags/Workshops zukommen. Deine Beschreibung hat einen großen Einfluss auf |
||||
die Auswahl und bei deren Annahme auch auf dein Publikum. Setze dich also bitte Intensiv mit deiner |
||||
Beschreibung vor deiner Einreichung auseinander. </p> |
||||
|
||||
<p>Es ist nicht sinnvoll, Firmen- oder Produktpropaganda einzureichen, auch nicht verdeckte. Marketing- und |
||||
Sales-Droiden werden gnadenlos rausgefiltert ohne eine Spur zu hinterlassen. Wir wollen einen kommerzfreie |
||||
Veranstaltung gestalten.</p> |
||||
|
||||
<p>Vorträge können entweder 20 Minuten (plus Fragen) oder 45 Minuten (plus Fragen) sein. Workshops sind im |
||||
Interface mit 45 Minuten auswählbar. Falls zeitliche Abweichungen gewünscht sind, trage sie einfach in das |
||||
Notiz-Feld ein. </p> |
||||
|
||||
</div> |
||||
<div class="box"> |
||||
<h2>Tracks</h2> |
||||
|
||||
<p>In folgende Themen kannst du deine Beiträge einordnen / auch weitere Inhalte erwarten.</p> |
||||
|
||||
<h3>Kreativität & Schönheit</h3> |
||||
|
||||
<p>Das Zitat „you can create art and beauty with a computer“ aus der Hackerethik von Steven Levis (1984) ist das |
||||
Leitmotiv für diesen Track. Wir freuen uns über Einreichungen die darstellende oder bildenden Kunst mit Themen |
||||
und Techniken der digitalen Welt und den Ideen der Hacker-Kultur verbinden.</p> |
||||
|
||||
<h3>Ethik, Politik & Gesellschaft</h3> |
||||
|
||||
<p>Der Track betrachtet die ethischen, politischen und gesellschaftlichen Technikfolgen, die unser Leben |
||||
betreffen. Es geht um konstruktive und mutmachende Beiträge, wie man dem allgemeinen Ohnmachtsgefühl |
||||
entgegentreten kann, das durch die gegenwärtigen Trends wie Demokratieverfall, Klimakatastrophe und Kriegen |
||||
entsteht.</p> |
||||
|
||||
<h3>Hardware & Code</h3> |
||||
|
||||
<p>Wir umgeben uns mit Dingen, die wir (scheinbar) nicht verstehen, aufmachen, reparieren oder gar selbst |
||||
herstellen können. Das muss nicht so sein. Wir können „Maker“ sein und lernen, wie man Dinge macht und |
||||
verändert, durchschaut und programmiert. Wir freuen uns über Beiträge, die zeigen, wie wir uns der Technik |
||||
ermächtigen können.</p> |
||||
|
||||
<h3>Digitalität & Mündigkeit</h3> |
||||
|
||||
<p>In diesem Track geht es um die Fähigkeit, digitale Technologien und Medien kritisch zu verstehen, |
||||
verantwortungsbewusst zu nutzen und sich sicher in der digitalen Welt zu bewegen. Beiträge zu Medienkompetenz, |
||||
Datenschutz, Cybersicherheit, kritisches Denken und Ethik im digitalen Kontext sind willkommen.</p> |
||||
|
||||
<h3>Vielfalt & Achtsamkeit</h3> |
||||
|
||||
<p>Menschen sind unterschiedlich. Es gibt Formen der Diversität die wir kulturell akzeptieren oder gar nicht |
||||
wahrnehmen. Problematisch wird es, wenn Individuen oder Gruppen ausgegrenzt oder verletzt werden, sei es wegen |
||||
ihre Herkunft, der sexuellen Orientierung und Identität oder der Art, wie ihr Gehirn funktioniert. Wie können |
||||
wir in der digitalen Welt eine Wahrnehmung von Diversität und positiven Umgang damit entwickeln.</p> |
||||
|
||||
<h3>Nachhaltigkeit & Klimagerechtigkeit</h3> |
||||
|
||||
<p>Dieser Track heißt alle Einreichungen willkommen, die sich kritisch mit Gestaltung und Einsatz von |
||||
Technologie im aktuellen Kontext globaler ökologischer Ungerechtigkeit und des Zusammenbruchs von Ökosystemen |
||||
auseinandersetzen. Wir freuen uns auf Beiträge, die eine nachhaltige, gerechte und demokratische digitale |
||||
Zukunft anstreben und fördern.</p> |
||||
|
||||
|
||||
</div> |
||||
<div class="box"> |
||||
<h2>Elfen</h2> |
||||
<p>Neben den Inhalten lebt das Event auch von der Hilfe netter und hilfreicher Elfen.</p> |
||||
<p>Es werden hinter und auch vor den Kulissen einige helfende Hände benötigt. </p> |
||||
<p>Die Aufgaben sind in 2,5 Stunden Schichten unterteilt und für alle Helfenden gibts im Elfenhain freie |
||||
alkoholfreie Getränke und Verpflegung.</p> |
||||
|
||||
<p>Das Elfen-System geht bald(^TM) online.</p> |
||||
|
||||
<p>Bei folgenden Aufgaben kann man niederschwellig dem Orga-Team helfen:</p> |
||||
|
||||
<div style="display: grid; grid-template-columns: 1fr 1fr;"> |
||||
<div> |
||||
<h3>Aufbau</h3> |
||||
<ul> |
||||
<li>Fahrdienste</li> |
||||
<li>Deko</li> |
||||
<li>Möbelierung</li> |
||||
<li>Beschilderung</li> |
||||
</ul> |
||||
|
||||
<h3>Vorträge</h3> |
||||
<ul> |
||||
<li>„Herald“ / Moderation</li> |
||||
<li>Aufnahme</li> |
||||
<li>Schnitt & Ton</li> |
||||
</ul> |
||||
|
||||
<h3>Verpflegung</h3> |
||||
<ul> |
||||
<li>WOC (Waffel Operation Center)</li> |
||||
<li>Getränkeverkauf (Abends Cocktails)</li> |
||||
<li>Grill (Samstag Abend)</li> |
||||
<li>Elfenverpflegung</li> |
||||
</ul> |
||||
</div> |
||||
<div> |
||||
|
||||
<h3>Betreuung</h3> |
||||
<ul> |
||||
<li>Info-Desk</li> |
||||
<li>Awareness</li> |
||||
<li>Springer*in</li> |
||||
</ul> |
||||
|
||||
<h3>Abendsveranstaltung</h3> |
||||
<ul> |
||||
<li>Soundtechnik</li> |
||||
<li>Lichttechnik</li> |
||||
</ul> |
||||
|
||||
<h3>Abbau</h3> |
||||
<ul> |
||||
<li>Fahrdienst</li> |
||||
<li>Möbelierung</li> |
||||
<li>Putzen</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
</div> |
||||
<div class="box"> |
||||
<h2>Übernachtung</h2> |
||||
<p>Für extern Angereiste wollen wir im Elfenhain die Möglichkeit anbieten Freitag und Samstag Nacht zu |
||||
übernachten auf Feldbetten & Sofas. Hierzu bitte unbedingt vorher bei Mailto:tdf@cttue.de anmelden.</p> |
||||
|
||||
</div> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -1,295 +0,0 @@ |
||||
@font-face { |
||||
font-family: 'TitilliumWeb-Regular'; |
||||
src: url('font/TitilliumWeb-Regular.ttf'); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'TitilliumWeb-Bold'; |
||||
src: url('font/TitilliumWeb-Bold.ttf'); |
||||
} |
||||
|
||||
body { |
||||
background: #2D95AB; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
.background { |
||||
background-image: url("image/neon-scene.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: center top; |
||||
background-attachment: fixed; |
||||
padding-top: 20px; |
||||
margin: 0; |
||||
} |
||||
|
||||
.banner { |
||||
vertical-align: middle; |
||||
position: absolute; |
||||
top: 20px; |
||||
left: 0; |
||||
bottom: 0; |
||||
margin: 0; |
||||
padding: 0; |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
|
||||
#banner-1 { |
||||
mix-blend-mode: screen; |
||||
} |
||||
|
||||
#banner-2 { |
||||
mix-blend-mode: hard-light; |
||||
} |
||||
|
||||
#banner-3 { |
||||
mix-blend-mode: normal; |
||||
} |
||||
|
||||
.box { |
||||
background: #024361; |
||||
margin-bottom: 2em; |
||||
padding: 1em 2em 0.7em; |
||||
border-style: solid; |
||||
border-color: #8FDD75; |
||||
border-width: 2px; |
||||
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5), |
||||
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5); |
||||
background-blend-mode: soft-light; |
||||
background-size: auto 100%; |
||||
background-repeat: no-repeat; |
||||
background-position: right; |
||||
background-blend-mode: luminosity; |
||||
padding-right: 10%; |
||||
text-shadow: 0px 0px 5px #012E42, |
||||
0px 0px 10px #012E42, |
||||
0px 0px 15px #012E42, |
||||
0px 0px 20px #012E42, |
||||
0px 0px 25px #012E42, |
||||
0px 0px 30px #012E42; |
||||
} |
||||
|
||||
#participate { |
||||
background-image: url("image/participate.png"); |
||||
} |
||||
|
||||
#content { |
||||
max-width: 1000px; |
||||
margin: 0 auto; |
||||
padding: 0 75px; |
||||
} |
||||
|
||||
#event { |
||||
background-image: url("image/network.png"); |
||||
} |
||||
|
||||
#assemblies { |
||||
background-image: url("image/assemblies.png"); |
||||
} |
||||
|
||||
#sponsor { |
||||
background-image: url("image/sponsor.png"); |
||||
} |
||||
|
||||
#ctt { |
||||
background-image: url("image/pesthoenchen.png"); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#costs { |
||||
background-image: url("image/costs.png"); |
||||
background-position: bottom; |
||||
background-size: 100% auto; |
||||
} |
||||
|
||||
.banner-box { |
||||
position: relative; |
||||
height: 400px; |
||||
} |
||||
|
||||
|
||||
.right-align { |
||||
text-align: right; |
||||
} |
||||
|
||||
p, |
||||
h2, h3, li { |
||||
color: #ffff00; |
||||
} |
||||
|
||||
a { |
||||
color: #ffffaa; |
||||
} |
||||
|
||||
p, |
||||
a, |
||||
li { |
||||
font-family: "TitilliumWeb-Regular"; |
||||
font-size: 1.2em; |
||||
} |
||||
|
||||
li { |
||||
font-size: "TitilliumWeb-Regular"; |
||||
font-size: 1.0em; |
||||
} |
||||
|
||||
ul { |
||||
list-style-type: none; |
||||
padding-left: 0; |
||||
} |
||||
|
||||
ul li { |
||||
padding-left: 20px; |
||||
margin-top: 0px; |
||||
margin-bottom: 0px; |
||||
position: relative; |
||||
} |
||||
|
||||
ul li:before { |
||||
content: ""; |
||||
width: 8px; |
||||
height: 8px; |
||||
background-color: #ffffaa; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translateY(-50%); |
||||
} |
||||
|
||||
h2 { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
text-transform: uppercase; |
||||
font-size: 3em; |
||||
margin-top: 0em; |
||||
margin-block-end: 0em; |
||||
} |
||||
|
||||
|
||||
h3, |
||||
.big { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
font-size: 1.5em; |
||||
margin-top: 0; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.label { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.label-sub { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.flex { |
||||
height: 200px; |
||||
display: flex; |
||||
margin-bottom: 1em; |
||||
} |
||||
|
||||
.box-sub { |
||||
display: flex; |
||||
flex: 33.33%; |
||||
padding: 10%; |
||||
background: #352040; |
||||
padding: 1em 2em 0.7em; |
||||
background-blend-mode: soft-light; |
||||
background-repeat: no-repeat; |
||||
background-blend-mode: normal; |
||||
} |
||||
|
||||
#sponsor-pagina { |
||||
margin-right: 20px; |
||||
margin-top: 35px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/pagina_logo.png"); |
||||
} |
||||
|
||||
#sponsor-daasi { |
||||
margin-top: 50px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/daasi_logo.png"); |
||||
} |
||||
|
||||
#sponsor-tuebingen { |
||||
margin-top: 35px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/tuebingen_logo.png"); |
||||
} |
||||
|
||||
#sponsor-no-budget { |
||||
margin-right: 20px; |
||||
margin-top: 50px; |
||||
max-width: 300px; |
||||
max-height: 150px; |
||||
background-image: url("image/no_budget_logo.svg"); |
||||
} |
||||
|
||||
#veranstalter-ctt { |
||||
width: 150px; |
||||
height: 150px; |
||||
background-image: url("image/CCTLogo.webp"); |
||||
background-size: auto 100%; |
||||
} |
||||
|
||||
#veranstalter-shedhalle { |
||||
margin-top: 2em; |
||||
height: 136px; |
||||
width: 38px; |
||||
background-image: url("image/shedhalle_logo.png"); |
||||
} |
||||
|
||||
#veranstalter-kims { |
||||
margin-top: 2em; |
||||
width: 150px; |
||||
height: 150px; |
||||
background-image: url("image/kims_logo.png"); |
||||
} |
||||
|
||||
.verlinkung { |
||||
display: block; |
||||
height: 100%; |
||||
width: 100%; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.button-container { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 100%; |
||||
} |
||||
|
||||
.button { |
||||
display: inline-block; |
||||
padding: 20px 40px; |
||||
font-size: 24px; |
||||
font-weight: bold; |
||||
text-decoration: none; |
||||
color: #000; |
||||
background-color: #ffff00; |
||||
border: none; |
||||
cursor: pointer; |
||||
transition: background-color 0.3s ease; |
||||
border-radius: 0; |
||||
margin: 0 auto; |
||||
text-shadow: none; |
||||
} |
||||
|
||||
#languages { |
||||
position: fixed; |
||||
top: 19px; |
||||
right: 10%; |
||||
transform: translateY(-50%); |
||||
background-color: #084462; |
||||
padding: 10px; |
||||
padding-bottom: 3px; |
||||
z-index: 9999; |
||||
} |