136 Zeilen
2,2 KiB
CSS
136 Zeilen
2,2 KiB
CSS
|
form#login_box {
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
form#login_box fieldset {
|
||
|
padding: 3px;
|
||
|
border-radius: 6px;
|
||
|
}
|
||
|
|
||
|
input[type='submit'] {
|
||
|
background: #0099ff none repeat scroll 0 0;
|
||
|
border: 1px solid;
|
||
|
border-radius: 6px;
|
||
|
color: #fff;
|
||
|
margin: 5px 10px 5px 0;
|
||
|
padding: 5px;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
footer #colophon {
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
div#social-media-links {
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
text-align: right;
|
||
|
width: 20%;
|
||
|
display: inline-block;
|
||
|
}
|
||
|
|
||
|
a.social-media-icon {
|
||
|
width: 32px;
|
||
|
height: 32px;
|
||
|
background-image: url(../images/ico/social_icons_sprite.png);
|
||
|
display: inline-block;
|
||
|
color: rgba(0, 0, 0, 0);
|
||
|
}
|
||
|
|
||
|
.facebook {
|
||
|
background-position: 0 0 !important;
|
||
|
}
|
||
|
|
||
|
.facebook:hover {
|
||
|
background-position: 0 -32px !important;
|
||
|
}
|
||
|
|
||
|
.pinterest {
|
||
|
background-position: -32px 0 !important;
|
||
|
}
|
||
|
|
||
|
.pinterest:hover {
|
||
|
background-position: -32px -32px !important;
|
||
|
}
|
||
|
|
||
|
.youtube {
|
||
|
background-position: -64px 0px !important;
|
||
|
}
|
||
|
|
||
|
.youtube:hover {
|
||
|
background-position: -64px -32px !important;
|
||
|
}
|
||
|
|
||
|
.flickr {
|
||
|
background-position: -96px 0px !important;
|
||
|
}
|
||
|
|
||
|
.flickr:hover{
|
||
|
background-position: -96px -32px !important;
|
||
|
}
|
||
|
|
||
|
.google-plus {
|
||
|
background-position: -128px 0px !important;
|
||
|
}
|
||
|
|
||
|
.google-plus:hover {
|
||
|
background-position: -128px -32px !important;
|
||
|
}
|
||
|
|
||
|
.rss {
|
||
|
background-position: -160px 0 !important;
|
||
|
}
|
||
|
|
||
|
.rss:hover {
|
||
|
background-position: -160px -32px !important;
|
||
|
}
|
||
|
|
||
|
|
||
|
.twitter {
|
||
|
background-position: -192px 0 !important;
|
||
|
}
|
||
|
|
||
|
.twitter:hover {
|
||
|
background-position: -192px -32px !important;
|
||
|
}
|
||
|
|
||
|
|
||
|
.vimeo {
|
||
|
background-position: -224px 0 !important;
|
||
|
}
|
||
|
|
||
|
.vimeo:hover {
|
||
|
background-position: -224px -32px !important;
|
||
|
}
|
||
|
|
||
|
.dribble {
|
||
|
background-position: -256px 0 !important;
|
||
|
}
|
||
|
|
||
|
.dribble:hover {
|
||
|
background-position: -256px -32px !important;
|
||
|
}
|
||
|
|
||
|
.linkedin {
|
||
|
background-position: -288px 0 !important;
|
||
|
}
|
||
|
|
||
|
.linkedin:hover {
|
||
|
background-position: -288px -32px !important;
|
||
|
}
|
||
|
|
||
|
.xing {
|
||
|
background-position: -320px 0 !important;
|
||
|
}
|
||
|
|
||
|
.xing:hover {
|
||
|
background-position: -320px -32px !important;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
@media only screen and (min-width: 920px) {
|
||
|
form#login_box input {
|
||
|
max-width: 100px;
|
||
|
}
|
||
|
}
|