Skip to content

Instantly share code, notes, and snippets.

@mrfoxtalbot
Last active June 14, 2022 23:10
Show Gist options
  • Save mrfoxtalbot/c4167189011910d5e0e15e6ff5b03753 to your computer and use it in GitHub Desktop.
Save mrfoxtalbot/c4167189011910d5e0e15e6ff5b03753 to your computer and use it in GitHub Desktop.
Custom CSS Styles for evaguillamon.com
/* Ajustes Generales */
body {
font-size: 12px;
color: #666;
}
@media screen and (min-width: 1120px) {
.site {
margin-top: 0;
}
}
/* Textos justificados (sólo en pantallas grandes) */
@media all and (min-width:960px) {
body p {
text-align: justify;
}
}
/* Prevent FOUT */
.wf-loading body {
visibility: hidden;
}
/* Links en el contenido no tienen subrayado */
.entry-content a {
text-decoration: none;
box-shadow: none;
}
.entry-content a:hover {
text-decoration: underline;
box-shadow: none;
}
/* Ancho de la página */
#main {
width: 100%;
max-width: 960px;
}
#page {
max-width: 960px;
}
/* Menú Navegación */
.custom-logo {
max-width: 200px;
max-height: 120px;
}
#site-navigation a {
text-transform: uppercase;
color: #666;
font-weight: 400;
line-height: 1rem;
}
#site-navigation ul li ul {
width: 200px;
top: 25px;
box-shadow: 0px 2px 9px -1px rgba(0,0,0,0.74);
}
@media all and (max-width:960px) {
#site-navigation ul li ul {
box-shadow: none;
}
}
#site-navigation ul li li {
border-bottom: 1px solid #eee;
max-width: 95%;
padding-bottom: 10px;
}
#site-navigation ul li li:last-child {
border-bottom: none;
}
#site-navigation a strong {
display: block;
font-weight: 400;
color: #ccc;
}
.main-navigation {
border-bottom: none;
padding-bottom: 0;
}
@media all and (max-width:760px) {
#masthead {
margin-bottom: 0;
}
}
@media screen and (min-width: 760px) {
.site-header {
align-items: flex-start;
}
}
/* Cabeceras de Página */
h1, .singular .entry-title {
font-size: 21px;
font-weight: 500;
}
.singular .entry-title strong {
display: block;
font-weight: 400;
color: #ccc;
}
body:not(.home) .entry-header {
padding: 1.5rem 0 1rem;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 1rem;
}
.entry-content {
border-bottom: 1px solid #ccc;
}
/* Grid Seccion Foto */
.listing-item {
display: inline-block;
width: 25%;
position: relative;
vertical-align: top;
margin-bottom: 2rem;
}
.listing-item .image img {
object-fit: cover;
height: 200px;
}
.listing-item a:hover {
opacity: .5;
}
/* MRFX-HC- */
@media all and (max-width:760px) {
.listing-item {
width: 100%;
}
}
/* Footer */
#colophon p a {
color: #e97017;
}
#colophon p {
font-size: 12px;
}
.site-info {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment