compudanzas/templates/estilo.css

/* colors by https://www.colourlovers.com/palette/1078634/Sentences */
/* links externos */
a[rel^=external]:after{ content: "⭷"; }
main h1:before{ 
	content: "#"; 
	font-size: smaller;
	padding-right:1em;
}
main h2:before{ 
	content: "##"; 
	font-size: smaller;
	padding-right:1em;
}
main h3:before{ 
	content: "###"; 
	font-size: smaller;
	padding-right:1em;
}
a{ 
 color: #C04E43;
}
a:visited{
 color: #872645;
}
a.icon{
/* background-color: #fff; */
}

a.arrow:before{ content: "⇒ "; }
body{
 color: #563850;
 max-width:36em;
 margin:0 auto;
 font-size:18px;
 padding: 0 1em;
 font-family:sans-serif;
}

#header-icon { float:left; padding: 0.5em 1em 0 0em }

footer{
 font-size: x-small;
 padding-top:2em;
}

footer img{
 margin:0;
}

hr{ color: #872645 }

pre{
 background-color: #F4F6CF;
 color: #872645;
 padding:1em;
 overflow-x: auto;
}

blockquote{
 font-style: italic;
}

main h1{
 margin-top: 2em;
 font-size: xx-large;
}
main h2{
 font-size: x-large;
 margin-left:0.3em;
}
main h3{
 font-size: larger;
 margin-left:0.6em;
}

gallery{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 justify-content:space-evenly;
 align-content:center;
}
img{
 margin:10px;
 border-radius:5px;
 max-width: 320px;
}

nav { float: none }

nav, #incoming{ font-size:smaller; }
nav li, #incoming li{ padding:0.2em; }
main li, #incoming li{  padding:0.5em; }
#incoming h1 { font-size: x-large }

table {
	font-size: smaller;
        max-width: 90%;
        border-collapse: collapse;
        margin: 1em auto;
	text-align:left;
    }
table  th {
        border-bottom: 1px solid black;
        padding: 0.1em 1em;
    }
table  td {
        padding: 0.1em 1em;
    }
td.num{
	text-align:right;
}
#translation{
	font-size: smaller;
	font-style: italic;
	margin-left: 2em;
}
#incoming{
	font-size: smaller;
}

/* desktop */
@media screen and (min-width: 600px) {
  nav { float: right; width:30% }
  nav ul { margin-top:0; padding-left: 3em }
  #incoming li{
	display:inline; 
	padding: 0.5em 1em 0.5em 0;
  }
  nav, #incoming{ font-size:0.7em; }
  img{ max-width: 100%; }
}