Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body, h3{
- margin: 0;
- }
- header {
- height: auto;
- }
- header>span{
- margin: auto;
- width: 100%;
- font-size:25px;
- display: inline-block;
- min-height: 50px;
- min-width: 600px;
- background-color: #4565ff;
- position: fixed;
- z-index:100;
- max-width:1800px;
- }
- header>h1{
- max-width:800px;
- text-align: center;
- }
- main{
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-flow: row wrap;
- justify-content: center;
- margin: auto;
- margin-top: 30px;
- }
- .content{
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-flex-flow: row wrap;
- justify-content: space-around;
- max-width: 1200px;
- margin-top: 20px;
- margin-left: 20px;
- color:black;
- }
- .news{
- cursor:default;
- position:relative;
- max-height: 450px;
- max-width: 370px;
- margin-top: 20px;
- margin-right:20px;
- }
- .news input{
- position:absolute;
- display:none;
- }
- .news:hover input[type="image"]{
- cursor:pointer;
- opacity: 0.7;
- width:30px;
- height:30px;
- display:block;
- top:0px;
- right:0px;
- }
- .news>img{
- width: 350px;
- height: 300px;
- cursor: pointer;
- }
- .content .news>a{
- color:black;
- text-decoration:none;
- }
- .news h3{
- font-size:2.5em;
- margin-bottom:0.5em;
- margin-top: 0.5em;
- color:black;
- text-decoration:none;
- cursor: pointer;
- }
- .news p{
- color:black;
- text-decoration:none;
- cursor: pointer;
- color: grey;
- user-select: none;
- line-height:0px;
- }
- .news a{
- max-height: 450px;
- max-width: 370px;
- }
- .add {
- margin: auto;
- }
- .add h3, .read h3 {
- font-size: 2.5em;
- margin: 0 0 10px 0;
- }
- .read {
- display: block;
- }
- .read .wrap {
- margin: 0;
- align-content: center;
- }
- .read .wrap .rightsign {
- color: grey;
- font-size: 1em;
- margin-top: -5px;
- float: right;
- }
- .read .wrap .leftsign {
- color: grey;
- font-size: 1em;
- margin-top: -5px;
- float: left;
- }
- .read p {
- border: none;
- font-size: 1.2em;
- }
- .read img{
- height: 300px;
- width: 500px;
- margin: 0px 25px 15px 0px;
- float: left;
- border: 4px solid grey;
- position: relative;
- display: inline-block;
- }
- .edit .wrap img {
- margin: 0px 25px 25px 340px;
- }
- .read h3{
- display: inline-block;
- width: 100%;
- text-align: center;
- position: relative;
- }
- .read h3 > input{
- height: 35px;
- min-width: 35px;
- position: absolute;
- top: 0;
- right: 0;
- cursor: pointer;
- }
- .edit h3 span{
- display: inline-block;
- min-width: 20px;
- white-space: pre-wrap;
- border: 0.5px dotted red;
- }
- .edit .wrap {
- width: 1200px;
- }
- .edit .wrap #Content {
- display: inline-block;
- min-width: 20px;
- border: 1px dotted red;
- }
- .read .wrap .wrapFooter {
- margin-top: 5px;
- display: inline-block;
- width: 100%;
- }
- .edit h3 > input:nth-child(2n+1){
- right: 50px;
- }
- .read h3 > input[type='image']:hover{
- transform: scale(1.2);
- }
- .headtext{
- color: white;
- font-size: 2.5em;
- }
- .crnews{
- color: white;
- font-size: 0.7em;
- text-decoration: none;
- display: inline-block;
- border: 1px solid lightgray;
- border-radius: 15px;
- /*box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
- padding: 4px;
- }
- .crnews:hover{
- color: lightgrey;
- font-size: 0.68em;
- margin-left: 3px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement