remove left/right margin from images, tweak pdf print styles
This commit is contained in:
parent
242006a499
commit
519ee26809
8 changed files with 22 additions and 21 deletions
|
@ -85,6 +85,7 @@ ul, ol, div, p {
|
||||||
left: auto;
|
left: auto;
|
||||||
top: auto;
|
top: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
padding: auto;
|
padding: auto;
|
||||||
|
|
||||||
|
|
|
@ -90,7 +90,7 @@ body {
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #333333;
|
border: 4px solid #333333;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
|
|
@ -90,7 +90,7 @@ body {
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #eeeeee;
|
border: 4px solid #eeeeee;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
|
|
@ -77,7 +77,7 @@ body {
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #eeeeee;
|
border: 4px solid #eeeeee;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
|
|
@ -77,7 +77,7 @@ body {
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid black;
|
border: 4px solid black;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
|
|
@ -79,7 +79,7 @@ body {
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid black;
|
border: 4px solid black;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
|
|
@ -83,7 +83,7 @@ body {
|
||||||
* IMAGES
|
* IMAGES
|
||||||
*********************************************/
|
*********************************************/
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px;
|
margin: 15px 0px;
|
||||||
background: rgba(255, 255, 255, 0.12);
|
background: rgba(255, 255, 255, 0.12);
|
||||||
border: 4px solid #333333;
|
border: 4px solid #333333;
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
|
|
@ -17,21 +17,21 @@ body {
|
||||||
color: $mainColor;
|
color: $mainColor;
|
||||||
}
|
}
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
color: $selectionColor;
|
color: $selectionColor;
|
||||||
background: $selectionBackgroundColor;
|
background: $selectionBackgroundColor;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*********************************************
|
/*********************************************
|
||||||
* HEADERS
|
* HEADERS
|
||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal h1,
|
.reveal h1,
|
||||||
.reveal h2,
|
.reveal h2,
|
||||||
.reveal h3,
|
.reveal h3,
|
||||||
.reveal h4,
|
.reveal h4,
|
||||||
.reveal h5,
|
.reveal h5,
|
||||||
.reveal h6 {
|
.reveal h6 {
|
||||||
margin: 0 0 20px 0;
|
margin: 0 0 20px 0;
|
||||||
color: $headingColor;
|
color: $headingColor;
|
||||||
|
@ -39,7 +39,7 @@ body {
|
||||||
font-family: $headingFont;
|
font-family: $headingFont;
|
||||||
line-height: $headingLineHeight;
|
line-height: $headingLineHeight;
|
||||||
letter-spacing: $headingLetterSpacing;
|
letter-spacing: $headingLetterSpacing;
|
||||||
|
|
||||||
text-transform: $headingTextTransform;
|
text-transform: $headingTextTransform;
|
||||||
text-shadow: $headingTextShadow;
|
text-shadow: $headingTextShadow;
|
||||||
}
|
}
|
||||||
|
@ -65,7 +65,7 @@ body {
|
||||||
}
|
}
|
||||||
.reveal a:not(.image):hover {
|
.reveal a:not(.image):hover {
|
||||||
color: $linkColorHover;
|
color: $linkColorHover;
|
||||||
|
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
@ -81,12 +81,12 @@ body {
|
||||||
*********************************************/
|
*********************************************/
|
||||||
|
|
||||||
.reveal section img {
|
.reveal section img {
|
||||||
margin: 15px;
|
margin: 15px 0px;
|
||||||
background: rgba(255,255,255,0.12);
|
background: rgba(255,255,255,0.12);
|
||||||
border: 4px solid $mainColor;
|
border: 4px solid $mainColor;
|
||||||
|
|
||||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
|
||||||
|
|
||||||
-webkit-transition: all .2s linear;
|
-webkit-transition: all .2s linear;
|
||||||
-moz-transition: all .2s linear;
|
-moz-transition: all .2s linear;
|
||||||
-ms-transition: all .2s linear;
|
-ms-transition: all .2s linear;
|
||||||
|
@ -97,7 +97,7 @@ body {
|
||||||
.reveal a:hover img {
|
.reveal a:hover img {
|
||||||
background: rgba(255,255,255,0.2);
|
background: rgba(255,255,255,0.2);
|
||||||
border-color: $linkColor;
|
border-color: $linkColor;
|
||||||
|
|
||||||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue