SOFM/style.css

133 lines
2.1 KiB
CSS
Executable File

@import url(http://fonts.googleapis.com/css?family=Alef);
@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);
body {
background-color: #000000;
font-family: "Pontano Sans", sans-serif;
font-size: 16px;
color: #f9f9f9;
margin: 0;
}
.ctrl_navbar {
padding: 4px;
background: #010101;
border: solid 1px #666666;
}
.title {
font-family: "Alef", "Pontano Sans", sans-serif;
font-size: 32px;
text-align: center;
min-width: 200px;
max-width: 600px;
margin: auto;
}
.ptitle {
font-size: 24px;
margin: auto;
text-align: center;
width: fit-content(20%);
}
.contain {
background: #545454;
padding: 10px;
min-width: 650px;
max-width: 800px;
margin: auto;
border: solid 1px #444444;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
box-shadow: 0px 0px 10px #000000;
}
.footer {
font-family: Alef, sans-serif;
text-align:center;
padding: 4px;
}
.indexl {
text-align: center;
font-size: 24px;
}
.indexl a {
padding: 0px;
padding-left: 4px;
padding-right: 4px;
border-radius: 5px;
background-color: #323232;
border: solid 1px #222222;
color: white;
text-decoration: none;
}
.indexl a:hover {
background-color: #323232;
border: solid 1px #222222;
color: #3377ff;
}
a { color: #aaaaaa; text-decoration: underline; transition: ease-in color .5s; }
a:hover { color: #3377ff; }
#ctrlnav {
text-align: center;
font-size: 16px;
color: #dddddd;
padding: 4px;
border-radius: 6px;
border: solid 1px #222222;
background-color: #323232;
text-decoration: none;
}
#ctrlnav a {
color: #3377ff;
text-decoration: none;
font-weight: bold;
}
#ctrlnav a:hover {
color: #aaaaaa;
}
#filelist {
padding: 14px;
font-size: 14px;
}
.navbar {
margin: 0 auto;
padding-bottom: 12px;
max-width: 1100px;
text-align: center;
}
.navbar a {
font-size: 22px;
padding-left: 8px;
padding-right: 8px;
color: #3377ff;
text-decoration: none;
}
.navbar a:hover {
color: #dddddd;
}
#packages {
font-size: 16px;
color: #dddddd;
padding: 4px;
border-radius: 6px;
border: solid 1px #222222;
background-color: #323232;
width: 230px;
}