DMC/boka3
12
0
Fork 0
Code Issues13 Pull Requests Projects Releases Wiki Activity

Updated the html/css

Browse Source
This commit is contained in:
Erik Thuning 2018-07-18 16:35:29 +02:00
parent 9982ede3e3
commit e4faabc42e
2 changed files with 55 additions and 5 deletions

15
html/base.html

@ -1,3 +1,4 @@
¤¤ head ¤¤
<!DOCTYPE html>
<html>
<head>
@ -7,7 +8,7 @@
<link rel="stylesheet" type="text/css" href="./template.css" />
<link rel="stylesheet" type="text/css" href="./style.css" />
<script type="text/javascript" src="./script.js"></script>
<title>¤pagetitle¤</title>
<title>¤title¤</title>
</head>
<body>
<div id="container">
@ -29,10 +30,20 @@
</div>
<div id="menu">
¤menu¤
<form id="search" class="item right">
<input type="text" placeholder="Vad letar du efter?"/>
<button class="right">Sök</button>
</form>
<div class="clear">
</div>
</div>
<div id="contents">
<a class="accessibility-link" name="content-top"></a>
¤contents¤
¤¤ menuitem ¤¤
<a class="item left ¤active¤" href="?action=¤action¤">¤title¤</a>
¤¤ foot ¤¤
<div class="clear">
</div>
</div>

45
template.css

@ -74,9 +74,16 @@ input, textarea, button, select {
color: black;
}
input[type="text"] {
padding-left: 4px;
padding-right: 4px;
}
/*
input, button, select {
vertical-align: middle;
}
*/
textarea {
vertical-align: top;
@ -92,6 +99,8 @@ button, input[type="submit"] {
background-position: left;
background-repeat: repeat-x;
color: white;
padding-left: 10px;
padding-right: 10px;
}
/*
@ -199,6 +208,38 @@ button, input[type="submit"] {
margin-right: 20px;
}
#menu {
height: 35px;
border-top: 0px none;
background-image: url("images/head-menu-row-repeater.gif");
background-position: left bottom;
background-repeat: repeat-x;
background-color: #002E5F;
margin: 0px;
font-size: 130%;
}
#menu .item {
padding-left: 12px;
padding-right: 12px;
margin-left:6px;
margin-right: 6px;
text-decoration: none;
color: #005B7F;
height: 100%;
padding-top: 8px;
baseline: bottom;
}
#menu .active {
background-color: #FFF;
}
#menu #search {
padding-top: 7px;
padding-right: 0px;
}
#contents {
font-family: Georgia, "Times New Roman", Times, serif;
margin-left: auto;
@ -269,11 +310,9 @@ button, input[type="submit"] {
padding-right: 20px;
}
.right {
margin-top: 0;
float: right;
}
.left {
margin-top: 0;
float:left;
}
}
@ -287,7 +326,7 @@ button, input[type="submit"] {
}
}
@media screen and (min-width: 767px) {
@media screen and (min-width: 768px) {
#header-su {
display: inline-block;
}