kopia lustrzana https://github.com/hholzgra/maposmatic/
160 wiersze
2.7 KiB
CSS
160 wiersze
2.7 KiB
CSS
/*
|
|
maposmatic, the web front-end of the MapOSMatic city map generation system
|
|
Copyright (C) 2009 David Decotigny
|
|
Copyright (C) 2009 Frédéric Lehobey
|
|
Copyright (C) 2009 David Mentré
|
|
Copyright (C) 2009 Maxime Petazzoni
|
|
Copyright (C) 2009 Thomas Petazzoni
|
|
Copyright (C) 2009 Gaël Utard
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as
|
|
published by the Free Software Foundation, either version 3 of the
|
|
License, or any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
html,body {
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
body {
|
|
font: 85%/1.3 sans-serif;
|
|
text-align: left;
|
|
background: #fff;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
a {
|
|
color: #0066B3;
|
|
background: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
h1 {
|
|
font: bold 2.1em Sans-Serif;
|
|
color: #036DA7;
|
|
}
|
|
|
|
h2 {
|
|
font: bold 1.1em Sans-Serif;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
div#header {
|
|
width:100%;
|
|
overflow:hidden;
|
|
background: #BBD9EE;
|
|
}
|
|
|
|
div#header h1, div#menu {
|
|
margin:0 auto;
|
|
text-align:center;
|
|
}
|
|
|
|
div#header h1 {
|
|
padding: 30px 0 20px;
|
|
color: #fff;
|
|
}
|
|
|
|
ul#nav,ul#nav li {
|
|
list-style-type:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
ul#nav {
|
|
margin-left: 5em;
|
|
font-size: 80%;
|
|
}
|
|
|
|
ul#nav li {
|
|
float:left;
|
|
margin-left: 3px;
|
|
text-align: center;
|
|
}
|
|
|
|
ul#nav a {
|
|
float: left;
|
|
width: 95px;
|
|
padding: 5px 0;
|
|
background: #E7F1F8;
|
|
text-decoration:none;
|
|
color: #666;
|
|
border-top : 1px solid #fff;
|
|
border-left : 1px solid #fff;
|
|
border-right : 1px solid #fff;
|
|
}
|
|
|
|
ul#nav a:hover {
|
|
background: #fff;
|
|
color: #000;
|
|
}
|
|
|
|
ul#nav li.activelink a,ul#nav li.activelink a:hover {
|
|
background: #FFF;
|
|
color: #003;
|
|
}
|
|
|
|
#right {
|
|
float: left;
|
|
width: 76%;
|
|
padding: 1em;
|
|
margin-bottom: 1.2em;
|
|
background: #eee;
|
|
text-align: justify;
|
|
}
|
|
|
|
#left {
|
|
float: right;
|
|
width: 20%;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
|
|
#left .box {
|
|
padding: 1em;
|
|
margin: 0 0 1em 0;
|
|
background : #FFF6BF;
|
|
}
|
|
|
|
|
|
#content {
|
|
font: 95%/1.3 sans-serif;
|
|
margin: 0 auto;
|
|
padding: 15px;
|
|
background: #fff;
|
|
}
|
|
|
|
ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
input {
|
|
background: #FFF6BF;
|
|
border: 3px solid #CCC;
|
|
width: 300px;
|
|
padding: 3px;
|
|
}
|
|
|
|
input:hover {
|
|
border: 3px solid #AAA;
|
|
}
|
|
|
|
input[type="submit"]
|
|
{
|
|
width: auto;
|
|
} |