hyla 1.0.7.pre.6 → 1.0.7.pre.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,15 +1,15 @@
1
1
  ---
2
2
  !binary "U0hBMQ==":
3
3
  metadata.gz: !binary |-
4
- NTkwMWM3NTJlNmI0MjlkNjE2MjMxMDdhNWU1YWU5ZjUzZDhjYzViMA==
4
+ NmE4Zjk2MzExMDJhNDlhOWY4OGRjMGVhMThhMWMwNDBlNjYyMTliZQ==
5
5
  data.tar.gz: !binary |-
6
- NTJkNDIxMDJhOGMyMzJkNTEzOWJhZWRlNWRkZmU3MTU4NTBjYjQxOA==
6
+ ZDViYWIwMGRjNWJhMGUzYzUxYWQxNDA3NzdkZmY5OThjMjM1OTdlYQ==
7
7
  SHA512:
8
8
  metadata.gz: !binary |-
9
- Njc5MTk4YTM4MDNlY2U1ZGNmZmMwZWY0MjgzMTdiNDRhZGY3ZTRkMDZlYzNm
10
- NGIyNTcwNzkwOTY5MjBlMWNkMjEzZmZiZTdmNTA4NWNlNDZhY2E5ZmJiYjBj
11
- MDRkNzk3MWUzOGUwZjM4OGY0NzE2YWE0MGZjNjY1Y2JiOTUzYzA=
9
+ MWYwYTkxOTdhZjIzMzQ4MGExMDQxNmQ2ZDAxMDA3YzA2MDYzZjg0ODhhMzg0
10
+ MzRkYjVjYjgyOTliZWUxZDAxOWUyYmM3ZDA3YjkyMTJmZmE4YzczNjZhZDQ0
11
+ NzU3YmY3YTU1OWVlZTA4NzMzMWRkOGZlMWIwNzgyNTY3ODA0NzU=
12
12
  data.tar.gz: !binary |-
13
- ZmYyYzMwOTE3MWUxNzI4MTMzY2E0YWQ3ZDNmNTNhMDNlYWQ5ZmRlNmI1MzU2
14
- NzgzNmRkMTg5Y2U3N2Q2ZDk2NjVkOWVjNWNjZjE0NmZlNDA2MDAzZGJhMTMz
15
- NDliNTk2MmE2ZTFmNDY0Njc1YzY0ZGIxYTQ3ZWJlYWFmNTNjYTU=
13
+ N2Q4ZDliZjIxMjAyMDU3NGJkNWU1NjEyNjQyMTU4NTcxNjRkNWQ4NDc0MjNl
14
+ N2VmNmFjNzM1ZGYwMGNlZWMyMmU1YjRjNjVmNDhiNzE4M2NmOWNkYzRiNjNk
15
+ ZjI5YzliZDZkNzMxNDIwYzNkZDFjODcxOWVjY2MzM2E3OTcxZGM=
data/Rakefile CHANGED
@@ -4,10 +4,9 @@ $LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
4
4
  require 'rubygems'
5
5
  require 'rake'
6
6
  require 'rake/testtask'
7
- # require 'bundler/version'
8
7
  require 'sass'
9
8
  require 'hyla/configuration'
10
- # require 'font-awesome-sass'
9
+ require 'rake/minify'
11
10
 
12
11
  #############################################################################
13
12
  #
@@ -80,7 +79,15 @@ desc "Run tests"
80
79
  task :default => :test
81
80
 
82
81
  # Generate CSS files
83
- task :compass do
82
+ task :compass, [:mode] do |t, args|
83
+ mode = args.mode || 'development'
84
+
85
+ if mode == "development"
86
+ output_style = 'expanded'
87
+ else
88
+ output_style = 'compact'
89
+ end
90
+
84
91
  puts "\n## Compiling Sass"
85
92
 
86
93
  # path = Gem.loaded_specs['font-awesome-sass'].full_gem_path + "/assets/stylesheets"
@@ -90,21 +97,22 @@ task :compass do
90
97
  puts "Sass dir : #{dir}"
91
98
  # -s #{style} -I #{path}
92
99
  # To generate the sourcemap --> --sourcemap
