Код: Выделить всё
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600|Lato|Montserrat&subset=greek);
body {}
.topbar {
position: fixed;
top: 0px;
width: 100%;
right: 0px;
background-color: tomato;
text-align: right;
height: 50px;
z-index: 100;
}
.texti {
margin-right: 15px;
}
.linkur {
border: 1px solid black;
padding: 8.5px;
margin-right: 10px;
text-decoration: none;
border-color: transparent;
font-size: 1.3em;
color: darkred;
}
.linkur:hover {
background-color: lightblue;
}
label {
position: fixed;
top: -2000px;
}
.mynd {
position: fixed;
top: -50px;
left: 20px;
}
.navigation {
height: 96%;
width: 20%;
background-color: tomato;
}
.logo {
position: fixed;
top: -100px;
}
.hlid {
position: fixed;
left: -2000px;
width: 700px;
height: 90%;
z-index: 100;
}
.main {
position: fixed;
top: 20%;
background-color: white;
left: 20%;
right: 20%;
height: 3000px;
width: 60%;
}
.leikjatexti {
border: 1px solid black;
text-decoration: none;
text-align: center;
margin-bottom: 10px;
}
.text2 {
text-decoration: none;
color: darkred;
}
@media screen and (max-width: 48em) {
.topbar {
text-align: left;
}
.linkur {
position: fixed;
top: -100px;
}
input {
display: none;
}
label,
label {
position: fixed;
top: -27px;
left: 5px;
color: #0087cc;
cursor: pointer;
display: inline-block;
font-size: 18px;
transition: all .15s ease;
font-size: 30px;
z-index: 100;
}
label:hover {
color: #ff7b29;
}
input:checked~.hlid {
position: fixed;
left: -50px;
height: 100%;
transition: all .15s ease;
}
li {
list-style-type: none;
}
.hlidlinkur {
margin-bottom: 20px;
margin-top: 20px;
margin-left: 10px;
}
.hlidlinkura {
border: 1px solid black;
padding: 7px;
text-align: center;
border-color: transparent;
text-decoration: none;
color: darkred;
font-size: 1.1em;
font-family: "Sans serif";
}
.hlidlinkura:hover {
background-color: lightblue;
}
}Код: Выделить всё
Main site
[*]
[img]project.png[/img]
[list]
[url=#]Games[/url]
[url=#]Profile[/url]
[*][url=#]My cart[/url]
[/list]
[url=Gru_login.html]
[img]portal2.jpg[/img]
Portal 2
Portal 2 er leikur sem kom út árið 2010, leikurinn hefur hlotið gríðarlega góða dóma um heim allann,
í leiknum þarftu að kljást við fjölda þrauta með byssu sem getur skotið hliðum inní aðrar víddir.
[/url]
[url=Gru_login.html]
[img]walking.jpg[/img]
The Walking Dead
viðmiðið í þessum leik er að lifa af og velja réttu leiðirnar til þess, í leiknum reynir mikið á leikmanninn
til að velja rétt og fá rétta endann.
[/url]
[url=Gru_login.html]
[img]walking.jpg[/img]
The Walking Dead
viðmiðið í þessum leik er að lifa af og velja réttu leiðirnar til þess, í leiknum reynir mikið á leikmanninn
til að velja rétt og fá rétta endann.
[/url]
[url=Gru_login.html]
[img]walking.jpg[/img]
The Walking Dead
viðmiðið í þessum leik er að lifa af og velja réttu leiðirnar til þess, í leiknum reynir mikið á leikmanninn
til að velja rétt og fá rétta endann.
[/url]
Кажется, этот код не работает, когда я пытаюсь прокрутить. Я попробовал задать высоту сайта, но сайт не прокручивается вниз, а просто остается на том же месте.
Подробнее здесь: https://stackoverflow.com/questions/367 ... screenshot
Мобильная версия