/*------------------------------------------------------------------ # Hinweise zur Benennung: *Vergabe von ID´s: sim_ contact : bezieht sich auf sims version! contact: ohne extra namensbezeichnung bezieht sich auf nic ! Bsp: startseite_nic_deutsch *Vergabe der Filenamen: * die Bezeichnung der Seite *Sortierung nach sim oder nic * die Nummer der Seite in der Site (Bsp.: 2 (2.Seite der Site),3 (3.Seite der Site)) * alles getrennt durch einen Unterstrich! ( nicht Bindestrich!) * alles klein geschrieben BSP:startseite_sim_2.html # Default Stylesheet Filename: style.css Site: simandnic.de ? oder com Version: 1.1 Last change: 26/02/2013 [added gallery view, jct] Author: Sim&Nic (jct) Desciption: Default styles to be applied to index page in the site (1.Seite) ## TOC: Dieses Stylesheet enthält die Layoutformatierungen für: Es folgt erst der Filename und nach doppelpunkt die erklärung und dann die Reihenfolge in der Homepage * index.html (= Startseite der Homepage): 1.Seite * startseite_nic.html : nic_deutsch_2 Seite * startseite_nic_english.html : nic_english_2 Seite * startseite_sim.html: sim_deutsch_2 Seite * startseite_sim_english.html : sim_english_2 Seite * HTML Selectors (Defaults) ** Body (Hintergrund) ** Wrapper ( wurde am 21.08.2012 rausgenommen) * Header: startseitebox_sim_nic ( Schriftzug Sim&Nic) (Haupt) * Navigation (Haupt) * Aside (Haupt) * Formatierung der Schriften (body) unter Schrift * Formatierung der links für die 2.Seite ------------------------------------------------------------------*/ /*------------------------------------------------------------------ ## Color Glossary grün: ( Schrift Sim&Nic): #21FF00 orange: ( Schrift Sim&Nic visited): #FF8B03 pink: #ff0084; grau: #A39EA0 grau 2 (dkl): #5A5B5B hellblau: #2ED8F2; ## Font Glossary gelb: #EAFF07; body: helvetica, sans-serif -------------------------------------------------------------------*/ /*-----------------------------------------------------*/ /*----------------------- Haupt -----------------------*/ /*-----------------------------------------------------*/ /*** CSS3 VQS | Chapter 13 | cssreset-ericmeyer.css RESET um Bugs des Browser zu clearen ***/ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*-----------Hier geht es los------------------------------------------*/ body { background: #000000 url('./../layout/cross_b156px.gif') repeat fixed; /*---Wiederholung des Hintergrundbildes---*/ /*---beim Zoom keine Verschiebung der Schrift Sim&Nic und Gitter in Kombination mit Positionierung des Schriftzugs startseitebox_sim_nic ACHTUNG NICHT MIT POSITION FIXED ARBEITEN _ ANSONSTEN ERSCHEINEN KEINE SKROLLBALKEN AUCH DANN NICHT FALLS DIESE BENÖTIGT WERDEN - D.H: hier Scrollen die div container über den Hintergrund, falls wir das nicht wollen dann muß mit position fixed gearbeitet werden, d.h. hier erscheinen die div container fest mit dem Hintergrund verbunden, dann erscheinen aber auch keine skrollbalken falls jemand den viewport kleiner macht!!!!!---*/ } #info_body { background: #000000 url('./../layout/criss_cross_w166h82px_gruen_rot.png') repeat fixed; /*---Wiederholung des Hintergrundbildes---*/ /*---beim Zoom keine Verschiebung der Schrift Sim&Nic und Gitter in Kombination mit Positionierung des Schriftzugs startseitebox_sim_nic* ACHTUNG NICHT MIT POSITION FIXED ARBEITEN _ ANSONSTEN ERSCHEINEN KEINE SKROLLBALKEN AUCH DANN NICHT FALLS DIESE BENÖTIGT WERDEN - D.H: hier Scrollen die div container über den Hintergrund, falls wir das nicht wollen dann muß mit position fixed gearbeitet werden, d.h. hier erscheinen die div container fest mit dem Hintergrund verbunden, dann erscheinen aber auch keine skrollbalken falls jemand den viewport kleiner macht!!!!!---*/ } #kontakt_body_green{ background: #000000 url('./../layout/criss_cross_w166h82px_dklgr_rot.png') repeat fixed; /*---Wiederholung des Hintergrundbildes---*/ /*---beim Zoom keine Verschiebung der Schrift Sim&Nic und Gitter in Kombination mit Positionierung des Schriftzugs startseitebox_sim_nic ACHTUNG NICHT MIT POSITION FIXED ARBEITEN _ ANSONSTEN ERSCHEINEN KEINE SKROLLBALKEN AUCH DANN NICHT FALLS DIESE BENÖTIGT WERDEN - D.H: hier Scrollen die div container über den Hintergrund, falls wir das nicht wollen dann muß mit position fixed gearbeitet werden, d.h. hier erscheinen die div container fest mit dem Hintergrund verbunden, dann erscheinen aber auch keine skrollbalken falls jemand den viewport kleiner macht!!!!!---*/ } #wrapper{ width: 980px; } /*-------------" 1 SEITE der HOMEPAGE"----------------------------------------*/ #startseitebox_sim_nic { width: 110px; height:38px; top: 380px; left: 574px; padding-top: 29px; padding-left: 15px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift Sim&Nic und Gitter NICHT MIT POSITION FIXED ARBEITEN _ ANSONSTEN ERSCHEINEN KEINE SCROLLBALKEN AUCH FALLS NÖTIG!!!!---*/ /*--- Schriftfarbe Sim&Nic grün bei Schrift body definiert!---*/ } /*-------------" 2 SEITE der HOMEPAGE_NIC"----------------------------------------*/ /*---absolute Positionierung des Schriftzugs Sim&Nic auf Nic s Startseite = startseite_nic.html - startnic_box sim_nic auf dem Gitter, Hintergrundbild-NICHT ÜBER FIXED ANSONSTEN KEINE SKROLLBALKEN MÖGLICH FALLS FENSTER KLEINER!!!--*/ #startnic_box_sim_nic{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 45px 0px 0px 42px; /*---------Schriftpositionierung in box----------------*/ top: 131px; left: 220px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*-----Navigation------- ---------------------------*/ /*-----------------------------------------------------*/ #ideas_realisation { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 27px 0px 0px 57px; top: 214px; left: 386px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #info{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 45px 0px 0px 111px; top: 296px; left: 386px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #contact{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 45px 0px 0px 80px; top: 377px; left: 386px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs deutsch = id startseite deutsch auf dem Gitter, Hintergrundbild---*/ /*-------------------1----------------------------------*/ #startseite_nic_deutsch { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 149px; height:67px; padding: 45px 0px 0px 78px; top: 130px; left: 550px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs english = id startseite english auf dem Gitter, Hintergrundbild---*/ #startseite_nic_english { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 149px; height:67px; padding: 45px 0px 0px 84px; top: 130px; left: 550px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs nic = id startseite nic auf dem Gitter, Hintergrundbild- kombi von a, link (1)( im aside wobei aside noch nicht richtig funktioniert? und span (2)--*/ /*-------------------1----------------------------------*/ #startseite_nic{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; padding: 45px 0px 0px 29px; top: 214px; left: 308px; color: #FF8B03; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs sim = id startseite sim auf dem Gitter, Hintergrundbild- kombi von a, link (1)( im aside wobei aside noch nicht richtig funktioniert? und span (2)--*/ /*--------------------1---------------------------------*/ #startseite_sim{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; top: 214px; left: 219px; padding: 45px 0px 0px 5px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*-------------------SEITE KONTAKT---------------------------------*/ /*-----------------------------------------------------*/ #kontakt_ideas_realisation { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 27px 0px 0px 57px; top: 214px; left: 378px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #kontakt_info{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 45px 0px 0px 111px; top: 296px; left: 378px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #kontakt_contact{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 45px 0px 0px 80px; top: 377px; left: 380px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs deutsch = id startseite deutsch auf dem Gitter, Hintergrundbild---*/ /*-------------------1----------------------------------*/ #kontakt_nic_deutsch { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 149px; height:67px; padding: 45px 0px 0px 78px; top: 130px; left: 545px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs english = id startseite english auf dem Gitter, Hintergrundbild---*/ /*-------------------1----------------------------------*/ #kontakt_nic_english { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 149px; height:67px; padding: 45px 0px 0px 84px; top: 130px; left: 544px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs nic = id startseite nic auf dem Gitter, Hintergrundbild- kombi von a, link (1) und span (2)--*/ /*-------------------1----------------------------------*/ #kontakt_startseite_nic{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; padding: 45px 0px 0px 29px; top: 214px; left: 298px; color: #FF8B03; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*-------------------SEITE INFO---------------------------------*/ /*--------------------------------------------------------------*/ #info_info{ color: black; box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 45px 0px 0px 111px; top: 296px; left: 377px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #info_nic{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; padding: 45px 0px 0px 29px; top: 214px; left: 298px; color: #FF8B03; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ color: black; } /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*-------------" 2 SEITE der HOMEPAGE_SIM!!!"----------------------------------------*/ #sim_startnic_box_sim_nic{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 147px; height:66px; padding: 45px 0px 0px 42px; /*---------Schriftpositionierung in box----------------*/ top: 131px; left: 220px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*-----Navigation------- ---------------------------*/ /*-----------------------------------------------------*/ #sim_ideas_realisation { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 148px; height:66px; padding: 27px 0px 0px 57px; top: 214px; left: 54px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #sim_info{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 148px; height:66px; padding: 45px 0px 0px 111px; top: 295px; left: 54px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #sim_contact{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 148px; height:66px; padding: 45px 0px 0px 80px; top: 377px; left: 54px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs deutsch = id startseite deutsch auf dem Gitter, Hintergrundbild---*/ /*-------------------1----------------------------------*/ #sim_startseite_deutsch { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 149px; height:67px; padding: 45px 0px 0px 78px; top: 130px; left: 550px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs english = id startseite deutsch auf dem Gitter, Hintergrundbild---*/ #sim_startseite_english { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 149px; height:67px; padding: 45px 0px 0px 84px; top: 130px; left: 550px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs nic = id startseite nic auf dem Gitter, Hintergrundbild- kombi von a, link (1)( im aside wobei aside noch nicht richtig funktioniert? und span (2)--*/ /*-------------------1----------------------------------*/ #sim_startseite_nic{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; padding: 45px 0px 0px 29px; top: 214px; left: 308px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs sim = id startseite sim auf dem Gitter, Hintergrundbild- kombi von a, link (1)( im aside wobei aside noch nicht richtig funktioniert? und span (2)--*/ #sim_startseite_sim{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; top: 214px; left: 219px; padding: 45px 0px 0px 5px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*----------------------SEITE KONTAKT SIM-------------------------------*/ #kontakt_startseite_sim{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; top: 214px; left: 207px; padding: 45px 0px 0px 5px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #kontakt_sim_ideas_realisation { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 148px; height:66px; padding: 27px 0px 0px 57px; top: 214px; left: 47px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #kontakt_sim_info{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 148px; height:66px; padding: 45px 0px 0px 111px; top: 295px; left: 47px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #kontakt_sim_contact{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 148px; height:66px; padding: 45px 0px 0px 80px; top: 377px; left: 48px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs deutsch = id startseite deutsch auf dem Gitter, Hintergrundbild---*/ /*-------------------1----------------------------------*/ #kontakt_sim_startseite_deutsch { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 149px; height:67px; padding: 45px 0px 0px 78px; top: 130px; left: 543px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs english = id startseite deutsch auf dem Gitter, Hintergrundbild---*/ #kontakt_sim_startseite_english { box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 149px; height:67px; padding: 45px 0px 0px 84px; top: 130px; left: 543px; position: absolute; } /*---absolute Positionierung des Schriftzugs nic = id startseite nic auf dem Gitter, Hintergrundbild- kombi von a, link (1) und span (2)--*/ /*-------------------1----------------------------------*/ #kontakt_sim_startseite_nic{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; padding: 45px 0px 0px 29px; top: 214px; left: 298px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*---absolute Positionierung des Schriftzugs sim = id startseite sim auf dem Gitter, Hintergrundbild- kombi von a, link (1)( im aside wobei aside noch nicht richtig funktioniert? und span (2)--*/ #kontakt_sim_startseite_sim{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; top: 214px; left: 207px; padding: 45px 0px 0px 5px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*------------------------KONTAKT_POSITIONIERUNG-----------------------------*/ #kontakt_email { top: 370px; left: 650px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } #sim_kontakt_email { top: 370px; left: 300px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ } /*-------------------INFO VON SEITE SIM----------------------------------*/ #info_sim_info{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 148px; height:66px; padding: 45px 0px 0px 111px; top: 295px; left: 47px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ color: black; } #info_sim_sim{ box-sizing:border-box; /*-----um die größe der box zu erhalten bei padding----*/ -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width: 60px; height: 65px; top: 214px; left: 207px; padding: 45px 0px 0px 5px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ color: black; } /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*------------------------English_POSITIONIERUNG-----------------------------*/ #text_english { background-color: #ff0084; max-width: 390px; min-width: 390px; color: black; top: 240px; left: 560px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ padding: 5px; } /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*------------------------Projekte_POSITIONIERUNG-----------------------------*/ #text_projekte { background-color: #ff0084; max-width: 390px; min-width: 390px; color: black; top: 240px; left: 560px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ padding: 5px; } /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*------------------------Info_POSITIONIERUNG-----------------------------*/ #text_info { background-color: #ff0084; max-width: 390px; min-width: 390px; max-height: 390px; min-height: 390px; color: black; top: 340px; left: 560px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ padding: 5px; } #text_info_sim { background-color: #ff0084; max-width: 390px; min-width: 390px; max-height: 390px; min-height: 390px; color: black; top: 340px; left: 230px; position: absolute; /*---beim Zoom keine Verschiebung der Schrift und Gitter mit absolute nicht mit fixed, ansonsten keine skrollbalken, falls viewport kleiner!!!---*/ padding: 5px; } /*-----------------------------------------------------*/ /*--------------------- Schrift -----------------------*/ /*--Schriftfarbe von Sim bzw. Nic grün um anzuzeigen welche Seite active ist-------------*/ body { color: #21FF00; font-size: 110.1%; font-family: Helvetica, Sans-Serif; font-style: italic; text-decoration: none; line-height: 115%; } #startseite_nic { color: #21FF00; } #sim_startseite_sim { color: #21FF00; } #startseite_sim_nic_und { color: #FFFFFF; } #kontakt_startseite_nic { color: #21FF00; } .schrift_85 { font-size: 90%; } /*--besuchte links, etc aller Seiten ---------------------------------------------------*/ a:link {color:#FFFFFF; text-decoration:none} a:visited {color:#FFFFFF; text-decoration:none} a:active {color:#FFFFFF; text-decoration:none; background-color:blue;} a:hover {color:#FFFFFF; text-decoration:none; background-color:#ff0084;} /*--Formatierung der links für die 2.Seite - nic ------------*/ #contact:link {color:#FFFFFF; text-decoration:none} #contact:visited {color:#0000ff; text-decoration:none} #contact:active {color:#000000; text-decoration:none;} #contact:hover {color:#FFFFFF; text-decoration:none ; background-color:#ff0084;} /*--Formatierung der links für die 2.Seite - sim ------------*/ #sim_contact a:link {color:#FFFFFF; text-decoration:none} #sim_contact a:visited {color:#0000ff; text-decoration:none} #sim_contact a:active {color:#000000; text-decoration:none;} #sim_contact a:hover {color:#FFFFFF; text-decoration:none ; background-color:#ff0084;} /*--Formatierung der links für info ------------*/ .info_link:link {color: blue; text-decoration:none} .info_link:visited {color:blue; text-decoration:none} .info_link:active {color:blue; text-decoration:none;} .info_link:hover {color:blue; text-decoration:none ; background-color:#ff0084;} /*-------------------- Teil ------------------------*/ /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*---------------------- Detail -----------------------*/ /*-----------------------------------------------------*/ /*-----------------------------------------------------*/ /*--------------------- CSS-Hacks ---------------------*/ /*-----------------------------------------------------*/