More CSS
This commit is contained in:
parent
4854d89dbc
commit
2309c2045e
4 changed files with 33 additions and 24 deletions
|
|
@ -51,7 +51,9 @@ cdEast ord: 1
|
||||||
cdSouth ord: 2
|
cdSouth ord: 2
|
||||||
cdWest ord: 3
|
cdWest ord: 3
|
||||||
3
|
3
|
||||||
|
<EFBFBD>
|
||||||
FF0000
|
FF0000
|
||||||
00FF00
|
00FF00
|
||||||
0000FF
|
0000FF
|
||||||
|
|
||||||
```
|
```
|
||||||
8
content/stylesheets/cotton_candy.css
Normal file
8
content/stylesheets/cotton_candy.css
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
#main code, code * { color: #675D69; }
|
||||||
|
.codehilite .k { color: #143A77; }
|
||||||
|
.codehilite .kp { color: #8C5DC7; }
|
||||||
|
.codehilite .kd { color: #8C5DC7; }
|
||||||
|
.codehilite .mi { color: #8C5DC7; }
|
||||||
|
.codehilite .s { color: #0060B0; }
|
||||||
|
.codehilite .c { color: #91B9A3; }
|
||||||
|
.codehilite .o { color: #009DE7; }
|
||||||
|
|
@ -7,8 +7,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: #E6E6E6;
|
background: #F5F7F6;
|
||||||
color: #2B2B2B;
|
line-height: 20px;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -17,7 +17,7 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link, a:visited{
|
a:link, a:visited{
|
||||||
color: #DE1B1B;
|
color: #B45D47;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
|
|
@ -43,10 +43,9 @@ a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
#main p {
|
#main p {
|
||||||
margin: 20px 0;
|
margin: 20px 0px;
|
||||||
|
margin-right: 1em;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -56,8 +55,6 @@ a:hover {
|
||||||
|
|
||||||
#main li {
|
#main li {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#main ul li {
|
#main ul li {
|
||||||
|
|
@ -67,11 +64,14 @@ a:hover {
|
||||||
#main table, th, td {
|
#main table, th, td {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border: 1px solid #CCC;
|
border: 1px solid #CCC;
|
||||||
background-color: #EEEEEE;
|
background-color: #FFF;
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#main table {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 20px;
|
box-shadow:1px 3px 12px #BBB;
|
||||||
|
margin: 20px 10px 20px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main code, code * {
|
#main code, code * {
|
||||||
|
|
@ -79,9 +79,7 @@ a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
#main code {
|
#main code {
|
||||||
border-radius: 3px;
|
background: #FFFFFF;
|
||||||
border: 1px solid #CCC;
|
|
||||||
background-color: #EEEEEE;
|
|
||||||
padding: 0px 3px;
|
padding: 0px 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -97,11 +95,11 @@ a:hover {
|
||||||
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
word-wrap: break-word; /* Internet Explorer 5.5+ */
|
||||||
|
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
border: 1px solid #CCC;
|
background:#FFF;
|
||||||
background-color: #EEEEEE;
|
box-shadow:1px 3px 12px #BBB;
|
||||||
padding: 20px 10px;
|
padding: 10px 15px;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
margin: 30px 5px
|
margin: 20px 10px 20px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#main span.line-numbers {
|
#main span.line-numbers {
|
||||||
|
|
@ -113,17 +111,17 @@ a:hover {
|
||||||
|
|
||||||
top: 40px;
|
top: 40px;
|
||||||
left: 20px;
|
left: 20px;
|
||||||
width: 175px;
|
width: 211px;
|
||||||
|
|
||||||
padding: 20px 20px 0 0;
|
padding: 20px;
|
||||||
|
|
||||||
border-right: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar h2 {
|
#sidebar h2 {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-size: 13px;
|
font-size: 16px;
|
||||||
color: #333;
|
color: #470000;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
@ -139,7 +137,7 @@ a:hover {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar a.visited:before { /* selected with JS */
|
#sidebar a.visited:after { /* selected with JS */
|
||||||
content: "";
|
content: "";
|
||||||
font-family: "FontAwesome";
|
font-family: "FontAwesome";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,7 @@
|
||||||
<title>Nimrod by Example - <%= @item[:title] %></title>
|
<title>Nimrod by Example - <%= @item[:title] %></title>
|
||||||
<link rel="stylesheet" href="<%= @items['/stylesheets/main/'].path %>">
|
<link rel="stylesheet" href="<%= @items['/stylesheets/main/'].path %>">
|
||||||
<link rel="stylesheet" href="<%= @items['/stylesheets/syntax/'].path %>">
|
<link rel="stylesheet" href="<%= @items['/stylesheets/syntax/'].path %>">
|
||||||
|
<!--<link rel="stylesheet" href="<%= @items['/stylesheets/cotton_candy/'].path %>">-->
|
||||||
<meta name="generator" content="nanoc <%= Nanoc::VERSION %>">
|
<meta name="generator" content="nanoc <%= Nanoc::VERSION %>">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue