[static-web] wiki: Add style for code blocks on gnome-responsive theme

[Tom Tryfonidis <tomtryf src gnome org>]

commit a441e140ab11984c227d6f1eacc55c5fcb9de4a4
Author: Tom Tryfonidis <tomtryf gnome org>
Date:   Sat May 13 14:12:17 2017 +0300

    wiki: Add style for code blocks on gnome-responsive theme

 wiki.gnome.org/gnome-responsive/css/common.css |   13 +++++++---
 wiki.gnome.org/gnome-responsive/css/lock.svg   |   31 ++++++++++++++++++++++++
 wiki.gnome.org/gnome-responsive/css/screen.css |   14 +++++++----
 3 files changed, 49 insertions(+), 9 deletions(-)
---
diff --git a/wiki.gnome.org/gnome-responsive/css/common.css b/wiki.gnome.org/gnome-responsive/css/common.css
index c75db09..5b9e05b 100644
--- a/wiki.gnome.org/gnome-responsive/css/common.css
+++ b/wiki.gnome.org/gnome-responsive/css/common.css
@@ -30,12 +30,13 @@ dt {
     font-weight: bold;
 }
 
-pre {
-    padding: 0.5em;
+pre, tt {
+    padding: 9.5px;
     font-family: courier, monospace;
-    border: 1px solid #c0c0c0;
-    background: #F0ECE6;
+    border: 1px solid #ccc;
+    background: #f5f5f5;
     white-space: pre;
+    border-radius: 4px;
     /* begin css 3 or browser specific rules - do not remove!
     see: http://forums.techguy.org/archive/index.php/t-249849.html */
     white-space: pre-wrap;
@@ -46,6 +47,10 @@ pre {
     /* end css 3 or browser specific rules */
 }
 
+tt {
+
+}
+
 table {
     margin: 0.5em 0;
     border-collapse: collapse;
diff --git a/wiki.gnome.org/gnome-responsive/css/lock.svg b/wiki.gnome.org/gnome-responsive/css/lock.svg
new file mode 100644
index 0000000..eb7773e
--- /dev/null
+++ b/wiki.gnome.org/gnome-responsive/css/lock.svg
@@ -0,0 +1,31 @@
+<?xml version='1.0' encoding='UTF-8' standalone='no'?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg xmlns:cc='http://creativecommons.org/ns#' xmlns:dc='http://purl.org/dc/elements/1.1/' 
sodipodi:docname='network-wireless-encrypted-symbolic.svg' 
inkscape:export-filename='/home/sam/dev/RESOURCES/gnome-icon-theme-symbolic/src/gnome-stencils.png' 
inkscape:export-xdpi='90' inkscape:export-ydpi='90' height='16' id='svg7384' 
xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' 
xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns#' 
xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:svg='http://www.w3.org/2000/svg' 
version='1.1' inkscape:version='0.48.4 r9939' width='16' xmlns='http://www.w3.org/2000/svg'>
+  <metadata id='metadata90'>
+    <rdf:RDF>
+      <cc:Work rdf:about=''>
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/>
+        <dc:title>Gnome Symbolic Icon Theme</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview inkscape:bbox-nodes='false' inkscape:bbox-paths='true' bordercolor='#666666' 
borderopacity='1' inkscape:current-layer='layer9' inkscape:cx='-77.288247' inkscape:cy='-49.683222' 
gridtolerance='10' inkscape:guide-bbox='true' guidetolerance='10' id='namedview88' 
inkscape:object-nodes='false' inkscape:object-paths='false' objecttolerance='10' pagecolor='#3a3b39' 
inkscape:pageopacity='1' inkscape:pageshadow='2' showborder='false' showgrid='true' showguides='true' 
inkscape:snap-bbox='true' inkscape:snap-bbox-midpoints='false' inkscape:snap-global='true' 
inkscape:snap-grids='true' inkscape:snap-nodes='true' inkscape:snap-others='false' 
inkscape:snap-to-guides='true' inkscape:window-height='1401' inkscape:window-maximized='1' 
inkscape:window-width='2560' inkscape:window-x='2560' inkscape:window-y='0' inkscape:zoom='1'>
+    <inkscape:grid dotted='false' empspacing='2' enabled='true' id='grid4866' originx='-160px' 
originy='-60px' snapvisiblegridlinesonly='true' spacingx='1px' spacingy='1px' type='xygrid' visible='true'/>
+  </sodipodi:namedview>
+  <title id='title9167'>Gnome Symbolic Icon Theme</title>
+  <defs id='defs7386'/>
+  <g inkscape:groupmode='layer' id='layer9' inkscape:label='status' style='display:inline' 
transform='translate(-401.0002,-157)'>
+    
+    <path inkscape:connector-curvature='0' d='m 408.0002,158 c -1.6447,0 -3,1.3553 -3,3 l 0,3 -1,0 c 
-0.554,0 -1,0.446 -1,1 l 0,0.53125 0,5.46875 5,0 2,0 5,0 0,-5.46875 0,-0.53125 c 0,-0.554 -0.446,-1 -1,-1 l 
-1,0 0,-3 c 0,-1.6447 -1.3553,-3 -3,-3 l -2,0 z m 0,2 2,0 c 0.5713,0 1,0.4287 1,1 l 0,3 -4,0 0,-3 c 0,-0.5713 
0.4287,-1 1,-1 z' id='path4215' 
style='color:#bebebe;fill:#bebebe;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible'/>
+  </g>
+  <g inkscape:groupmode='layer' id='layer10' inkscape:label='devices' style='display:inline' 
transform='translate(-401.0002,-157)'/>
+  <g inkscape:groupmode='layer' id='layer11' inkscape:label='apps' transform='translate(-401.0002,-157)'/>
+  <g inkscape:groupmode='layer' id='layer13' inkscape:label='places' style='display:inline' 
transform='translate(-401.0002,-157)'/>
+  <g inkscape:groupmode='layer' id='layer14' inkscape:label='mimetypes' 
transform='translate(-401.0002,-157)'/>
+  <g inkscape:groupmode='layer' id='layer15' inkscape:label='emblems' style='display:inline' 
transform='translate(-401.0002,-157)'/>
+  <g inkscape:groupmode='layer' id='g71291' inkscape:label='emotes' style='display:inline' 
transform='translate(-401.0002,-157)'/>
+  <g inkscape:groupmode='layer' id='g4953' inkscape:label='categories' style='display:inline' 
transform='translate(-401.0002,-157)'/>
+  <g inkscape:groupmode='layer' id='layer12' inkscape:label='actions' style='display:inline' 
transform='translate(-401.0002,-157)'/>
+</svg>
diff --git a/wiki.gnome.org/gnome-responsive/css/screen.css b/wiki.gnome.org/gnome-responsive/css/screen.css
index 8a6a522..2004669 100644
--- a/wiki.gnome.org/gnome-responsive/css/screen.css
+++ b/wiki.gnome.org/gnome-responsive/css/screen.css
@@ -206,7 +206,6 @@ form.dialog {
     position: fixed;
     right: -190px;
     top: 70px;
-    color: #666;
     background-color: #f5f5f5;
     padding: 0;
 }
@@ -241,10 +240,6 @@ form.dialog {
    background: #5698DB ;
 }
 
-#side_editbar ul li:first-child:hover {
-    color: #666;
-}
-
 /* Editbar Menu Items */
 
 #side_editbar ul li a.nbattachments {
@@ -259,6 +254,15 @@ form.dialog {
     background: transparent url(insert-link.svg)  2% 60% no-repeat;
 }
 
+#side_editbar ul li a.nbsubscribe {
+    background: transparent url(subscribe.svg)  2% 60% no-repeat;
+}
+
+#side_editbar ul li .disabled {
+    background: transparent url(lock.svg)  6% 60% no-repeat;
+    padding-left: 44px;
+}
+
 #side_editbar ul li form.actionsmenu {
     background: transparent url(more.svg)  2% 60%  no-repeat;
 }