93
- system "compass compile --fonts-dir 'fonts' --css-dir 'styles' --sass-dir '.'"
100
+ # puts "compass compile --fonts-dir 'fonts' --css-dir 'styles' --sass-dir '.' -e #{mode} --output-style=#{output_style} --force"
101
+ system "compass compile --fonts-dir 'fonts' --css-dir 'styles' --sass-dir '.' -e #{mode} --output-style=#{output_style} --force"
94
102
 
95
103
  # Copy css to RevealJS theme
96
104
  # p revealjs_css_assets
97
- sh "cp styles/gpe.css #{revealjs_css_theme_assets}"
105
+ sh "cp styles/old-gpe.css #{revealjs_css_theme_assets}"
98
106
  sh "cp styles/font-awesome.css #{revealjs_css_vendor_assets}/font-awesome-4.3.0.css"
99
107
 
100
- sh "cp styles/gpe2.css #{revealjs_redhat_css_theme_assets}/gpe.css"
108
+ sh "cp styles/new-gpe.css #{revealjs_redhat_css_theme_assets}/gpe.css"
101
109
  sh "cp styles/theme-v2-liberation.css #{revealjs_redhat_css_theme_assets}/theme-v2-liberation.css"
102
110
  sh "cp styles/theme-v2-overpass.css #{revealjs_redhat_css_theme_assets}/theme-v2-overpass.css"
103
111
  sh "cp styles/theme-output.css #{revealjs_redhat_css_theme_assets}/theme-output.css"
104
112
  sh "cp styles/font-awesome.css #{revealjs_redhat_css_theme_assets}/font-awesome-4.3.0.css"
105
113
 
106
114
  # sh "cp gpe.scss #{revealjs_css_theme_assets}"
107
- # sh "cp styles/gpe.css.map #{revealjs_css_theme_assets}"
115
+ # sh "cp styles/old-gpe.css.map #{revealjs_css_theme_assets}"
108
116
  # sh "cp styles/font-awesome.css.map #{revealjs_css_vendor_assets}/font-awesome-4.3.0.css.map"
109
117
 
110
118
  end
@@ -196,6 +204,14 @@ task :publish do
196
204
  puts 'Done.'
197
205
  end
198
206
 
207
+ Rake::Minify.new(:minifyjs) do
208
+ dir("lib/resources/assets/revealjs-redhat/lib/js/debug") do
209
+ add("lib/resources/assets/revealjs-redhat/lib/js/reveal.min.js", "reveal.js")
210
+ add("lib/resources/assets/revealjs-redhat/lib/js/head.min.js", "head.js")
211
+ add("lib/resources/assets/revealjs-redhat/lib/js/gpe.min.js", "gpe.js")
212
+ end
213
+ end
214
+
199
215
  # desc 'Say Hello'
200
216
  # task :hello, [:msg1, :msg2] do |t, args|
201
217
  # msg1 = args.msg1 or
data/hyla.gemspec CHANGED
@@ -23,6 +23,7 @@ Gem::Specification.new do |s|
23
23
  s.add_development_dependency 'font-awesome-sass','~> 4.3'
24
24
  s.add_development_dependency 'compass', '~> 1.0'
25
25
  s.add_development_dependency 'sass', '~> 3.4'
26
+ s.add_development_dependency 'rake-minify', '~> 0'
26
27
 
27
28
  # Ruby command-line executables
28
29
  # Add pry before
@@ -50,6 +51,8 @@ Gem::Specification.new do |s|
50
51
  s.add_runtime_dependency 'tilt', '~> 1.4'
51
52
  s.add_runtime_dependency 'thor', '~> 0.18'
52
53
  s.add_runtime_dependency 'wkhtmltopdf-binary', '~> 0.9'
54
+ # s.add_runtime_dependency 'log4r', '~> 1.1'
55
+
53
56
 
54
57
  # Colorize Text Terminal
55
58
  s.add_runtime_dependency 'colorator', '~> 0.1'
data/lib/hyla/project.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Hyla
2
- VERSION = '1.0.7.pre.6'
2
+ VERSION = '1.0.7.pre.7'
3
3
  DESCRIPTION = 'Asciidoctor Hyla - Command Line tool to create new project, watch modifications, generate content, publish or consult it live !'
