update image container style
This commit is contained in:
parent
249a668a53
commit
47efe49495
2 changed files with 19 additions and 4 deletions
|
@ -119,7 +119,7 @@ code {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-container {
|
.image-container-right {
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: thin;
|
border-width: thin;
|
||||||
border-color: black;
|
border-color: black;
|
||||||
|
@ -130,16 +130,31 @@ code {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
|
margin-left: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-container img {
|
.image-container-right {
|
||||||
|
border-style: solid;
|
||||||
|
border-width: thin;
|
||||||
|
border-color: black;
|
||||||
|
border-radius: 0.5em;
|
||||||
|
float: right;
|
||||||
|
background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png");
|
||||||
|
background-repeat: repeat;
|
||||||
|
background-color: black;
|
||||||
|
color: white;
|
||||||
|
padding: 1em;
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-container-left img, .image-container-right img {
|
||||||
border-radius: 0.5em;
|
border-radius: 0.5em;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-width: thin;
|
border-width: thin;
|
||||||
border-color: black;
|
border-color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-container p {
|
.image-container-left p, .image-container-right p {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -10,7 +10,7 @@ include_once($COMMONS."/header.php");
|
||||||
<h2>
|
<h2>
|
||||||
Who am I?
|
Who am I?
|
||||||
</h2>
|
</h2>
|
||||||
<div class="image-container" style="max-width: 20em">
|
<div class="image-container-right" style="max-width: 20em">
|
||||||
<img src="http://assets.zdenekborovec.cz/upload/1d21313c-ca12-4cdd-8943-a19ef5602a9c/8e34af81-a431-42f3-b984-020fda40498f.png" alt="A photo of me.">
|
<img src="http://assets.zdenekborovec.cz/upload/1d21313c-ca12-4cdd-8943-a19ef5602a9c/8e34af81-a431-42f3-b984-020fda40498f.png" alt="A photo of me.">
|
||||||
<p>
|
<p>
|
||||||
Me at the start of a walk from Brno to Prague.
|
Me at the start of a walk from Brno to Prague.
|
||||||
|
|
Loading…
Reference in a new issue