From f50ad4c3e15417ba3eb7d22304944401c466459d Mon Sep 17 00:00:00 2001 From: hyung-hwan Date: Mon, 26 May 2014 01:59:28 +0000 Subject: [PATCH] updated styles of code views --- codepot/src/css/common.css | 166 ++++++++++++++++++++----------------- 1 file changed, 89 insertions(+), 77 deletions(-) diff --git a/codepot/src/css/common.css b/codepot/src/css/common.css index 8dfbdabb..ce03ea58 100644 --- a/codepot/src/css/common.css +++ b/codepot/src/css/common.css @@ -222,7 +222,7 @@ body { } .content .mainarea pre { - padding: .3em .3em .3em .3em; + padding: .3em .3em .3em .3em; border: 1px dashed #BBCCDD; background-color: #F1F1FF; overflow: auto; @@ -291,12 +291,12 @@ body { } .content .mainarea table.wiki th { - background-color: #bbccdd; + background-color: #bbccdd; } .content .mainarea table.wiki td { - vertical-align: top; - border-bottom: 1px dashed #bbccdd; + vertical-align: top; + border-bottom: 1px dashed #bbccdd; } .content .mainarea p.wiki { @@ -315,35 +315,33 @@ body { .content .mainarea pre.prettyprint { /* anything that make prettyprint area different from other pres? */ - background-color: #FFFFFF; + /*background-color: #FFFFFF;*/ + background: white; + font-size: 12px; + line-height: 1.5; + border: 1px solid #ccc; + padding: 10px; + + tab-size: 5; + -moz-tab-size: 5; + -o-tab-size: 5; } -pre.prettyprint .str { color: #080; } -pre.prettyprint .kwd { color: #008; } -pre.prettyprint .com { color: #800; } -pre.prettyprint .typ { color: #606; } -pre.prettyprint .lit { color: #066; } -pre.prettyprint .pun { color: #660; } -pre.prettyprint .pln { color: #000; } -pre.prettyprint .tag { color: #008; } -pre.prettyprint .atn { color: #606; } -pre.prettyprint .atv { color: #080; } -pre.prettyprint .dec { color: #606; } -pre.prettyprint .nocode { - border-right: 1px solid #BBCCDD; - color: #8888FF; -} - -pre.prettyprint .nocode a, -pre.prettyprint .nocode a { - text-decoration: none; - color: #4444FF; -} - -pre.prettyprint .nocode a:hover, -pre.prettyprint .nocode a:hover { - background-color: #BBCCDD; -} +pre.prettyprint .pln { color: #222222; } +pre.prettyprint .str { color: #AA1111; } +pre.prettyprint .kwd { color: #2222ff; } +pre.prettyprint .com { color: #888a88; font-style: italic; } +pre.prettyprint .typ { color: #4271ae; } +pre.prettyprint .lit { color: #f5871f; } +pre.prettyprint .pun { color: #4d4d4c; } +pre.prettyprint .opn { color: #4d4d4c; } +pre.prettyprint .clo { color: #4d4d4c; } +pre.prettyprint .tag { color: #c82829; } +pre.prettyprint .atn { color: #f5871f; } +pre.prettyprint .atv { color: #3e999f; } +pre.prettyprint .dec { color: #f5871f; } +pre.prettyprint .var { color: #c82829; } +pre.prettyprint .fun { color: #4271ae; } /* Specify class=linenums on a pre to get line numbering */ pre.prettyprint ol.linenums { @@ -354,36 +352,49 @@ pre.prettyprint ol.linenums { color: #7E7EAE; } /* IE indents via margin-left */ +/* +pre.prettyprint li.L0, +pre.prettyprint li.L1, +pre.prettyprint li.L2, +pre.prettyprint li.L3, +pre.prettyprint li.L5, +pre.prettyprint li.L6, +pre.prettyprint li.L7, +pre.prettyprint li.L8 { list-style-type: none } +*/ +/* Alternate shading for lines */ +/* +pre.prettyprint li.L1, +pre.prettyprint li.L3, +pre.prettyprint li.L5, +pre.prettyprint li.L7, +pre.prettyprint li.L9 { background: #eee } +*/ @media print { - pre.prettyprint .str { color: #060; } - pre.prettyprint .kwd { color: #006; font-weight: bold; } - pre.prettyprint .com { color: #600; font-style: italic; } - pre.prettyprint .typ { color: #404; font-weight: bold; } - pre.prettyprint .lit { color: #044; } - pre.prettyprint .pun { color: #440; } - pre.prettyprint .pln { color: #000; } - pre.prettyprint .tag { color: #006; font-weight: bold; } - pre.prettyprint .atn { color: #404; } - pre.prettyprint .atv { color: #060; } - pre.prettyprint .nocode a, - pre.prettyprint .nocode a { - text-decoration: none; - color: #4444FF; - } - - pre.prettyprint .nocode a:hover, - pre.prettyprint .nocode a:hover { - background-color: #BBCCDD; - } + pre.prettyprint .pln { color: #222222; } + pre.prettyprint .str { color: #AA1111; } + pre.prettyprint .kwd { color: #2222ff; font-weight: bold; } + pre.prettyprint .com { color: #888a88; font-style: italic; } + pre.prettyprint .typ { color: #4271ae; font-weight: bold; } + pre.prettyprint .lit { color: #f5871f; } + pre.prettyprint .pun { color: #4d4d4c; } + pre.prettyprint .opn { color: #4d4d4c; } + pre.prettyprint .clo { color: #4d4d4c; } + pre.prettyprint .tag { color: #c82829; font-weight: bold; } + pre.prettyprint .atn { color: #f5871f; } + pre.prettyprint .atv { color: #3e999f; } + pre.prettyprint .dec { color: #f5871f; } + pre.prettyprint .var { color: #c82829; } + pre.prettyprint .fun { color: #4271ae; } } .content .infostrip { font-size: 0.9em; - background: #E5ECF9 none repeat scroll 0 0; - border: #D4DBE8 1px solid; - /*background: #DDDDDD none repeat scroll 0 0; + background: #E5ECF9 none repeat scroll 0 0; + border: #D4DBE8 1px solid; + /*background: #DDDDDD none repeat scroll 0 0; border: 1px solid #CCCCCC;*/ margin: 0.3em 0em 0em 0em; @@ -401,22 +412,23 @@ pre.prettyprint ol.linenums { .content .sidebar { font-size: 0.9em; - float: right; - width: 22em; + float: right; + width: 22em; margin-top: 0.3em; } .content .sidebar .box { - /* box in an sidebar to present actual information */ - padding:8px 8px 8px 8px; - margin: 1px 1px 2px 1px; - display:block; + /* box in an sidebar to present actual information */ + padding:8px 8px 8px 8px; + margin: 1px 1px 2px 1px; + display:block; overflow: auto; - background: #E5ECF9 none repeat scroll 0 0; - border: #D4DBE8 1px solid; - /* background: #DDDDDD none repeat scroll 0 0; - border: #CCCCCC 1px solid; */ + /*background: #E5ECF9 none repeat scroll 0 0;*/ + background: #EEEEEE none repeat scroll 0 0; + border: #D4DBE8 1px solid; + /* background: #DDDDDD none repeat scroll 0 0; + border: #CCCCCC 1px solid; */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; @@ -425,28 +437,28 @@ pre.prettyprint ol.linenums { } .content .sidebar .boxtitle { - /* title of an infobox */ - font-weight:bold; - outline-color:-moz-use-text-color; - outline-style:none; - outline-width:0; - padding: 2px; - vertical-align:baseline; - border:0 none; - color:#FFFFFF; - /*background-color: #7777FF;*/ + /* title of an infobox */ + font-weight:bold; + outline-color:-moz-use-text-color; + outline-style:none; + outline-width:0; + padding: 2px; + vertical-align:baseline; + border:0 none; + color:#FFFFFF; + /*background-color: #7777FF;*/ background-color: #4665A2; text-transform: uppercase; } .content .sidebar .boxtitle a { text-decoration: none; - color: #FFFFFF; + color: #FFFFFF; } .content .sidebar .boxtitle a:hover { - /*background-color: #BBBBFF;*/ - color: #8899CC; + /*background-color: #BBBBFF;*/ + color: #8899CC; } .content .sidebar ul {