yavsc/web/style.css

161 lines
2.4 KiB
CSS

body {
background: black;
background-image: url('/images/Banner.png');
background-repeat: no-repeat;
color: #D0FFD0;
margin:1em;
padding:1em;
font-family: 'Arial', cursive;
}
aside { float: right; }
video,img {
max-width:100%;
max-height:75%;
position:relative;
}
#login {
position: fixed;
top: 3px;
right:3px;
font-size:x-small;
background-color:rgba(0,0,0,0.6);
color:rgb(130,254,130);
}
#login a {
background-color:rgba(0,0,64,0.8);
}
a {
text-decoration: none;
color: #B0B080;
right:2px;
padding: 2px;
border-radius:5px;
border-style: dotted;
border-width: .2px;
background-color:rgba(0,0,3,0.5);
}
a.athanks {
background-color:rgba(0,0,0,0);;
}
a:hover {
background-color:rgba(30,0,124,0.5);
border-color: white;
}
a:visited {
color: #90B090;
}
label {
font-size: medium;
}
.message {
color: #7FFF00;
font-size: large;
border: solid green;
background-color: rgba(32,0,32,0.3);
}
.error {
color: #f88;
font-size: large;
border: solid green;
background-color: rgba(64,0,0,0.3);
}
.validation-summary-errors{
color: #f88;
background-color: rgba(64,0,0,0.3);
}
.thanks {
display: inline;
font-size: small;
}
.blogpost {
background-color: rgba(32,32,32,0.3);
}
.editblog {
width: 95%;
height: 95%;
}
.metablog {
font-style: italic;
font-size: small;
text-align: right;
display: inline;
}
.blogtitle {
display:inline;
}
.contenu {
padding-left: 20px;
}
.validation-summary-errors{
color: #f88;
}
.actionlink {
color: #B0B080;
border: solid .5px;
right:3px;
padding: 4px;
border-radius:25px;
background-color:rgba(0,0,64,0.7);
font-size:x-small;
}
.code {
font-family: "monospace";
background-color: rgba(0,0,256,0.1);
border-radius:25px;
white-space: pre-wrap;
}
.layout {
border-width: 0;
}
.avatar {
max-width: 64px;
max-height: 64px;
}
.shoh { display:inline; }
.hiduh {
display:none;
}
.shoh:hover {
background-color: rgba(0,60,40,.3);
border: solid rgb(256,256,0);
}
.shoh:hover + .hiduh {
display:block; position:absolute; left:20px; right:20px;
background-color: rgb(0,0,40); border: solid rgb(256,256,0);
}
.comment {
border-radius:25px;
border-width:1px;
border-style: solid;
border-color:rgb(0,64,0);
}
@media print {
body {background-color:white;color:black;}
header,footer,.postcomment,.actionlink,.metablog{ display:none;}
}
@media all and (max-width: 15em) {
section, aside {
float: none;
width: auto;
}
}