Permalink
Browse files

make interact more button-like and clearer

  • Loading branch information...
1 parent 36d2b7e commit bb6b5ffbbbc1c5bab01138beaf68502c7a2e27b3 @coding-horror coding-horror committed Jun 4, 2016
Showing with 14 additions and 3 deletions.
  1. +1 −1 tools/make_spec.lua
  2. +13 −2 tools/template.html
View
@@ -209,7 +209,7 @@ local create_anchors = function(doc, meta, to)
local examplenum_div = make_html_block('div', {{'class', 'examplenum'}})
local interact_link = make_html_inline('a', {{'class', 'dingus'},
{'title', 'open in interactive dingus'}})
- cmark.node_append_child(interact_link, make_text("(interact)"))
+ cmark.node_append_child(interact_link, make_text("Try It"))
local examplenum_link = cmark.node_new(cmark.NODE_LINK)
cmark.node_set_url(examplenum_link, '#example-' .. tostring(example))
cmark.node_append_child(examplenum_link,
View
@@ -44,7 +44,7 @@
padding-bottom: 6pt; }
.column pre { font-size: 11pt; padding-left: 6pt; padding-right: 6pt;
padding-top: 2pt; padding-bottom: 2pt; }
-div.examplenum { font-size: 11pt; text-align: left; }
+div.examplenum { font-size: 11pt; text-align: left; margin-bottom:10px; }
div.column { display: inline-block; width: 50%; vertical-align: top; }
div.example > div:nth-child(2) { clear:left; background-color: #D3E1E4; }
div.example > div:nth-child(3) { clear:right; background-color: #C9CaCE; }
@@ -60,7 +60,18 @@
color: white;
}
#watermark a { color: white; }
-a.dingus { margin-left: 1em; color: red; cursor: pointer; }
+a.dingus {
+ margin-left: 1em;
+ cursor: pointer;
+ line-height: 30px;
+ padding: 4px 7px;
+ color: #FFF;
+ background-color: #33C3F0;
+ box-shadow: 2px 2px 2px rgba(0,0,0,.2);
+ border-color: #4FCAEF;
+ border-bottom: 2px #2A9EC1 solid;
+ border-right: 2px #2A9EC1 solid;
+}
a.footnoteRef > sup:before {
content: "[";
}

0 comments on commit bb6b5ff

Please sign in to comment.