fpaste/public/css/main.css
2018-02-19 12:09:59 +01:00

221 lines
2.9 KiB
CSS

body {
margin: 0;
padding: 0;
background: #fff;
color: #666;
font-size: 12pt;
font-family: sans-serif;
}
h1,h2,h3,h4,h5,h6,header,menu {
font-family: 'Ubuntu', sans-serif;
}
a {
color: #088;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
li {
font-size: 9pt;
}
input.inputDesc {
color: #999;
}
section, menu, header, div {
margin: 0;
padding: 0;
}
pre {
line-height: 12pt;
font-size: 10pt;
}
form input[type=submit],
form input[type=reset] {
background-color: #777;
color: white;
border: 1px solid #666;
font-family: 'Ubuntu', sans-serif;
font-weight: bold;
padding: 10px;
margin: 5px 0 5px;
border-radius: 3px;
display: block;
box-shadow: 3px 3px 10px #666;
cursor: pointer;
}
form input[type=submit]:hover {
text-decoration: underline;
}
/* {{{ Logo */
header {
margin: 100px auto 40px;
width: 500px;
font-size: 20pt;
}
header p#left a#n3 {
text-decoration: none;
position: relative;
left: 6px;
}
header p#left a#n3 sup {
font-size: 12pt;
position: relative;
top: -4px;
right: 3px;
}
header p#left {
padding: 0;
margin: 0;
display: inline-block;
font-weight: bold;
text-align: right;
width: 210px;
}
header p#center {
padding: 0;
margin: 0;
display: inline-block;
text-align: center;
color: #999;
font-size: 22pt;
width: 68px; /* hmm... to align stuff correctly */
}
header p#right {
padding: 0;
margin: 0;
display: inline-block;
text-align: left;
color: #999;
width: 210px;
}
header p#info {
width: 500px;
text-align: center;
font-size: 12pt;
}
/* }}} */
/* {{{ Menu */
menu {
float: left;
margin: 107px 20px auto;
padding: 40px 0 40px;
list-style-type: none;
position: fixed;
top: 100px;
left: 20px;
vertical-align: middle;
background-color: #666;
border-radius: 5px;
box-shadow: 3px 3px 10px #444;
}
menu li {
padding: 5px;
width: 170px;
background-color: #666;
color: #ccc;
text-align: center;
}
menu li.highlight:hover,
menu li.active {
background-color: #777;
}
menu li > ul.hidden {
display: none;
}
menu li p {
display: inline;
}
menu li a {
width: 100%;
display: inline-block;
color: #fff;
}
menu hr {
margin: 0 auto 0;
width: 60%;
border: 0;
height: 1px;
background-color: #777;
}
menu ul.submenu {
border-top: 1px dotted #aaa;
list-style-type: none;
margin: 4px auto 0;
padding: 0;
width: 60%;
}
menu ul.submenu li {
margin: 4px 2px 2px;
padding: 0;
font-size: 10px;
width: 100%;
background-color: #777;
}
menu ul.submenu li span.info {
color: #aaa;
}
menu ul.submenu li a {
color: #ddd;
}
/* }}} */
section#main {
margin: 20px 20px 0 270px;
width: 760px;
}
section#main .error {
font-weight: bold;
color: #c20;
}
section#main .warning {
color: #c20;
}
section#main .success {
color: #0a3;
}
section#main .info {
font-weight: bold;
font-style: italic;
}
section#main p.moreless {
text-align: right;
}