hyung-hwan/codepot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated styles of code views

Browse Source
This commit is contained in:
hyung-hwan 2014-05-26 01:59:28 +00:00
parent 2fc504b47f
commit f50ad4c3e1
1 changed files with 89 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

166
codepot/src/css/common.css
View File

@ -222,7 +222,7 @@ body {
} }
.content .mainarea pre { .content .mainarea pre {
padding: .3em .3em .3em .3em; padding: .3em .3em .3em .3em;
border: 1px dashed #BBCCDD; border: 1px dashed #BBCCDD;
background-color: #F1F1FF; background-color: #F1F1FF;
overflow: auto; overflow: auto;
@ -291,12 +291,12 @@ body {
} }
.content .mainarea table.wiki th { .content .mainarea table.wiki th {
background-color: #bbccdd; background-color: #bbccdd;
} }
.content .mainarea table.wiki td { .content .mainarea table.wiki td {
vertical-align: top; vertical-align: top;
border-bottom: 1px dashed #bbccdd; border-bottom: 1px dashed #bbccdd;
} }
.content .mainarea p.wiki { .content .mainarea p.wiki {
@ -315,35 +315,33 @@ body {
.content .mainarea pre.prettyprint { .content .mainarea pre.prettyprint {
/* anything that make prettyprint area different from other pres? */ /* 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 .pln { color: #222222; }
pre.prettyprint .kwd { color: #008; } pre.prettyprint .str { color: #AA1111; }
pre.prettyprint .com { color: #800; } pre.prettyprint .kwd { color: #2222ff; }
pre.prettyprint .typ { color: #606; } pre.prettyprint .com { color: #888a88; font-style: italic; }
pre.prettyprint .lit { color: #066; } pre.prettyprint .typ { color: #4271ae; }
pre.prettyprint .pun { color: #660; } pre.prettyprint .lit { color: #f5871f; }
pre.prettyprint .pln { color: #000; } pre.prettyprint .pun { color: #4d4d4c; }
pre.prettyprint .tag { color: #008; } pre.prettyprint .opn { color: #4d4d4c; }
pre.prettyprint .atn { color: #606; } pre.prettyprint .clo { color: #4d4d4c; }
pre.prettyprint .atv { color: #080; } pre.prettyprint .tag { color: #c82829; }
pre.prettyprint .dec { color: #606; } pre.prettyprint .atn { color: #f5871f; }
pre.prettyprint .nocode { pre.prettyprint .atv { color: #3e999f; }
border-right: 1px solid #BBCCDD; pre.prettyprint .dec { color: #f5871f; }
color: #8888FF; pre.prettyprint .var { color: #c82829; }
} pre.prettyprint .fun { color: #4271ae; }
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;
}
/* Specify class=linenums on a pre to get line numbering */ /* Specify class=linenums on a pre to get line numbering */
pre.prettyprint ol.linenums { pre.prettyprint ol.linenums {
@ -354,36 +352,49 @@ pre.prettyprint ol.linenums {
color: #7E7EAE; color: #7E7EAE;
} /* IE indents via margin-left */ } /* 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 { @media print {
pre.prettyprint .str { color: #060; } pre.prettyprint .pln { color: #222222; }
pre.prettyprint .kwd { color: #006; font-weight: bold; } pre.prettyprint .str { color: #AA1111; }
pre.prettyprint .com { color: #600; font-style: italic; } pre.prettyprint .kwd { color: #2222ff; font-weight: bold; }
pre.prettyprint .typ { color: #404; font-weight: bold; } pre.prettyprint .com { color: #888a88; font-style: italic; }
pre.prettyprint .lit { color: #044; } pre.prettyprint .typ { color: #4271ae; font-weight: bold; }
pre.prettyprint .pun { color: #440; } pre.prettyprint .lit { color: #f5871f; }
pre.prettyprint .pln { color: #000; } pre.prettyprint .pun { color: #4d4d4c; }
pre.prettyprint .tag { color: #006; font-weight: bold; } pre.prettyprint .opn { color: #4d4d4c; }
pre.prettyprint .atn { color: #404; } pre.prettyprint .clo { color: #4d4d4c; }
pre.prettyprint .atv { color: #060; } pre.prettyprint .tag { color: #c82829; font-weight: bold; }
pre.prettyprint .nocode a, pre.prettyprint .atn { color: #f5871f; }
pre.prettyprint .nocode a { pre.prettyprint .atv { color: #3e999f; }
text-decoration: none; pre.prettyprint .dec { color: #f5871f; }
color: #4444FF; pre.prettyprint .var { color: #c82829; }
} pre.prettyprint .fun { color: #4271ae; }
pre.prettyprint .nocode a:hover,
pre.prettyprint .nocode a:hover {
background-color: #BBCCDD;
}
} }
.content .infostrip { .content .infostrip {
font-size: 0.9em; font-size: 0.9em;
background: #E5ECF9 none repeat scroll 0 0; background: #E5ECF9 none repeat scroll 0 0;
border: #D4DBE8 1px solid; border: #D4DBE8 1px solid;
/*background: #DDDDDD none repeat scroll 0 0; /*background: #DDDDDD none repeat scroll 0 0;
border: 1px solid #CCCCCC;*/ border: 1px solid #CCCCCC;*/
margin: 0.3em 0em 0em 0em; margin: 0.3em 0em 0em 0em;
@ -401,22 +412,23 @@ pre.prettyprint ol.linenums {
.content .sidebar { .content .sidebar {
font-size: 0.9em; font-size: 0.9em;
float: right; float: right;
width: 22em; width: 22em;
margin-top: 0.3em; margin-top: 0.3em;
} }
.content .sidebar .box { .content .sidebar .box {
/* box in an sidebar to present actual information */ /* box in an sidebar to present actual information */
padding:8px 8px 8px 8px; padding:8px 8px 8px 8px;
margin: 1px 1px 2px 1px; margin: 1px 1px 2px 1px;
display:block; display:block;
overflow: auto; overflow: auto;
background: #E5ECF9 none repeat scroll 0 0; /*background: #E5ECF9 none repeat scroll 0 0;*/
border: #D4DBE8 1px solid; background: #EEEEEE none repeat scroll 0 0;
/* background: #DDDDDD none repeat scroll 0 0; border: #D4DBE8 1px solid;
border: #CCCCCC 1px solid; */ /* background: #DDDDDD none repeat scroll 0 0;
border: #CCCCCC 1px solid; */
-moz-border-radius-bottomleft:2px; -moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px; -moz-border-radius-bottomright:2px;
@ -425,28 +437,28 @@ pre.prettyprint ol.linenums {
} }
.content .sidebar .boxtitle { .content .sidebar .boxtitle {
/* title of an infobox */ /* title of an infobox */
font-weight:bold; font-weight:bold;
outline-color:-moz-use-text-color; outline-color:-moz-use-text-color;
outline-style:none; outline-style:none;
outline-width:0; outline-width:0;
padding: 2px; padding: 2px;
vertical-align:baseline; vertical-align:baseline;
border:0 none; border:0 none;
color:#FFFFFF; color:#FFFFFF;
/*background-color: #7777FF;*/ /*background-color: #7777FF;*/
background-color: #4665A2; background-color: #4665A2;
text-transform: uppercase; text-transform: uppercase;
} }
.content .sidebar .boxtitle a { .content .sidebar .boxtitle a {
text-decoration: none; text-decoration: none;
color: #FFFFFF; color: #FFFFFF;
} }
.content .sidebar .boxtitle a:hover { .content .sidebar .boxtitle a:hover {
/*background-color: #BBBBFF;*/ /*background-color: #BBBBFF;*/
color: #8899CC; color: #8899CC;
} }
.content .sidebar ul { .content .sidebar ul {