4
4
  SUMMARY = 'Asciidoctor Hyla - builder/generator of HTML5, slideshow. Watch modifications, generate content, publish or consult it live !'
5
5
  end
data/lib/hyla.rb CHANGED
@@ -50,9 +50,7 @@ require 'hyla/logger'
50
50
  require_all 'hyla/commands'
51
51
 
52
52
  module Hyla
53
-
54
53
  def self.logger
55
54
  @logger ||= Logger.new
56
55
  end
57
-
58
56
  end
@@ -0,0 +1,196 @@
1
+ /* NOT USED ANYMORE - Using Compass Font-Face @import "compass/css3/font-face"; @include font-face('Liberation Sans', font-files("liberationSans-Regular.ttf", "liberationSans-Bold.ttf", "liberationSans-Italic.ttf", "liberationSans-BoldItalic.ttf"));
2
+ @include font-face('Overpass', font-files("Overpass_Regular.ttf", "Overpass_Bold.ttf", "Overpass_Light.ttf", "Overpass_Regular.ttf"));
3
+ */
4
+ /* NOT USED ANYMORE - Import font Awesome Fonts using the gem installed @import "font-awesome-compass"; @import "font-awesome";
5
+ */
6
+ /* @import url(http://red-hat-overpass-fonts.s3.amazonaws.com/overpass.css); */
7
+ /* $debug-configuration: true; */
8
+ @font-face { font-family: 'Overpass'; src: local("Overpass"), url("../../lib/font/overpass/overpass_regular-web.eot?#iefix") format("eot"), url("../../lib/font/overpass/overpass_regular-web.woff") format("woff"), url("../../lib/font/overpass/overpass_regular-web.ttf") format("truetype"), url("../../lib/font/overpass/overpass_regular-web.svg#webfontLTZe4IYH") format("svg"); font-weight: normal; font-style: normal; }
9
+ @font-face { font-family: 'Overpass'; src: local("Overpass Bold"), local("OverpassBold"), url("../../lib/font/overpass/overpass_bold-web.eot?#iefix") format("eot"), url("../../lib/font/overpass/overpass_bold-web.woff") format("woff"), url("../../lib/font/overpass/overpass_bold-web.ttf") format("truetype"), url("../../lib/font/overpass/overpass_bold-web.svg#webfontzAU82Ltw") format("svg"); font-weight: bold; font-style: normal; }
10
+ @font-face { font-family: 'Liberation Sans'; src: local("Liberation"), url("../lib/font/liberation/LiberationSans-Regular-webfont.eot?#iefix") format("eot"), url("../lib/font/liberation/LiberationSans-Regular-webfont.woff") format("woff"), url("../lib/font/liberation/LiberationSans-Regular-webfont.ttf") format("truetype"), url("../lib/font/liberation/LiberationSans-Regular-webfont.svg#webfontLTZe4IYH") format("svg"); font-weight: normal; font-style: normal; }
11
+ @font-face { font-family: 'Liberation Sans'; src: local("Liberation Bold"), local("LiberationBold"), url("../lib/font/liberation/LiberationSans-Bold-webfont.eot?#iefix") format("eot"), url("../lib/font/liberation/LiberationSans-Bold-webfont.woff") format("woff"), url("../lib/font/liberation/LiberationSans-Bold-webfont.ttf") format("truetype"), url("../lib/font/liberation/LiberationSans-Bold-webfont.svg#webfontzAU82Ltw") format("svg"); font-weight: bold; font-style: normal; }
12
+ @font-face { font-family: 'Liberation Sans'; src: local("Liberation Italic"), local("LiberationItalic"), url("../lib/font/liberation/LiberationSans-Italic-webfont.eot?#iefix") format("eot"), url("../lib/font/liberation/LiberationSans-Italic-webfont.woff") format("woff"), url("../lib/font/liberation/LiberationSans-Italic-webfont.ttf") format("truetype"), url("../lib/font/liberation/LiberationSans-Italic-webfont.svg#webfontzAU82Ltw") format("svg"); font-weight: normal; font-style: italic; }
13
+ @font-face { font-family: 'Liberation Sans'; src: local("Liberation Bold Italic"), local("LiberationBoldItalic"), url("../lib/font/liberation/LiberationSans-BoldItalic-webfont.eot?#iefix") format("eot"), url("../lib/font/liberation/LiberationSans-BoldItalic-webfont.woff") format("woff"), url("../lib/font/liberation/LiberationSans-BoldItalic-webfont.ttf") format("truetype"), url("../lib/font/liberation/LiberationSans-BoldItalic-webfont.svg#webfontzAU82Ltw") format("svg"); font-weight: bold; font-style: italic; }
14
+ /* We dont import the css content of font-awesome here as it will added to the HTML of the slideshow as a local/remote resource @import "font-awesome"; */
15
+ /*$var-family-name: 'Liberation Sans';*/
16
+ body { font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif; }
17
+
18
+ /********************************************* ScrollBar Feb 24, ART: Changed the height of the scrollbar from 450 600 Feb 24, ART: Changed the padding from 10 20 20 20 to 5 10 10 10 Feb 24, ART: Changed the margin from 20px 0 0 to 5px 0 0 Mar 02, CHM: Increase height from 600 to 670px Mar 06, CHM: Change overflow from scroll to auto ********************************************/
19
+ .scrollbar { border: 1px solid #eee; height: 670px; overflow: auto; margin: 5px 0 0; padding: 5px 10px 10px 10px; }
20
+
21
+ /************************************************************** Style used to display the cover picture full screen Add this tag [.cover] before the picture of the cover page Mar 04 2015, CHM: Initial *************************************************************/
22
+ .cover { position: absolute; top: 20px; text-align: center; }
23
+
24
+ /********************************************* Corporate Logo Header Image Feb 26, CHM: Changed the height from 80px to 0px ********************************************/
25
+ .header { position: absolute; margin: 0 auto; left: 0; right: 0; top: 0; height: 0px; font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif; font-size: 20px; text-align: center; }
26
+
27
+ /********************************************* Copyright Footer Feb 24, ART: Changed to footer height from 80 to 40 ********************************************/
28
+ .footer { position: absolute; margin: 0 auto; left: 0; right: 0; bottom: 0; height: 40px; font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif; font-size: 20px; text-align: center; }
29
+
30
+ /********************************************* GLOBAL STYLES Feb 24, ART: added a border to the body, attempting to see how the margin is being used. Feb 24, ART: added a border to the reveal section, attempting to see how the margin is being used. ********************************************/
31
+ body { background: white; background-color: white; }
32
+
33
+ .reveal { font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif; font-size: 28px; font-weight: normal; letter-spacing: -0.02em; color: black; }
34
+
35
+ ::selection { color: white; background: rgba(0, 0, 0, 0.99); text-shadow: none; }
36
+
37
+ /********************************************* TODO - To be verified if we use it or not ******************************************/
38
+ .reveal section { text-align: left; }
39
+
40
+ /****************************************** Fill screen to 100% & align text on left Feb 26, CHM : Add top: 370px to fill the screen to 100% *****************************************/
41
+ .reveal .slides { text-align: left; top: 370px; }
42
+
43
+ /********************************************* HEADERS ********************************************/
44
+ .reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 { margin: 0 0 20px 0; color: #3E4349; font-family: "Liberation Sans", "Overpass", "Open Sans", sans-serif; line-height: 0.9em; letter-spacing: 0.02em; text-transform: none; text-shadow: none; }
45
+
46
+ /*************************************************** Feb 26, ART: Font Size 2em and width: 900px added *************************************************/
47
+ .reveal h1 { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); font-size: 2em; width: 900px; }
48
+
49
+ .reveal h2 { font-size: 2em; }
50
+
51
+ /********************************************* LINKS ********************************************/
52
+ .reveal a:not(.image) { color: #a70000; text-decoration: none; -webkit-transition: color .15s ease; -moz-transition: color .15s ease; -ms-transition: color .15s ease; -o-transition: color .15s ease; transition: color .15s ease; }
53
+
54
+ .reveal a:not(.image):hover { color: #a70000; text-shadow: none; border: none; }
55
+
56
+ .reveal .roll span:after { color: #fff; background: #a70000; }
57
+
58
+ /********************************************* IMAGES ********************************************/
59
+ .reveal section img { margin: 15px 0px; background: rgba(255, 255, 255, 0.12); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; }
60
+
61
+ .reveal a:hover img { background: rgba(255, 255, 255, 0.2); border-color: #a70000; box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }
62
+
63
+ /********************************************* NAVIGATION CONTROLS ********************************************/
64
+ .reveal .controls div.navigate-left, .reveal .controls div.navigate-left.enabled { border-right-color: #C1100C; }
65
+
66
+ .reveal .controls div.navigate-right, .reveal .controls div.navigate-right.enabled { border-left-color: #C1100C; }
67
+
68
+ .reveal .controls div.navigate-up, .reveal .controls div.navigate-up.enabled { border-bottom-color: #C1100C; }
69
+
70
+ .reveal .controls div.navigate-down, .reveal .controls div.navigate-down.enabled { border-top-color: #C1100C; }
71
+
72
+ .reveal .controls div.navigate-left.enabled:hover { border-right-color: #ef6f16; }
73
+
74
+ .reveal .controls div.navigate-right.enabled:hover { border-left-color: #ef6f16; }
75
+
76
+ .reveal .controls div.navigate-up.enabled:hover { border-bottom-color: #ef6f16; }
77
+
78
+ .reveal .controls div.navigate-down.enabled:hover { border-top-color: #ef6f16; }
79
+
80
+ /********************************************* PROGRESS BAR ********************************************/
81
+ .reveal .progress { background: rgba(0, 0, 0, 0.2); }
82
+
83
+ .reveal .progress span { background: #a70000; -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -o-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }
84
+
85
+ /********************************************* SLIDE NUMBER ********************************************/
86
+ .reveal .slide-number { color: darkblue; }
87
+
88
+ /********************************************************************************* Trick to avoid to define [square] or [circle] for each item of an unordered list and solve issue that we have here as we have nested lists Feb 27, CHM : Added Mar 04 2015, CHM: Add red colors & square, disc & circle Mar 13 2015, CHM: Change color to black and revert square, disc & circle ********************************************************************************/
89
+ /* line 287, ../gpe.scss */
90
+ .reveal ul li p, ul li li p, ul li li p { color: black; list-style: none; }
91
+
92
+ /* line 293, ../gpe.scss */
93
+ .reveal ul li { list-style-type: disc; color: black; }
94
+
95
+ /* line 298, ../gpe.scss */
96
+ .reveal ul li li { list-style-type: square; color: black; }
97
+
98
+ /* line 303, ../gpe.scss */
99
+ .reveal ul li li li { list-style-type: circle; color: black; }
100
+
101
+ /******************************************************************* .reveal i must be override in order to be able to use Asciidoctor and Font Awesome icons for NOTE, WARNING, REMARK, .... Feb, CHM: Added ******************************************************************/
102
+ .reveal i.fa { font-family: 'FontAwesome'; font-style: normal; font-size: 100%; }
103
+
104
+ /********************************************* Support asciidoctor callout Feb 27, CHM: Added ********************************************/
105
+ .reveal i.conum { display: inline-block; color: white !important; background-color: #a70000; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 25px; height: 25px; font-size: 14px; font-weight: bold; line-height: 25px; font-style: normal; position: relative; top: -2px; letter-spacing: -2px; }
106
+
107
+ .reveal i.conum * { color: white !important; }
108
+
109
+ .reveal i.conum + b { display: none; }
110
+
111
+ .reveal i.conum:after { content: attr(data-value); }
112
+
113
+ .reveal i.conum:not([data-value]):empty { display: none; }
114
+
115
+ /******************************************************* Asciidoctor Table style rendering Feb 27, CHM: Added & Refactor to display the borders Mar 02, CHM: Add caption to display the Table title with a different style, color Mar 03, CHM: Improve style to be compliant with Redhat styles Mar 06, CHM: Add a noredheader class to avoid to display the first line in red of a table containing images, .. *****************************************************/
116
+ table.tableblock, table.tableblock td { border-style: solid; border-color: #b7bcbe; border-width: 0.99px; border-collapse: collapse; border-spacing: 0px; padding: 5px; }
117
+
118
+ table.tableblock > caption { line-height: 1.4; color: #333333; margin-top: 0.2em; margin-bottom: 0.5em; overflow: visible; max-width: 0; white-space: nowrap; display: table-caption; }
119
+
120
+ table.tableblock:not(.noredheader) tr:first-child td { background-color: #a70000; text-align: left; padding: 10px; color: white; font-size: 24px; }
121
+
122
+ table.tableblock.noredheader tr:first-child td { background-color: #EEEEEE; }
123
+
124
+ table.tableblock tr:nth-child(even) { background: white; }
125
+
126
+ table.tableblock tr:nth-child(odd) { background: #eeeeee; }
127
+
128
+ th.tableblock.halign-left, td.tableblock.halign-left { text-align: left; }
129
+
130
+ th.tableblock.halign-right, td.tableblock.halign-right { text-align: right; }
131
+
132
+ th.tableblock.halign-center, td.tableblock.halign-center { text-align: center; }
133
+
134
+ th.tableblock.valign-top, td.tableblock.valign-top { vertical-align: top; }
135
+
136
+ th.tableblock.valign-bottom, td.tableblock.valign-bottom { vertical-align: bottom; }
137
+
138
+ th.tableblock.valign-middle, td.tableblock.valign-middle { vertical-align: middle; }
139
+
140
+ /************************************************************** By default, it is not possible to display text in Bold, ... within <li> tag Here is a trick to support that <strong>text</strong> enclosed in <li> tag & color Feb 27, CHM: Added *************************************************************/
141
+ li strong { color: #a70000; font-weight: bold; }
142
+
143
+ /************************************************************** Override Revealjs Pre class Mar 04 2015, CHM : Change width from 90% to 100% and margin to reduce size of the box hightlighted ************************************************************/
144
+ .reveal pre { width: 100%; }
145
+
146
+ .listingblock .content { margin-right: 50px; padding-right: 50px; }
147
+
148
+ /**************** Override Revealjs ordered list Mar 06 2016, CHM : Numbers displayed were cut ***************/
149
+ .reveal ol { margin-left: 40px; }
150
+
151
+ ol.arabic { list-style-type: decimal; }
152
+
153
+ ol.decimal { list-style-type: decimal-leading-zero; }
154
+
155
+ ol.loweralpha { list-style-type: lower-alpha; }
156
+
157
+ ol.upperalpha { list-style-type: upper-alpha; }
158
+
159
+ ol.lowerroman { list-style-type: lower-roman; }
160
+
161
+ ol.upperroman { list-style-type: upper-roman; }
162
+
163
+ ol.lowergreek { list-style-type: lower-greek; }
164
+
165
+ /************************************************************** Admonition Asciidoctor Mar 03, CHM: Added *************************************************************/
166
+ .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .mathblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-align: left; font-weight: bold; }
167
+
168
+ .admonitionblock > table { border: 0; background: none; width: 100%; padding: 5px 0px; }
169
+
170
+ .admonitionblock > table td.icon { text-align: center; width: 80px; }
171
+
172
+ .admonitionblock > table td.icon img { max-width: none; }
173
+
174
+ .admonitionblock > table td.icon .title { font-weight: bold; text-transform: uppercase; }
175
+
176
+ .admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 1px solid #dddddd; color: #6f6f6f; font-size: 20px; font-style: normal; }
177
+
178
+ /* Override the color for the list */
179
+ .admonitionblock > table td.content ul li, .admonitionblock > table td.content ol li, .admonitionblock > table td.content ol p, .admonitionblock > table td.content ul p { color: #6f6f6f; }
180
+
181
+ .admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0; }
182
+
183
+ .admonitionblock > table td.icon { vertical-align: middle; }
184
+
185
+ .admonitionblock td.icon [class^="icon-"]:before { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; font-style: normal; font-weight: normal; font-family: FontAwesome; text-decoration: inherit; font-size: 46px; padding-right: 0.5em; position: relative; left: 0; top: 5px; }
186
+
187
+ .admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #005498; color: #003f72; }
188
+
189
+ .admonitionblock td.icon .icon-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; }
190
+
191
+ /* Use a more yellow lighter color */
192
+ .admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #EFEF0C; }
193
+
194
+ .admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #bf3400; }
195
+
196
+ .admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #bf0000; }