proper-website-2/web/static/style.css

127 lines
1.9 KiB
CSS
Raw Normal View History

2022-03-01 15:50:53 +01:00
html {
background-image: url(images/background_star.gif);
2022-03-12 15:52:13 +01:00
overflow-y: scroll;
2022-03-01 15:50:53 +01:00
}
body {
width: 900px;
position: relative;
margin-left: auto;
margin-right: auto;
color:aliceblue;
2022-03-01 19:45:23 +01:00
font-family: havakana;
font-size: 1.1em;
2022-03-01 15:50:53 +01:00
}
.header {
border: 3px solid;
border-radius: 4px;
border-color: rgb(252, 230, 255);
background-color: rgb(54, 39, 48);
font-size: 5em;
font-family: anisha;
text-align: center;
}
.main {
margin-top: 5px;
}
.navbar {
border: 3px solid;
border-radius: 4px;
border-color: rgb(252, 230, 255);
background-color: rgb(54, 39, 48);
position: relative;
float:left;
width: 250px;
text-decoration: none;
list-style: none;
}
.navbar a, a:link, a:visited{
text-decoration: none;
color:rgb(252, 230, 255)
}
.content {
border: 3px solid;
border-radius: 4px;
border-color: rgb(252, 230, 255);
background-color: rgb(54, 39, 48);
2022-03-01 17:07:33 +01:00
margin-bottom: 5px;
2022-03-01 15:50:53 +01:00
position: relative;
float:right;
2022-03-01 17:07:33 +01:00
width: 614px;
padding: 10px;
}
2022-03-01 15:50:53 +01:00
2022-03-01 17:07:33 +01:00
.content p {
width: 80%;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
2022-03-01 19:45:23 +01:00
2022-03-12 15:52:13 +01:00
.gbp {
}
2022-03-02 13:38:28 +01:00
.comment {
border: 2px solid;
2022-03-12 15:52:13 +01:00
border-radius: 6px;
2022-03-02 13:38:28 +01:00
border-color: aliceblue;
2022-03-12 15:52:13 +01:00
padding: 0px 0px 5px 0px;
background-color: darkseagreen;
}
.comment-header {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: aquamarine;
width: 100%;
color: black;
display: flex;
flex-direction: row;
}
div .name {
text-align: left;
}
div .date {
font-size: 0.8em;
margin-right: 10px;
text-align: right;
color: black;
}
.comment-message {
color:white;
2022-03-02 13:38:28 +01:00
}
2022-03-07 13:05:33 +01:00
.friend-frame {
width: 290px;
height: 200px;
overflow: hidden;
list-style: none;
text-decoration: none;
-ms-zoom: 0.75;
-moz-transform: scale(0.75);
-moz-transform-origin: 0 0;
-o-transform: scale(0.75);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.75);
-webkit-transform-origin: 0 0;
}
2022-03-01 19:45:23 +01:00
.p-h1 {
font-family: anisha;
font-size: 3em;
}
.p-h2 {
font-family: adreena;
font-size: 1.5em;
}