Flummi/fpaste
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Nils pls

Browse Source
This commit is contained in:
Flummi
2018-02-19 12:09:59 +01:00
parent ed179b004d
commit 24ee908a1f
1 changed files with 133 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

284
public/css/main.css
View File

@@ -60,180 +60,162 @@ form input[type=submit]:hover {
/* {{{ Logo */
header
{
margin: 100px auto 40px;
width: 500px;
font-size: 20pt;
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;
}
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 {
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 {
padding: 5px;
width: 170px;
background-color: #666;
color: #ccc;
text-align: center;
}
menu li p
{
display: inline;
}
menu li.highlight:hover,
menu li.active {
background-color: #777;
}
menu li a {
width: 100%;
display: inline-block;
color: #fff;
}
menu li > ul.hidden {
display: none;
}
menu hr
{
margin: 0 auto 0;
width: 60%;
border: 0;
height: 1px;
background-color: #777;
}
menu li p {
display: inline;
}
menu ul.submenu
{
border-top: 1px dotted #aaa;
list-style-type: none;
margin: 4px auto 0;
padding: 0;
width: 60%;
}
menu li a {
width: 100%;
display: inline-block;
color: #fff;
}
menu ul.submenu li {
margin: 4px 2px 2px;
padding: 0;
font-size: 10px;
width: 100%;
background-color: #777;
}
menu hr {
margin: 0 auto 0;
width: 60%;
border: 0;
height: 1px;
background-color: #777;
}
menu ul.submenu li span.info {
color: #aaa;
}
menu ul.submenu {
border-top: 1px dotted #aaa;
list-style-type: none;
margin: 4px auto 0;
padding: 0;
width: 60%;
}
menu ul.submenu li a {
color: #ddd;
}
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 {
margin: 20px 20px 0 270px;
width: 760px;
}
section#main .error
{
font-weight: bold;
color: #c20;
}
section#main .error {
font-weight: bold;
color: #c20;
}
section#main .warning
{
color: #c20;
}
section#main .warning {
color: #c20;
}
section#main .success
{
color: #0a3;
}
section#main .success {
color: #0a3;
}
section#main .info
{
font-weight: bold;
font-style: italic;
}
section#main .info {
font-weight: bold;
font-style: italic;
}
section#main p.moreless
{
text-align: right;
}
section#main p.moreless {
text-align: right;
}