Einzelnen Beitrag anzeigen
  #5 (permalink)  
Alt 02.04.2013, 14:09
sandy sandy ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.04.2013
Beiträge: 2
sandy befindet sich auf einem aufstrebenden Ast
Standard

Vielen Dank
habe in meiner css datei "layout.css" das drinn. Zu unterst ist die @media.

a:link {
text-decoration: underline;
color: #fff;
font-size: 14px;
}
a:visited {
text-decoration: none;
color: #fff;
font-size: 14px;
}
a:hover {
text-decoration: none;
color: #666;
font-size: 14px;
}
a:active {
text-decoration: none;
color: #666;
font-size: 14px;
}


html {
background: url(background.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#container {
margin:auto;
border-top:#CC00CC 6px solid;
border-bottom:#CC00CC 6px solid;
width:95%;
max-width:1200px;
min-width:700px;

}


#navigation {
width:27.083%;
float:left;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;


}

#navigation ul {
margin-top: 0;
padding-top:15px;
padding-left:0px;
list-style-type: none;
text-decoration: none;


}

#navigation a {
list-style-type: none;
text-decoration: none;
padding: 5px 0px;
color:#FFF;
display:block;
}

#navigation a:hover {
list-style-type: none;
text-decoration: underline;
color: #666;

}

#inhalt {
margin-left:27.083%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:#FFFFFF;
padding-top:20px;



}

#container_index {
position: absolute;
width:474px;
height:600px;
top:50%;
left:50%;
margin-left:-237px;
margin-top:-300px;
}


#logo {
width:474px;
height:474px;
position:absolute;
left:50%;
top:35%;
margin-left:-237px;
margin-top:-237px;
background-image:url(Logo.png); background-repeat:no-repeat;
padding-top:20px;

}



#news {
position:absolute;
width:320px;
top:75%;
left:50%;
margin-left:-160px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:#FFFFFF;
padding-bottom:20px;


}


#facebook {
width:80px;
height:80px;
position:absolute;
left:70%;
top:61%;
margin-left:-40px;
margin-top:-40px;


}

#navigation_start {
width:200px;
height:200px;
position:absolute;
right:60%;
top:70%;
margin-right:-100px;
margin-top:-100px;
color:#000;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;


}

#navigation_start ul {
list-style-type: none;
text-decoration: none;

}

#navigation_start a {
list-style-type: none;
text-decoration: none;
padding: 5px 0px;
color:#000;
display:block;
}

#navigation_start a:hover {
list-style-type: none;
text-decoration: underline;
color: #666;

}


#navigation_start a:active {
color: #666;
list-style-type: none;

}

#bringding {
margin-left:300px;
padding-left:0%;
padding-right:5px;

}

#lookatme {
margin-left:300px;
padding-left:0%;
padding-right:10px;

}

#clvideo {
margin-left:300px;
padding-left:0%;
padding-right:10px;

}
#bandsquare {
margin-left:300px;
padding-left:0%;
padding-right:10px;

}



#drehung_website_icons img { /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#drehung_website_icons img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

@media only screen and (max-device-width: 480px) {

#container {width:100%;font-size:36px}

#navigation {float: none;width:100%;font-size:36%}

#inhalt {margin-left:0; font-size:36%}

#a:link {font-size:36%}

#navigation_start {font-size:36%}
}
Mit Zitat antworten