Tooth Fairy  ᶻ 𝘇 𐰁  Ena's profile picture

Published by

published
updated

Category: Blogging

Blog Layout code

/* DON'T DELETE THE MOBILE CODE */


@media (max-width: 600px) {


.container{


    width:100%!important;


    background-size: 50%!important;


    padding:20px!important;


}


nav:after{


    height: 150px!important;


}


}


</style>




<style>


@import url('https://external-media.spacehey.net/css/sahSUPDwVsei6vzvGmIWJEAVNdLIdT3zS7LzDwAXPZJY=/https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500&display=swap');


@import url('https://external-media.spacehey.net/css/siG7mjS_dQNXXir2yQ0aQqJkR8aF2B1Cw_4MILBzOQkA=/https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');




:root {


--light-gray: transparent;


--gray: transparent;


--dark-gray: transparent;


--darker-gray: transparent;


--logo-blue: transparent;


--darker-blue: 000000;


--lighter-blue: #88928D;


--even-lighter-blue: #ccc;


--lightest-blue: #D9DDDE;


--dark-orange: #333;


--light-orange: #ccccff;


--even-lighter-orange: #404040;


}




main {


    background: #F5F4F2;


    padding: 30px;


}




button {


    border-radius: 0px !important;


    background-color: #4F564E!important;


    color: #FFFFFF!important;


    border: 1px solid #323731!important;


    font-family: 'UnifrakturMaguntia', cursive;


}






body {


    background: url("https://i.pinimg.com/736x/9f/57/29/9f5729c5383f9adad6d2b9413ea8724f.jpg")


    no-repeat fixed;


    background-size: cover;


    background-position: center;


    background-attachment: fixed;


    font-family: 'EB Garamond', serif;


    font-size: 21px;


    color: black;


}




p {


    font-family: 'EB Garamond', serif;


    font-size: 14px;


}




a {


color: #323731;


font-weight: 600;


font-family: 'UnifrakturMaguntia', cursive;


}




a:hover, .count {


    color: black;


    font-style: italic;


    text-decoration: none;


}




.search-wrapper input[type=text] {


    background-color: #F5F4F2!important;


    color: #000000 !important;


    border-radius: 0px !important;


    border-width: 2px;


    border-style: inset;


    border-color: -internal-light-dark(rgb(27, 27, 27), rgb(133, 133, 133));


}




h1{


    font-size: 30px!important;


    font-family: 'EB Garamond', serif;


    text-transform:initial !important;


    padding-left: 2px !important;


}




h4 {


    font-family: 'EB Garamond', serif;


    font-weight: 600!important;


    font-size: 16px;


    color: rgb(0, 0, 0);


    }


}




nav .top {


    display: block;


    background-color: transparent;


}




nav .links {


    display: block;


    background-color: transparent;


    font-family: 'UnifrakturMaguntia', cursive;


    font-weight: 400;


    font-size: 13px;


    text-align: center;


}


nav .links{


    text-align: center;


}


nav .links a{


    color: #F5F4F2!important;


    text-shadow:none;


}




nav .links .special a {


    color: white;


}




nav .links a{text-shadow:none;}


nav .links li:not(:last-child)::after,


footer .links li:not(:last-child)::after{


    content: " ⛧ ";


    color: white;


    font-weight: bold;


}






element.style {


    padding-right: 20px;


    padding-left: 20px;


}




.comments-table {


    border-color: transparent;


}




.comments-table td:first-child, .music-table td:first-child {


    background: transparent;


    text-align: center;


    font-weight: bold;


    width: 38%;


}




.comments-table td {


    background-color: transparent; 


    font-size: 16px;


    color: black;


}




.comments-table td a {


    color: transparent;


}




.comment-replies {


    border: 0px;


}




footer {


    background-color: transparent;


    font-size: 13px;


    color: white;


}


footer a, footer a:hover {


    color: white;


}




element.style {


    padding-right: 20px;


    padding-left: 20px;


    font-size: 14px;


}




.logout-btn {


    display: inline-block;


    font-size: 100%;


    color: #FFFFFF!important;


    border: 0px!important;


}




.blog-entry {


    display: inline-block;


    font-size: 100%;


    color: #000000!important;


    border: 0px!important;


}




.blog-entry .profile-pic img, .bulletin .profile-pic img {


    max-width: 104px;


    max-height: 104px;


    padding-left: 5px;


}




.kudos-btn {


    color: #000000!important;


    border: 0px!important;


    display: inline-block;


    font-size: 100%;


}


.edit-info {


    border: 1px solid;


    width: 100%;


    padding: 8px;


    text-align: start;


}




<style></style>

/* DON'T DELETE THE MOBILE CODE */ @media (max-width: 600px) { .container{ width:100%!important; background-size: 50%!important; padding:20px!important; } nav:after{ height: 150px!important; } }


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )