From ec8e55bf21c777019401be0e0e9871fbc66a3edd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ivan=20Dori=C4=87?= Date: Sat, 4 Mar 2017 16:49:21 +0100 Subject: [PATCH] Making Websites With October CMS - Part 31 - Success and Error Messages in forms --- config/mail.php | 2 +- octobermovies.sublime-workspace | 152 ++++++++++++------ .../components/contactform/default.htm | 14 +- themes/olympos/assets/compiled/css/style.css | 11 ++ .../olympos/assets/compiled/css/style.css.map | 2 +- themes/olympos/assets/sass/_globals.scss | 16 ++ themes/olympos/layouts/default.htm | 17 ++ 7 files changed, 163 insertions(+), 51 deletions(-) diff --git a/config/mail.php b/config/mail.php index ab790f6..4c0d23d 100644 --- a/config/mail.php +++ b/config/mail.php @@ -15,7 +15,7 @@ | */ - 'driver' => 'smtp', + 'driver' => 'log', /* |-------------------------------------------------------------------------- diff --git a/octobermovies.sublime-workspace b/octobermovies.sublime-workspace index 434967f..3f0c712 100644 --- a/octobermovies.sublime-workspace +++ b/octobermovies.sublime-workspace @@ -336,30 +336,39 @@ "buffers": [ { - "file": "themes/olympos/pages/movies.htm", + "file": "plugins/watchlearn/contact/components/contactform/default.htm", "settings": { - "buffer_size": 888, + "buffer_size": 804, "encoding": "UTF-8", - "line_ending": "Windows" + "line_ending": "Unix" } }, { - "file": "themes/olympos/pages/homepage.htm", + "file": "themes/olympos/assets/sass/_globals.scss", "settings": { - "buffer_size": 2718, + "buffer_size": 2196, "encoding": "UTF-8", - "line_ending": "Windows" + "line_ending": "Unix" } }, { - "file": "themes/olympos/pages/movie-single.htm", + "file": "themes/olympos/layouts/default.htm", "settings": { - "buffer_size": 1058, + "buffer_size": 1618, "encoding": "UTF-8", - "line_ending": "Windows" + "line_ending": "Unix" + } + }, + { + "file": "config/mail.php", + "settings": + { + "buffer_size": 4431, + "encoding": "UTF-8", + "line_ending": "Unix" } } ], @@ -581,14 +590,25 @@ "expanded_folders": [ "/Users/idoric/Development/public/octobermovies", - "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/movies", + "/Users/idoric/Development/public/octobermovies/config", + "/Users/idoric/Development/public/octobermovies/plugins", + "/Users/idoric/Development/public/octobermovies/plugins/watchlearn", + "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/contact", + "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/contact/components", + "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/contact/components/contactform", + "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/movies/models", "/Users/idoric/Development/public/octobermovies/themes", "/Users/idoric/Development/public/octobermovies/themes/olympos", - "/Users/idoric/Development/public/octobermovies/themes/olympos/pages" + "/Users/idoric/Development/public/octobermovies/themes/olympos/assets", + "/Users/idoric/Development/public/octobermovies/themes/olympos/layouts" ], "file_history": [ "/Users/idoric/Development/public/octobermovies/themes/olympos/pages/homepage.htm", + "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/movies/routes.php", + "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/movies/models/Actor.php", + "/Users/idoric/Development/public/octobermovies/themes/olympos/pages/movie-single.htm", + "/Users/idoric/Development/public/octobermovies/themes/olympos/pages/movies.htm", "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/movies/Plugin.php", "/Users/idoric/Development/public/octobermovies/document.md", "/Users/idoric/Development/public/octobermovies/plugins/watchlearn/movies/updates/version.yaml", @@ -711,11 +731,7 @@ "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/sass/modules/_alert-bar.scss", "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/parts/get_cookie.php", "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/archive-activities.php", - "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/sass/_list-activities.scss", - "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/parts/homepage/venues-near-you.php", - "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/parts/list-venue/venue-description.php", - "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/parts/map-everything.php", - "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/sass/modules/_twitter-feed.scss" + "/Users/ivan/Development/public/activenation/wp-content/themes/olympos/sass/_list-activities.scss" ], "find": { @@ -928,24 +944,24 @@ "groups": [ { - "selected": 0, + "selected": 2, "sheets": [ { "buffer": 0, - "file": "themes/olympos/pages/movies.htm", + "file": "plugins/watchlearn/contact/components/contactform/default.htm", "semi_transient": false, "settings": { - "buffer_size": 888, + "buffer_size": 804, "regions": { }, "selection": [ [ - 312, - 312 + 58, + 58 ] ], "settings": @@ -953,61 +969,68 @@ "incomplete_sync": null, "remote_loading": false, "synced": false, - "syntax": "Packages/Twig/Syntaxes/HTML (Twig).tmLanguage" + "syntax": "Packages/Twig/Syntaxes/HTML (Twig).tmLanguage", + "tabs_extra_last_activated": 1488640709.86, + "tabs_extra_last_activated_sheet_index": 0, + "tabs_extra_spawned": true }, "translation.x": 0.0, - "translation.y": 8.0, + "translation.y": 0.0, "zoom_level": 1.0 }, - "stack_index": 0, + "stack_index": 2, "type": "text" }, { "buffer": 1, - "file": "themes/olympos/pages/homepage.htm", + "file": "themes/olympos/assets/sass/_globals.scss", "semi_transient": false, "settings": { - "buffer_size": 2718, + "buffer_size": 2196, "regions": { }, "selection": [ [ - 247, - 247 + 2085, + 2085 ] ], "settings": { + "auto_indent": true, "incomplete_sync": null, "remote_loading": false, "synced": false, - "syntax": "Packages/Twig/Syntaxes/HTML (Twig).tmLanguage" + "syntax": "Packages/Syntax Highlighting for Sass/Syntaxes/SCSS.tmLanguage", + "tabs_extra_last_activated": 1488640620.65, + "tabs_extra_last_activated_sheet_index": 1, + "tabs_extra_spawned": true }, "translation.x": 0.0, - "translation.y": 181.0, + "translation.y": 4757.0, "zoom_level": 1.0 }, - "stack_index": 1, + "stack_index": 3, "type": "text" }, { "buffer": 2, - "file": "themes/olympos/pages/movie-single.htm", + "file": "themes/olympos/layouts/default.htm", "semi_transient": false, "settings": { - "buffer_size": 1058, + "buffer_size": 1618, "regions": { }, "selection": [ [ - 247, - 88 + 1296, + 1296 ] ], "settings": @@ -1015,13 +1038,50 @@ "incomplete_sync": null, "remote_loading": false, "synced": false, - "syntax": "Packages/Twig/Syntaxes/HTML (Twig).tmLanguage" + "syntax": "Packages/Twig/Syntaxes/HTML (Twig).tmLanguage", + "tabs_extra_last_activated": 1488641967.22, + "tabs_extra_last_activated_sheet_index": 2, + "tabs_extra_spawned": true }, "translation.x": 0.0, - "translation.y": 0.0, + "translation.y": 1426.0, "zoom_level": 1.0 }, - "stack_index": 2, + "stack_index": 0, + "type": "text" + }, + { + "buffer": 3, + "file": "config/mail.php", + "semi_transient": false, + "settings": + { + "buffer_size": 4431, + "regions": + { + }, + "selection": + [ + [ + 550, + 550 + ] + ], + "settings": + { + "incomplete_sync": null, + "remote_loading": false, + "synced": false, + "syntax": "Packages/PHP/PHP.sublime-syntax", + "tabs_extra_last_activated": 1488640959.42, + "tabs_extra_last_activated_sheet_index": 3, + "tabs_extra_spawned": true + }, + "translation.x": 0.0, + "translation.y": 259.0, + "zoom_level": 1.0 + }, + "stack_index": 1, "type": "text" } ] @@ -1079,6 +1139,10 @@ "last_filter": "", "selected_items": [ + [ + "homep", + "themes/olympos/pages/homepage.htm" + ], [ "movie.", "plugins/watchlearn/movies/models/Movie.php" @@ -1586,10 +1650,6 @@ [ "geoi", "wp-content/themes/olympos/parts/geoip.php" - ], - [ - ".gitig", - ".gitignore" ] ], "width": 0.0 @@ -1604,6 +1664,10 @@ "wat", "~/Development/public/watchlearn/watchlearn.sublime-project" ], + [ + "watch", + "~/Development/public/watchlearn/watchlearn.sublime-project" + ], [ "", "~/Burza/patternlab/patternlab.sublime-project" @@ -1640,10 +1704,6 @@ "gauss", "~/Development/public/gaussdev/gaussdev.sublime-project" ], - [ - "watch", - "~/Development/public/watchlearn/watchlearn.sublime-project" - ], [ "sp", "~/Development/public/springfall/springfall.sublime-project" diff --git a/plugins/watchlearn/contact/components/contactform/default.htm b/plugins/watchlearn/contact/components/contactform/default.htm index 2385a47..0f48b44 100644 --- a/plugins/watchlearn/contact/components/contactform/default.htm +++ b/plugins/watchlearn/contact/components/contactform/default.htm @@ -1,4 +1,4 @@ -
+ Hey! How about inputing your name. @@ -14,6 +14,14 @@
-

-
+

+ + +
+ Ooops. Something went wrong please check the requiered fields. +
+ +
+ Your message has been sent. Thank you. +
\ No newline at end of file diff --git a/themes/olympos/assets/compiled/css/style.css b/themes/olympos/assets/compiled/css/style.css index d3fba5b..db92fce 100755 --- a/themes/olympos/assets/compiled/css/style.css +++ b/themes/olympos/assets/compiled/css/style.css @@ -247,6 +247,17 @@ form { .clr { content: "test"; } +.flash { + padding: 20px; + color: #fff; + display: none; } + .flash.active { + display: block; } + .flash.error { + background: red; } + .flash.success { + background: green; } + .main-header { background: #333; } .main-header h1 { diff --git a/themes/olympos/assets/compiled/css/style.css.map b/themes/olympos/assets/compiled/css/style.css.map index f3968a5..9fac1c5 100644 --- a/themes/olympos/assets/compiled/css/style.css.map +++ b/themes/olympos/assets/compiled/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","_reset.scss","_fonts.scss","_mixins.scss","_globals.scss","_header.scss","_footer.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/* Vendor */\n@import \"susy\";\n@import \"su\";\n\n\n/* Setup */\n@import \"reset\";\n@import \"mixins\";\n@import \"variables\";\n@import \"fonts\";\n@import \"globals\";\n\n\n\n@import \"header\";\n@import \"homepage\";\n@import \"sidebar\";\n@import \"footer\";\n\n\n\n\n","/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */\nhtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}","/*! Typebase.less v0.1.0 | MIT License */\n/* Setup */\n@import 'https://fonts.googleapis.com/css?family=Roboto:400,700';\n\nhtml {\n /* Change default typefaces here */\n font-family: 'Roboto', sans-serif;\n font-size: 100%;\n -webkit-font-smoothing: antialiased;\n}\n/* Copy & Lists */\np {\n line-height: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 0;\n font-size: 14px;\n}\nul,\nol {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\nul li,\nol li {\n line-height: 1.5rem;\n}\nul ul,\nol ul,\nul ol,\nol ol {\n margin-top: 0;\n margin-bottom: 0;\n}\nblockquote {\n line-height: 1.5rem;\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n/* Headings */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n /* Change heading typefaces here */\n font-family: sans-serif;\n margin-top: 1em;\n padding-top: 1em;\n margin-bottom: 0;\n line-height: 1.5rem;\n color: #333;\n font-weight: 700;\n}\nh1 {\n font-size: 1rem;\n line-height: 4.5rem;\n margin-top: 3rem;\n}\nh2 {\n font-size: 1rem;\n line-height: 3rem;\n margin-top: 3rem;\n}\nh3 {\n font-size: 1.414rem;\n}\nh4 {\n font-size: 0.707rem;\n}\nh5 {\n font-size: 0.4713333333333333rem;\n}\nh6 {\n font-size: 0.3535rem;\n}\n/* Tables */\ntable {\n margin-top: 1.5rem;\n border-spacing: 0px;\n border-collapse: collapse;\n}\ntable td,\ntable th {\n padding: 0;\n line-height: 33px;\n}\n/* Code blocks */\ncode {\n vertical-align: bottom;\n}\n/* Leading paragraph text */\n.lead {\n font-size: 1.414rem;\n}\n/* Hug the block above you */\n.hug {\n margin-top: 0;\n}\n\n","/* =======================================================================\n## ++ Media Queries\n========================================================================== */\n\n/* \n Used for media queries. \n Add these mixins in your normal scss flow.\n \n Eg.\n .container{\n width:1024px;\n \n @include tablets{\n width:90%;\n }\n }\n*/ \n\n@mixin lowresmonitors{\n @media screen and (max-width: 1350px){ @content;}\n}\n\n@mixin tablets{\n @media screen and (max-width: 1100px){ @content; }\n}\n\n@mixin phones{\n @media screen and (max-width: 720px){ @content; }\n}\n\n/* =======================================================================\n## ++ Unit transform\n========================================================================== */\n\n/* \n Used for making containers have width in percentages. \n Usage: define elemnt width in px and the width of parent elemnt in px. \n eg. .block{width:cp(512px, 1024px)} this will result in .block{width:50%;} \n*/\n\n@function cp($target, $container) {\n @return ($target / $container) * 100%;\n}\n\n/* \n Used for making px values convert to rem values\n Usage: define font-size in px and it will convert to rems\n eg. font-size: rem(14px);\n*/\n\n@function rem($target, $context: $base-font-size) {\n @if $target == 0 { @return 0 }\n @return $target / $context + 0rem;\n}\n$base-font-size:16px;","/* =======================================================================\n## ++ Globals\n========================================================================== */\nhtml{\n font-size: 100%;\n}\n\nbody{\n -webkit-font-smoothing: antialiased;\n background: #fff;\n color: #566b78;\n}\n\n.container{\n max-width: 40em;\n margin:0 auto;\n}\n\n*{\n box-sizing:border-box;\n}\n\na {\n color: #e81c4f;\n}\n\n/*\n|--------------------------------------------------------------------------\n| Gallery\n|--------------------------------------------------------------------------\n*/\n\n.gallery{\n padding:20px 15px;\n background: #efefef;\n border:1px solid #ccc;\n border-radius:3px;\n li{\n float: left;\n margin:5px;\n }\n\n img, a{\n display: block;\n }\n}\n\n/*\n|--------------------------------------------------------------------------\n| Form\n|--------------------------------------------------------------------------\n*/\n\nform{\n margin-top: 40px;\n\n input, textarea{\n width:100%;\n padding:15px;\n border:1px solid #ccc;\n margin-bottom: 40px;\n font-size: 16px;\n color:#444;\n }\n\n label{\n display: block;\n margin-bottom: 10px;\n }\n\n textarea{\n height:200px;\n }\n\n button{\n border:none;\n background: #E41C4E;\n padding:10px 40px;\n color:#fff;\n text-transform: uppercase;\n font-size: 16px;\n font-weight: 700;\n }\n}\n\n\n/* =======================================================================\n## ++ Cleafix\n========================================================================== */\n\n/* float clearing for IE6 */\n* html .clearfix{\n height: 1%;\n overflow: visible;\n}\n\n/* float clearing for IE7 */\n*+html .clearfix{\n min-height: 1%;\n}\n\n/* float clearing for everyone else */\n.clearfix:after{\n clear: both;\n content: \".\";\n display: block;\n height: 0;\n visibility: hidden;\n font-size: 0;\n}\n\n.clr{clear:both;}\n.clr{content:\"test\";}\n\n\n\n\n\n\n",".main-header{\n background: #333;\n \n h1{\n color:#fff;\n font-size: rem(20px);\n margin:0;\n padding:0;\n font-weight: 700;\n float: left;\n }\n}\n\n.main-nav{\n float: right;\n \n li{\n float: left;\n }\n\n a{\n display: inline-block;\n padding: 0 10px;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 700;\n &:hover{\n color:#fff;\n }\n }\n\n li.active a{\n text-decoration: underline;\n }\n}",".main-footer{\n background: #efefef;\n padding:20px 0;\n margin-top: 40px;\n \n h3{\n margin:0;\n }\n}"]} \ No newline at end of file +{"version":3,"sources":["style.scss","_reset.scss","_fonts.scss","_mixins.scss","_globals.scss","_header.scss","_footer.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/* Vendor */\n@import \"susy\";\n@import \"su\";\n\n\n/* Setup */\n@import \"reset\";\n@import \"mixins\";\n@import \"variables\";\n@import \"fonts\";\n@import \"globals\";\n\n\n\n@import \"header\";\n@import \"homepage\";\n@import \"sidebar\";\n@import \"footer\";\n\n\n\n\n","/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */\nhtml,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}","/*! Typebase.less v0.1.0 | MIT License */\n/* Setup */\n@import 'https://fonts.googleapis.com/css?family=Roboto:400,700';\n\nhtml {\n /* Change default typefaces here */\n font-family: 'Roboto', sans-serif;\n font-size: 100%;\n -webkit-font-smoothing: antialiased;\n}\n/* Copy & Lists */\np {\n line-height: 1.5rem;\n margin-top: 1rem;\n margin-bottom: 0;\n font-size: 14px;\n}\nul,\nol {\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\nul li,\nol li {\n line-height: 1.5rem;\n}\nul ul,\nol ul,\nul ol,\nol ol {\n margin-top: 0;\n margin-bottom: 0;\n}\nblockquote {\n line-height: 1.5rem;\n margin-top: 1.5rem;\n margin-bottom: 1.5rem;\n}\n/* Headings */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n /* Change heading typefaces here */\n font-family: sans-serif;\n margin-top: 1em;\n padding-top: 1em;\n margin-bottom: 0;\n line-height: 1.5rem;\n color: #333;\n font-weight: 700;\n}\nh1 {\n font-size: 1rem;\n line-height: 4.5rem;\n margin-top: 3rem;\n}\nh2 {\n font-size: 1rem;\n line-height: 3rem;\n margin-top: 3rem;\n}\nh3 {\n font-size: 1.414rem;\n}\nh4 {\n font-size: 0.707rem;\n}\nh5 {\n font-size: 0.4713333333333333rem;\n}\nh6 {\n font-size: 0.3535rem;\n}\n/* Tables */\ntable {\n margin-top: 1.5rem;\n border-spacing: 0px;\n border-collapse: collapse;\n}\ntable td,\ntable th {\n padding: 0;\n line-height: 33px;\n}\n/* Code blocks */\ncode {\n vertical-align: bottom;\n}\n/* Leading paragraph text */\n.lead {\n font-size: 1.414rem;\n}\n/* Hug the block above you */\n.hug {\n margin-top: 0;\n}\n\n","/* =======================================================================\n## ++ Media Queries\n========================================================================== */\n\n/* \n Used for media queries. \n Add these mixins in your normal scss flow.\n \n Eg.\n .container{\n width:1024px;\n \n @include tablets{\n width:90%;\n }\n }\n*/ \n\n@mixin lowresmonitors{\n @media screen and (max-width: 1350px){ @content;}\n}\n\n@mixin tablets{\n @media screen and (max-width: 1100px){ @content; }\n}\n\n@mixin phones{\n @media screen and (max-width: 720px){ @content; }\n}\n\n/* =======================================================================\n## ++ Unit transform\n========================================================================== */\n\n/* \n Used for making containers have width in percentages. \n Usage: define elemnt width in px and the width of parent elemnt in px. \n eg. .block{width:cp(512px, 1024px)} this will result in .block{width:50%;} \n*/\n\n@function cp($target, $container) {\n @return ($target / $container) * 100%;\n}\n\n/* \n Used for making px values convert to rem values\n Usage: define font-size in px and it will convert to rems\n eg. font-size: rem(14px);\n*/\n\n@function rem($target, $context: $base-font-size) {\n @if $target == 0 { @return 0 }\n @return $target / $context + 0rem;\n}\n$base-font-size:16px;","/* =======================================================================\n## ++ Globals\n========================================================================== */\nhtml{\n font-size: 100%;\n}\n\nbody{\n -webkit-font-smoothing: antialiased;\n background: #fff;\n color: #566b78;\n}\n\n.container{\n max-width: 40em;\n margin:0 auto;\n}\n\n*{\n box-sizing:border-box;\n}\n\na {\n color: #e81c4f;\n}\n\n/*\n|--------------------------------------------------------------------------\n| Gallery\n|--------------------------------------------------------------------------\n*/\n\n.gallery{\n padding:20px 15px;\n background: #efefef;\n border:1px solid #ccc;\n border-radius:3px;\n li{\n float: left;\n margin:5px;\n }\n\n img, a{\n display: block;\n }\n}\n\n/*\n|--------------------------------------------------------------------------\n| Form\n|--------------------------------------------------------------------------\n*/\n\nform{\n margin-top: 40px;\n\n input, textarea{\n width:100%;\n padding:15px;\n border:1px solid #ccc;\n margin-bottom: 40px;\n font-size: 16px;\n color:#444;\n }\n\n label{\n display: block;\n margin-bottom: 10px;\n }\n\n textarea{\n height:200px;\n }\n\n button{\n border:none;\n background: #E41C4E;\n padding:10px 40px;\n color:#fff;\n text-transform: uppercase;\n font-size: 16px;\n font-weight: 700;\n }\n}\n\n\n/* =======================================================================\n## ++ Cleafix\n========================================================================== */\n\n/* float clearing for IE6 */\n* html .clearfix{\n height: 1%;\n overflow: visible;\n}\n\n/* float clearing for IE7 */\n*+html .clearfix{\n min-height: 1%;\n}\n\n/* float clearing for everyone else */\n.clearfix:after{\n clear: both;\n content: \".\";\n display: block;\n height: 0;\n visibility: hidden;\n font-size: 0;\n}\n\n.clr{clear:both;}\n.clr{content:\"test\";}\n\n.flash{\n padding:20px;\n color: #fff;\n display: none;\n \n &.active{\n display: block;\n }\n \n &.error{\n background: red;\n }\n\n &.success{\n background: green;\n }\n}\n\n\n\n\n",".main-header{\n background: #333;\n \n h1{\n color:#fff;\n font-size: rem(20px);\n margin:0;\n padding:0;\n font-weight: 700;\n float: left;\n }\n}\n\n.main-nav{\n float: right;\n \n li{\n float: left;\n }\n\n a{\n display: inline-block;\n padding: 0 10px;\n text-decoration: none;\n text-transform: uppercase;\n font-size: 12px;\n font-weight: 700;\n &:hover{\n color:#fff;\n }\n }\n\n li.active a{\n text-decoration: underline;\n }\n}",".main-footer{\n background: #efefef;\n padding:20px 0;\n margin-top: 40px;\n \n h3{\n margin:0;\n }\n}"]} \ No newline at end of file diff --git a/themes/olympos/assets/sass/_globals.scss b/themes/olympos/assets/sass/_globals.scss index ed26800..b899aa3 100755 --- a/themes/olympos/assets/sass/_globals.scss +++ b/themes/olympos/assets/sass/_globals.scss @@ -112,7 +112,23 @@ form{ .clr{clear:both;} .clr{content:"test";} +.flash{ + padding:20px; + color: #fff; + display: none; + + &.active{ + display: block; + } + + &.error{ + background: red; + } + &.success{ + background: green; + } +} diff --git a/themes/olympos/layouts/default.htm b/themes/olympos/layouts/default.htm index 30f14b5..2a906ab 100644 --- a/themes/olympos/layouts/default.htm +++ b/themes/olympos/layouts/default.htm @@ -30,6 +30,23 @@ + + + {% framework extras %} {% scripts %}