From 623f4fdc251fbe9958fdf9cfa5941f4033846a1f Mon Sep 17 00:00:00 2001 From: Ron Mitchell Date: Thu, 7 Jun 2018 11:49:13 +0100 Subject: [PATCH] Update editor styles colours for bootstrap bluegrey theme --- themes/site/bluegrey/bluegrey.css | 307 +++++++++++++++++-- themes/site/bluegrey/bluegrey.css.map | 2 +- themes/site/bluegrey/bluegrey.scss | 2 +- themes/site/bluegrey/scss/_allvariables.scss | 2 + themes/site/bluegrey/scss/_editorstyles.scss | 251 ++++++++++++--- 5 files changed, 485 insertions(+), 79 deletions(-) diff --git a/themes/site/bluegrey/bluegrey.css b/themes/site/bluegrey/bluegrey.css index e247d15dac..69ee40e75c 100644 --- a/themes/site/bluegrey/bluegrey.css +++ b/themes/site/bluegrey/bluegrey.css @@ -1,47 +1,296 @@ /*start here and set the default values for all the variables*/ -/*****editor styles*****/ -.marker { - font: "Helvetica Neue", Helvetica, Arial, sans-serif; - background-color: #3C3C3C; - color: #ffffff; +.panel1 { border-radius: 1vmin; display: table; - padding: 10px; } - -var { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + padding: 10px; + font-style: normal; background-color: #0098C3; - color: #ffffff; - display: table; + color: #ffffff; } + +.panel1 a { + color: #90e7ff; } + +.panel2 { border-radius: 1vmin; + display: table; + padding: 10px; font-style: normal; - padding: 10px; } + background-color: #89C2C0; + color: #ffffff; } -kbd { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - background-color: white; - color: #3C3C3C; +.panel2 a { + color: #eef6f6; } + +.panel3 { + border-radius: 1vmin; display: table; + padding: 10px; + font-style: normal; + background-color: #005172; + color: #ffffff; } + +.panel3 a { + color: #0099d8; } + +.panel4 { border-radius: 1vmin; + display: table; + padding: 10px; font-style: normal; - padding: 10px; } + background-color: #00A1A3; + color: #ffffff; } -samp { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - background-color: #005172; - color: #ffffff; +.panel4 a { + color: #3dfdff; } + +.panel5 { + border-radius: 1vmin; display: table; + padding: 10px; + font-style: normal; + background-color: #3C3C3C; + color: #ffffff; + display: table; } + +.panel5 a { + color: #898989; } + +.panel6 { border-radius: 1vmin; + display: table; + padding: 10px; font-style: normal; - padding: 10px; } + background-color: #D13759; + color: #ffffff; } + +.panel6 a { + color: #eeb3c0; } + +.highlight1 { + font: "Helvetica Neue", Helvetica, Arial, sans-serif; + background: #fff; + display: table; + font-weight: lighter; + margin-bottom: 7px; + margin-top: 5px; + padding: 10px; + border-left: 5px solid; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-color: #0098C3; } + +.highlight2 { + font: "Helvetica Neue", Helvetica, Arial, sans-serif; + background: #fff; + display: table; + font-weight: lighter; + margin-bottom: 7px; + margin-top: 5px; + padding: 10px; + border-left: 5px solid; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-color: #89C2C0; } + +.highlight3 { + font: "Helvetica Neue", Helvetica, Arial, sans-serif; + background: #fff; + display: table; + font-weight: lighter; + margin-bottom: 7px; + margin-top: 5px; + padding: 10px; + border-left: 5px solid; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-color: #005172; } + +.highlight4 { + font: "Helvetica Neue", Helvetica, Arial, sans-serif; + background: #fff; + display: table; + font-weight: lighter; + margin-bottom: 7px; + margin-top: 5px; + padding: 10px; + border-left: 5px solid; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-color: #00A1A3; } + +.highlight5 { + font: "Helvetica Neue", Helvetica, Arial, sans-serif; + background: #fff; + display: table; + font-weight: lighter; + margin-bottom: 7px; + margin-top: 5px; + padding: 10px; + border-left: 5px solid; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-color: #3C3C3C; } + +.highlight6 { + font: "Helvetica Neue", Helvetica, Arial, sans-serif; + background: #fff; + display: table; + font-weight: lighter; + margin-bottom: 7px; + margin-top: 5px; + padding: 10px; + border-left: 5px solid; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + border-color: #D13759; } + +blockquote { + font: 400 14px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; + border-left: 10px solid; + margin: 1.5em 10px; + padding: 0.5em 10px; + quotes: "\201C" "\201D"; + background: #f9f9f9; + border-color: #ccc; } + +blockquote:before { + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; + color: #ccc; } + +blockquote p { + display: inline; } + +blockquote:after { + content: close-quote; + font-size: 4em; + line-height: .1em; + margin-left: .1em; + vertical-align: -.6em; + color: #ccc; } + +.bq1 { + border-color: #0098C3; } + +.bq1:after { + content: close-quote; + font-size: 4em; + line-height: .1em; + margin-left: .1em; + vertical-align: -.6em; + color: #0098C3; } + +.bq1:before { + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; + color: #0098C3; } + +.bq2 { + border-color: #89C2C0; } + +.bq2:after { + content: close-quote; + font-size: 4em; + line-height: .1em; + margin-left: .1em; + vertical-align: -.6em; + color: #89C2C0; } + +.bq2:before { + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; + color: #89C2C0; } + +.bq3 { + border-color: #005172; } + +.bq3:after { + content: close-quote; + font-size: 4em; + line-height: .1em; + margin-left: .1em; + vertical-align: -.6em; + color: #005172; } + +.bq3:before { + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; + color: #005172; } + +.bq4 { + border-color: #00A1A3; } + +.bq4:after { + content: close-quote; + font-size: 4em; + line-height: .1em; + margin-left: .1em; + vertical-align: -.6em; + color: #00A1A3; } + +.bq4:before { + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; + color: #00A1A3; } + +.bq5 { + border-color: #3C3C3C; } + +.bq5:after { + content: close-quote; + font-size: 4em; + line-height: .1em; + margin-left: .1em; + vertical-align: -.6em; + color: #3C3C3C; } + +.bq5:before { + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; + color: #3C3C3C; } + +.bq6 { + border-color: #D13759; } + +.bq6:after { + content: close-quote; + font-size: 4em; + line-height: .1em; + margin-left: .1em; + vertical-align: -.6em; + color: #D13759; } + +.bq6:before { + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; + color: #D13759; } q { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #333; display: block; - /*margin-left:20px; - margin-right:20px;*/ padding: 10px; } cite { @@ -52,15 +301,6 @@ cite { margin-left:20px;*/ padding: 10px; } -tt { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - background-color: #2196F3; - color: #ffffff; - display: table; - border-radius: 1vmin; - font-style: normal; - padding: 10px; } - /***** scrollbars *****/ ::-webkit-scrollbar { width: 12px; } @@ -100,7 +340,6 @@ tt { * See the License for the specific language governing permissions and * limitations under the License. */ -/* --BODY------------------------------------------------*/ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #3C3C3C; diff --git a/themes/site/bluegrey/bluegrey.css.map b/themes/site/bluegrey/bluegrey.css.map index 27273cd50f..4be83e80d9 100644 --- a/themes/site/bluegrey/bluegrey.css.map +++ b/themes/site/bluegrey/bluegrey.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAA8B,+DAA+D;ACA7F,yBAAyB;AACzB,OAAQ;EACN,IAAI,ECiBM,8CAA8C;EDhBxD,gBAAgB,ECsBS,OAAa;EDrBtC,KAAK,ECwBqB,OAAgB;EDvB1C,aAAa,EC4BO,KAAK;ED3BzB,OAAO,EAAC,KAAK;EACb,OAAO,EAAC,IAAI;;AAGd,GAAI;EACF,WAAW,ECQD,8CAA8C;EDPxD,gBAAgB,ECFN,OAAY;EDGtB,KAAK,ECeqB,OAAgB;EDd1C,OAAO,EAAC,KAAK;EACb,aAAa,ECkBO,KAAK;EDjBzB,UAAU,EAAC,MAAM;EACjB,OAAO,EAAC,IAAI;;AAGd,GAAI;EACF,WAAW,ECFD,8CAA8C;EDGxD,gBAAgB,EAAC,KAAK;EACtB,KAAK,ECEoB,OAAa;EDDtC,OAAO,EAAC,KAAK;EACb,aAAa,ECQO,KAAK;EDPzB,UAAU,EAAC,MAAM;EACjB,OAAO,EAAC,IAAI;;AAGd,IAAK;EACH,WAAW,ECZD,8CAA8C;EDaxD,gBAAgB,EC5BH,OAAO;ED6BpB,KAAK,ECLqB,OAAgB;EDM1C,OAAO,EAAC,KAAK;EACb,aAAa,ECFO,KAAK;EDGzB,UAAU,EAAC,MAAM;EACjB,OAAO,EAAC,IAAI;;AAGd,CAAE;EACA,aAAa,EAAC,cAAc;EAC5B,UAAU,EAAC,cAAc;EACzB,KAAK,EAAC,IAAI;EACV,OAAO,EAAC,KAAK;EACb;sBACoB;EACpB,OAAO,EAAC,IAAI;;AAGd,IAAK;EACH,WAAW,EC/BG,8CAA8C;EDgC5D,SAAS,EAAC,IAAI;EACd,UAAU,EAAC,MAAM;EACjB;qBACmB;EACnB,OAAO,EAAC,IAAI;;AAGd,EAAG;EACD,WAAW,ECzCD,8CAA8C;ED0CxD,gBAAgB,EAAC,OAAO;EACxB,KAAK,EClCqB,OAAgB;EDmC1C,OAAO,EAAC,KAAK;EACb,aAAa,EC/BO,KAAK;EDgCzB,UAAU,EAAC,MAAM;EACjB,OAAO,EAAC,IAAI;;AElEd,wBAAwB;AACxB,mBAAoB;EAClB,KAAK,EAAE,IAAI;;AAEb,WAAW;AACX,yBAA0B;EACxB,UAAU,EAAE,wBAAqB;EACjC,kBAAkB,EAAE,gCAA6B;EACjD,qBAAqB,EAAE,IAAI;EAC3B,aAAa,EAAE,IAAI;;AAErB,YAAY;AACZ,yBAA0B;EACxB,qBAAqB,EAAE,IAAI;EAC3B,aAAa,EAAE,IAAI;EACnB,UAAU,EAAE,wBAAqB;EACjC,kBAAkB,EAAE,gCAA6B;;AAEnD,yCAA0C;EACxC,UAAU,EAAE,wBAAqB;;AHjBL;;;;;;;;;;;;;;;;;GAiB3B;AAEH,2DAA2D;AAC3D,IAAK;EACH,WAAW,EEJD,8CAA8C;EFKxD,KAAK,EECoB,OAAa;EFAtC,gBAAgB,EETK,OAAc;;AFWrC,2EAA2E;AAC3E,EAAG;EACD,KAAK,EEnBK,OAAY;;AFqBxB,kBAAmB;EACjB,KAAK,EEPoB,OAAa;;AFSxC,CAAC;EACC,KAAK,EEzBK,OAAY;;AF2BxB,OAAO;EACL,KAAK,EElCQ,OAAO;;AFqCtB,qFAAqF;AACrF,UAAW;EACT,KAAK,EEfqB,OAAgB;EFgB1C,UAAU,EExCG,OAAO;EFwCQ,kBAAkB;EAC9C,gBAAgB,EEzCH,OAAO;EF0CpB,gBAAgB,EAAE,+CAA6D;;AAGjF,aAAc;EACZ,KAAK,EEtBqB,OAAgB;;AFyB5C,6BAA8B;EAC5B,gBAAgB,EE5CN,OAAY;EF6CtB,gBAAgB,EAAE,2CAAqD;EACvE,gBAAgB,EAAE,iEAA2E;EAC7F,gBAAgB,EAAE,8CAAwD;EAC1E,gBAAgB,EAAE,yCAAmD;EACrE,gBAAgB,EAAE,4CAAsD;EACxE,iBAAiB,EAAE,QAAQ;EAC3B,YAAY,EEnDF,OAAY;EFoDtB,MAAM,EAAE,oHAAoH;;AAG9H,qDAAsD;EACpD,KAAK,EEtCqB,OAAgB;EFuC1C,WAAW,EAAE,4BAA4B;;AAG3C,2FAA4F;EAC1F,KAAK,EE3CqB,OAAgB;;AFiD5C,2DAA2D;EACzD,KAAK,EElDqB,OAAgB;EFmD1C,gBAAgB,EE3EH,OAAO;;AF6EtB,uGAAwG;EACtG,KAAK,EEtDqB,OAAgB;EFuD1C,gBAAgB,EE/EH,OAAO;EFgFpB,+BAA+B;;AAGjC,qFAAsF;EACpF,gBAAgB,EE9EN,OAAY;;AFiFxB,uFAAuF;AACvF,gBAAiB;EACf,gBAAgB,EE7EK,OAAc;EF8EnC,qBAAqB,EAAE,GAAG;EAC1B,kBAAkB,EAAE,GAAG;EACvB,aAAa,EAAE,GAAG;;AAGpB,yCAA0C;EACxC,WAAW,EAAE,IAAI;;AAEnB,yBAA0B;EACxB,MAAM,EAAE,iBAAsB;;AAEhC,qCAAsC;EACpC,qBAAqB,EAAE,WAAW;EAClC,kBAAkB,EAAE,WAAW;EAC/B,aAAa,EAAE,WAAW;;AAE5B,oCAAqC;EACnC,qBAAqB,EAAE,WAAW;EAClC,kBAAkB,EAAE,WAAW;EAC/B,aAAa,EAAE,WAAW;;AAE5B,8BAA+B;EAC7B,WAAW,EAAE,2BAAuB;EACpC,kBAAkB,EAAE,mEAA2D;EAC/E,eAAe,EAAE,mEAA2D;EAC5E,UAAU,EAAE,mEAA2D;;AAEzE,+BAAgC;EAC9B,gBAAgB,EEtHH,OAAO;EFuHpB,KAAK,EE/FqB,OAAgB;;AFiG5C,4CAA6C;EAC3C,OAAO,EAAE,EAAE;;AAEb;oDACqD;EAEnD,OAAO,EAAE,CAAC;;AAEZ,4CAA6C;EAC3C,OAAO,EAAE,EAAE;;AAEb;oDACqD;EAEnD,OAAO,EAAE,CAAC;;AAGZ,oBAAoB;EAClB,aAAa,EAAE,CAAC;EAChB,UAAU,EEtIA,OAAY;EFuItB,KAAK,EErHqB,OAAgB;;AFuH5C,gBAAiB;EACf,aAAa,EAAE,GAAG;EAKlB,MAAM,EAAC,IAAI;;AAGb,4FAA6F;EAC3F,gBAAgB,EEnJN,OAAY;EFoJtB,KAAK,EElIqB,OAAgB;;AFqI5C,qFAAsF;EACpF,KAAK,EEtIqB,OAAgB;EFuI1C,MAAM,EAAE,OAAO;EACf,gBAAgB,EE1JN,OAAY;EF2JtB,MAAM,EAAE,iBAAsB;EAC9B,mBAAmB,EAAE,WAAW;;AAGlC,4EAA4E;AAC5E,MAAO;EACL,gBAAgB,EEjKN,OAAY;EFkKtB,MAAM,EAAE,iBAAsB;EAC9B,qBAAqB,EAAE,GAAG;EAC1B,kBAAkB,EAAE,GAAG;EACvB,aAAa,EAAE,GAAG;EAClB,KAAK,EEpJqB,OAAgB;;AFsJ5C,sCAAsC;AACtC,YAAa;EACX,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;EACjB,gBAAgB,EE5KN,OAAY;EF6KtB,MAAM,EAAE,iBAAsB;EAC9B,KAAK,EE5JqB,OAAgB;EF6J1C,qBAAqB,EAAE,WAAW;EAClC,kBAAkB,EAAE,WAAW;EAC/B,aAAa,EAAE,WAAW;;AAG5B,KAAM;EACJ,gBAAgB,EE3LH,OAAO;EF4LpB,MAAM,EAAE,iBAAwB;EAChC,KAAK,EErKqB,OAAgB;;AFwK5C,4EAA4E;AAC5E,OAAQ;EACN,UAAU,EAAE,iBAA0B;EACtC,gBAAgB,EEnMH,OAAO;EFoMpB,gBAAgB,EAAE,+CAA6D;;AAEjF,SAAU;EACR,KAAK,EE/KqB,OAAgB;;AFkL5C,SAAU;EACR,KAAK,EEtMK,GAAU;;AFyMtB,8EAA8E;AAE9E,wEAAyE;EACvE,KAAK,EE5LoB,OAAa;;AF+LxC,YAAa;EACX,gBAAgB,EErNH,OAAO;EFsNpB,KAAK,EE9LqB,OAAgB;;AFiM5C,wFAAyF;EACvF,KAAK,EElMqB,OAAgB;EFmM1C,gBAAgB,EErNN,OAAY", +"mappings": "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", "sources": ["bluegrey.scss","scss/_editorstyles.scss","scss/_allvariables.scss","scss/_webkitCustoms.scss"], "names": [], "file": "bluegrey.css" diff --git a/themes/site/bluegrey/bluegrey.scss b/themes/site/bluegrey/bluegrey.scss index aa353430ca..f2d8afa7e2 100644 --- a/themes/site/bluegrey/bluegrey.scss +++ b/themes/site/bluegrey/bluegrey.scss @@ -19,7 +19,7 @@ * limitations under the License. */ -/* --BODY------------------------------------------------*/ +//* --BODY------------------------------------------------*/ body { font-family: $mainfonts; color: $darkestcolor; diff --git a/themes/site/bluegrey/scss/_allvariables.scss b/themes/site/bluegrey/scss/_allvariables.scss index 0889fe8206..9e9f010bf8 100644 --- a/themes/site/bluegrey/scss/_allvariables.scss +++ b/themes/site/bluegrey/scss/_allvariables.scss @@ -11,6 +11,8 @@ $alertcolor:$hintcolor; $linkcolor: $brightcolor; $panelcolor:#666666; $accent1:#89C2C0; +$accent2: #00A1A3; +$accent3:#D13759; //*set background colors*/ $bodybackgroundcolor:$lightestcolor; diff --git a/themes/site/bluegrey/scss/_editorstyles.scss b/themes/site/bluegrey/scss/_editorstyles.scss index b4ecd1de37..58246e5c91 100644 --- a/themes/site/bluegrey/scss/_editorstyles.scss +++ b/themes/site/bluegrey/scss/_editorstyles.scss @@ -1,41 +1,218 @@ -/*****editor styles*****/ -.marker { - font:$mainfonts; - background-color:$darkestcolor; - color:$fontcolorfordarkestcolor; +$esc1: $brightcolor; +$esc2: $accent1; +$esc3: $contrastcolor; +$esc4: $accent2; +$esc5: $darkestcolor; +$esc6: $accent3; + +//*****editor styles*****/ +//****common styles for panels***// +@mixin panel { + // font:$mainfonts; border-radius:$smallroundedcorners; display:table; padding:10px; -} - -var { - font-family:$mainfonts; - background-color:$brightcolor; - color:$fontcolorfobrightcolor; - display:table; - border-radius:$smallroundedcorners; font-style:normal; - padding:10px; } - -kbd { - font-family:$mainfonts; - background-color:white; - color:$darkestcolor; +//****common styles for highlights***// +@mixin highlight{ + font:$mainfonts; + background: #fff; + display: table; + font-weight: lighter; + margin-bottom: 7px; + margin-top: 5px; + padding: 10px; + border-left: 5px solid; + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); +} +//****common styles for blockquotes***// +@mixin blockquote{ + font: 400 14px/24px $secondaryfonts; + border-left: 10px solid; + margin: 1.5em 10px; + padding: 0.5em 10px; + quotes: "\201C" "\201D"; +} +@mixin beforeblockquote { + content: open-quote; + font-size: 4em; + line-height: 0.1em; + margin-right: 0.25em; + vertical-align: -0.4em; +} +@mixin afterblockquote{ + content: close-quote; + font-size: 4em; + line-height: .1em; + margin-left: .1em; + vertical-align: -.6em; +} +//*****panels*****/ +.panel1{ + @include panel; + background-color:$esc1; + color:$whiteorlightest; +} +.panel1 a{ + color:lighten($esc1, 40%); +} +.panel2 { + @include panel; + background-color:$esc2; + color:$whiteorlightest; +} +.panel2 a{ + color:lighten($esc2, 30%); +} +.panel3 { + @include panel; + background-color:$esc3; + color:$whiteorlightest; +} +.panel3 a{ + color:lighten($esc3, 20%); +} +.panel4 { + @include panel; + background-color:$esc4; + color:$whiteorlightest; +} +.panel4 a{ + color:lighten($esc4, 30%); +} +.panel5 { + @include panel; + background-color:$esc5; + color:$whiteorlightest; display:table; - border-radius:$smallroundedcorners; - font-style:normal; - padding:10px; +} +.panel5 a{ + color:lighten($esc5, 30%); +} +.panel6 { + @include panel; + background-color:$esc6; + color:$whiteorlightest; +} +.panel6 a{ + color:lighten($esc6, 30%); } -samp { - font-family:$mainfonts; - background-color:$contrastcolor; - color:$fontcolorforcontrastcolor; - display:table; - border-radius:$smallroundedcorners; - font-style:normal; - padding:10px; +//*****highlights*****/ +.highlight1 { + @include highlight; + //color: $esc1; + border-color: $esc1; +} +.highlight2 { + @include highlight; + //color: $esc2; + border-color: $esc2; +} +.highlight3 { + @include highlight; + //color: $esc3; + border-color: $esc3; +} +.highlight4 { + @include highlight; + //color: $esc4; + border-color: $esc4; +} +.highlight5 { + @include highlight; + //color: $esc5; + border-color: $esc5; +} +.highlight6 { + @include highlight; + //color: $esc6; + border-color: $esc6; +} +//***default gray blockquote***/ +blockquote { + @include blockquote; + background: #f9f9f9; + border-color:#ccc; +} +blockquote:before { + @include beforeblockquote; + color: #ccc; +} +blockquote p { + display: inline; +} +blockquote:after { + @include afterblockquote; + color:#ccc; +} +.bq1{ + border-color:$esc1; +} +.bq1:after { + @include afterblockquote; + color:$esc1; +} +.bq1:before { + @include beforeblockquote; + color:$esc1; +} +.bq2{ + border-color:$esc2; +} +.bq2:after { + @include afterblockquote; + color:$esc2; +} +.bq2:before { + @include beforeblockquote; + color:$esc2; +} +.bq3{ + border-color:$esc3; +} +.bq3:after { + @include afterblockquote; + color:$esc3; +} +.bq3:before { + @include beforeblockquote; + color:$esc3; +} +.bq4{ + border-color:$esc4; +} +.bq4:after { + @include afterblockquote; + color:$esc4; +} +.bq4:before { + @include beforeblockquote; + color:$esc4; +} +.bq5{ + border-color:$esc5; +} +.bq5:after { + @include afterblockquote; + color:$esc5; +} +.bq5:before { + @include beforeblockquote; + color:$esc5; +} +.bq6{ + border-color:$esc6; +} +.bq6:after { + @include afterblockquote; + color:$esc6; +} +.bq6:before { + @include beforeblockquote; + color:$esc6; } q { @@ -43,8 +220,6 @@ q { border-top:1px solid #ccc; color:#333; display:block; - /*margin-left:20px; - margin-right:20px;*/ padding:10px; } @@ -55,14 +230,4 @@ cite { /*font-weight:400; margin-left:20px;*/ padding:10px; -} - -tt { - font-family:$mainfonts; - background-color:#2196F3; - color:$whiteorlightest; - display:table; - border-radius:$smallroundedcorners; - font-style:normal; - padding:10px; -} +} \ No newline at end of file