remove left/right margin from images, tweak pdf print styles

This commit is contained in:
Hakim El Hattab 2012-11-27 09:23:23 -05:00
parent 242006a499
commit 519ee26809
8 changed files with 22 additions and 21 deletions

View file

@ -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;

View file

@ -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);

View file

@ -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);

View file

@ -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);

View file

@ -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);

View file

@ -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);

View file

@ -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);

View file

@ -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);
} }