burgercat/static/css/xp.css

137 lines
252 KiB
CSS
Raw Normal View History

2023-07-08 18:43:02 +01:00
body {
margin: 0;
background-color: #ebe8d8;
}
.navbar {
margin: 0;
padding: 10px;
border: solid;
background-color: #ebe8d8;
border-color: grey;
border-width: 0;
border-bottom-width: 1px;
width: 100%;
position: fixed;
}
.navbar a {
font-size: 15px;
}
.navbar h1 {
font-size: 30px;
}
.navbar .selected {
border: solid;
border-color: #f1b739;
border-width: 0;
border-bottom-width: 2px;
}
.postDiv {
padding-top: 120px;
}
.accountform {
margin-left: 20%;
margin-right: 20%;
}
.accountform input {
padding: 7px;
border: solid;
border-width: 1px;
border-color: grey;
width: calc(100% - 15px);
font-size: 16px;
}
.accountform .flash {
padding: 7px;
border: solid;
border-width: 1px;
border-color: #f1b739;
width: calc(100% - 15px);
font-size: 16px;
}
.accountform button {
padding: 7px;
border: solid;
border-width: 1px;
color: black;
border-color: grey;
background-color: white;
font-size: 16px;
width: 100%;
}
.navbar a {
color: black;
text-decoration: none;
}
.navbar .right {
float: right;
padding-right: 5px;
}
.navbar .r {
padding-right: 15px;
}
.post {
margin: 10px;
padding: 5px;
margin-bottom: 10px;
background-color: #ffffff;
border: solid;
border-width: 1px;
border-color: #7f9db9;
}
.post img {
min-height: 200px;
max-height: 300px;
2023-07-08 19:44:55 +01:00
border-radius: 0px;
2023-07-08 18:43:02 +01:00
}
.post button {
border: solid;
border-color: rgb(197, 197, 197);
border-width: 1px;
font-size: 12px;
font-family: "Inter", sans-serif;
}
.post button:hover {
border-color: #f1b739;
}
.post .commentdiv input {
background-color: rgb(250, 250, 250);
border: solid;
border-color: rgb(197, 197, 197);
border-width: 1px;
font-size: 16px;
margin-top: 5px;
}
.post hr {
color: rgb(255, 255, 255);
background-color: rgb(255, 255, 255);
border-color: rgb(255, 255, 255);
}
.post .commentsdiv {
border: solid;
border-width: 1px;
border-color: #7f9db9;
padding: 5px;
margin-bottom: 5px;
}
.post .username {
font-size: 18px;
}
.post .date {
color: rgb(175, 175, 175);
}
.hidden {
display: none;
}
/*! XP.css v0.2.6 - https://botoxparty.github.io/XP.css/ */@font-face{font-family:"Pixelated MS Sans Serif";src:url(ms_sans_serif.woff) format("woff");src:url(ms_sans_serif.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Pixelated MS Sans Serif";src:url(ms_sans_serif_bold.woff) format("woff");src:url(ms_sans_serif_bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Perfect DOS VGA\ 437 Win;src:url(PerfectDOSVGA437Win.woff2) format("woff2"),url(PerfectDOSVGA437Win.woff) format("woff");font-weight:400;font-style:normal}body{font-family:Arial;font-size:12px;color:#222}.surface{background:#ece9d8}h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}u{text-decoration:none;border-bottom:.5px solid #222}a{color:#00f}a:focus{outline:1px dotted #00f}code,code *{font-family:monospace}pre{display:block;padding:12px 8px;background-color:#000;color:silver;font-size:1rem;margin:0}pre,pre *{font-family:Perfect DOS VGA\ 437 Win}summary:focus{outline:1px dotted #000}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-track{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}::-webkit-scrollbar-thumb{background-color:#dfdfdf;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px grey,inset 2px 2px #dfdfdf}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:horizontal:start{width:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E")}::-webkit-scrollbar-button:horizontal:end{width:16px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width