diff options
Diffstat (limited to 'css/theme/template/theme.scss')
-rw-r--r-- | css/theme/template/theme.scss | 44 |
1 files changed, 15 insertions, 29 deletions
diff --git a/css/theme/template/theme.scss b/css/theme/template/theme.scss index 1ec1b8c..7c88b3f 100644 --- a/css/theme/template/theme.scss +++ b/css/theme/template/theme.scss @@ -237,6 +237,10 @@ vertical-align: top; } +.reveal img { + margin: $blockMargin 0; +} + /********************************************* * LINKS @@ -245,14 +249,10 @@ .reveal a { color: $linkColor; text-decoration: none; - - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; + transition: color .15s ease; } .reveal a:hover { color: $linkColorHover; - text-shadow: none; border: none; } @@ -264,34 +264,22 @@ /********************************************* - * IMAGES + * Frame helper *********************************************/ -.reveal section img { - margin: 15px 0px; - background: rgba(255,255,255,0.12); +.reveal .r-frame { border: 4px solid $mainColor; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } - .reveal section img.plain { - border: 0; - box-shadow: none; - } - - .reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; - } - - .reveal a:hover img { - background: rgba(255,255,255,0.2); - border-color: $linkColor; +.reveal a .r-frame { + transition: all .15s linear; +} - box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); - } +.reveal a:hover .r-frame { + border-color: $linkColor; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); +} /********************************************* @@ -312,9 +300,7 @@ color: $linkColor; } .reveal .progress span { - -webkit-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - -moz-transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); - transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); + transition: width 800ms cubic-bezier(0.260, 0.860, 0.440, 0.985); } /********************************************* |