new website
This commit is contained in:
Araq
parent
795a7762cc
commit
74fdd5c2ea
30 changed files with 1055 additions and 494 deletions
BIN
web/assets/images/bg.jpg
Normal file
BIN
web/assets/images/bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
BIN
web/assets/images/foot.png
Normal file
BIN
web/assets/images/foot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 784 B |
BIN
web/assets/images/glow-arrow.png
Normal file
BIN
web/assets/images/glow-arrow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
BIN
web/assets/images/glow-line.png
Normal file
BIN
web/assets/images/glow-line.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
web/assets/images/head-link.png
Normal file
BIN
web/assets/images/head-link.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 203 B |
BIN
web/assets/images/head-link_hover.png
Normal file
BIN
web/assets/images/head-link_hover.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 799 B |
BIN
web/assets/images/head.png
Normal file
BIN
web/assets/images/head.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB After Width: | Height: | Size: 114 KiB |
BIN
web/assets/images/mascot.png
Normal file
BIN
web/assets/images/mascot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
web/assets/images/more-links_editors.png
Normal file
BIN
web/assets/images/more-links_editors.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 852 B |
BIN
web/assets/images/more-links_forum.png
Normal file
BIN
web/assets/images/more-links_forum.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 858 B |
BIN
web/assets/images/more-links_github.png
Normal file
BIN
web/assets/images/more-links_github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 713 B |
BIN
web/assets/images/more-links_nimbuild.png
Normal file
BIN
web/assets/images/more-links_nimbuild.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 724 B |
BIN
web/assets/images/quotes.png
Normal file
BIN
web/assets/images/quotes.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 979 B |
Binary file not shown.
|
Before Width: | Height: | Size: 971 B After Width: | Height: | Size: 107 KiB |
BIN
web/assets/images/slideshow-nav.png
Normal file
BIN
web/assets/images/slideshow-nav.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 416 B |
BIN
web/assets/images/slideshow-nav_active.png
Normal file
BIN
web/assets/images/slideshow-nav_active.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 673 B |
BIN
web/assets/images/tabEnd.png
Normal file
BIN
web/assets/images/tabEnd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 194 B |
|
|
@ -1,210 +1,566 @@
|
|||
* { cursor:default; }
|
||||
a, a * { cursor:pointer; text-decoration:none; }
|
||||
|
||||
html, body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:#121220;
|
||||
font:14px arial;
|
||||
letter-spacing:1px;
|
||||
line-height:22px;
|
||||
* { cursor:default; }
|
||||
a, a * { cursor:pointer; }
|
||||
|
||||
html { margin:0; overflow-x:auto; }
|
||||
body {
|
||||
overflow-x:hidden;
|
||||
min-width:1030px;
|
||||
margin:0;
|
||||
font:13pt "arial";
|
||||
background:#152534 url("images/bg.jpg") no-repeat fixed center top; }
|
||||
|
||||
pre { color:#5997AF;}
|
||||
pre, pre * { cursor:text; }
|
||||
pre .cmt { color:#6D6D6D; font-style:italic; }
|
||||
pre .kwd { color:#43A8CF; font-weight:bold; }
|
||||
pre .typ { color:#128B7D; font-weight:bold; }
|
||||
pre .atr { color:#128B7D; font-weight:bold; font-style:italic; }
|
||||
pre .def { color:#CAD6E4; font-weight:bold; font-style:italic; }
|
||||
pre .prg { color:#854D6A; font-weight:bold; font-style:italic; }
|
||||
pre .val { color:#8AB647; font-style:italic; }
|
||||
pre .tab { border-left:1px dotted rgba(67,168,207,0.4); }
|
||||
pre .end { background:url("images/tabEnd.png") no-repeat left bottom; }
|
||||
|
||||
.tall { height:100%; }
|
||||
.pre { padding:0 5px; font:11pt monospace; background:rgba(255,255,255,.15); border-radius:3px; }
|
||||
|
||||
.page-layout { margin:0 auto; width:1000px; }
|
||||
.docs-layout { margin:0 40px; }
|
||||
.talk-layout { margin:0 40px; }
|
||||
.wide-layout { margin:0 auto; }
|
||||
|
||||
#head { height:100px; background:url("images/head.png") repeat-x bottom; }
|
||||
#head.docs { margin-left:280px; background:rgba(0,0,0,.25) url("images/head-fade.png") no-repeat right top; }
|
||||
#head > div { position:relative }
|
||||
|
||||
#head-logo {
|
||||
position:absolute;
|
||||
left:-390px;
|
||||
top:0;
|
||||
width:917px;
|
||||
height:268px;
|
||||
pointer-events:none;
|
||||
background:url("images/logo.png") no-repeat; }
|
||||
#head.docs #head-logo { left:-381px; position:fixed; }
|
||||
#head.forum #head-logo { left:-370px; }
|
||||
|
||||
#head-logo-link {
|
||||
position:absolute;
|
||||
display:block;
|
||||
top:10px;
|
||||
left:10px;
|
||||
width:236px;
|
||||
height:85px; }
|
||||
#head.docs #head-logo-link { left:-260px; }
|
||||
#head.forum #head-logo-link { left:30px; }
|
||||
|
||||
#head-links { position:absolute; right:0; bottom:13px; }
|
||||
#head.docs #head-links,
|
||||
#head.forum #head-links { right:20px; }
|
||||
#head-links > a {
|
||||
display:block;
|
||||
float:left;
|
||||
padding:10px 25px 25px 25px;
|
||||
color:rgba(255,255,255,.5);
|
||||
font-size:14pt;
|
||||
text-decoration:none;
|
||||
letter-spacing:1px;
|
||||
background:url("images/head-link.png") no-repeat center bottom;
|
||||
transition:
|
||||
color 0.3s ease-in-out,
|
||||
text-shadow 0.4s ease-in-out; }
|
||||
#head-links > a:hover,
|
||||
#head-links > a.active {
|
||||
color:#1cb3ec;
|
||||
text-shadow:0 0 4px rgba(28,179,236,.8);
|
||||
background-image:url("images/head-link_hover.png"); }
|
||||
|
||||
#head-banner { width:200px; height:100px; background:#000; }
|
||||
|
||||
#neck { z-index:0; height:40px; }
|
||||
#neck.home { height:370px; }
|
||||
#neck > div { position:relative }
|
||||
|
||||
#glow-arrow {
|
||||
position:absolute;
|
||||
top:-9px;
|
||||
left:0;
|
||||
right:-16px;
|
||||
height:48px;
|
||||
background:url("images/glow-arrow.png") no-repeat right; }
|
||||
glow-arrow.docs { left:280px; }
|
||||
|
||||
#glow-line-vert {
|
||||
position:fixed;
|
||||
top:100px;
|
||||
left:280px;
|
||||
width:3px;
|
||||
height:844px;
|
||||
background:url("images/glow-line-vert.png") no-repeat; }
|
||||
|
||||
#slideshow { position:absolute; top:10px; left:10px; width:700px; }
|
||||
#slideshow > div { visibility:hidden; opacity:0; position:absolute; transition:visibility 0s linear 1s, opacity 1s ease-in-out; }
|
||||
#slideshow > div.active { visibility:visible; opacity:1; transition-delay:0s; }
|
||||
#slideshow > div.init { transition-delay:0s; }
|
||||
#slideshow-nav { z-index:3; position:absolute; top:110px;; right:-12px; }
|
||||
#slideshow-nav > div { margin:5px 0; width:23px; height:23px; background:url("images/slideshow-nav.png") no-repeat; }
|
||||
#slideshow-nav > div:hover { background-image:url("images/slideshow-nav_active.png"); opacity:0.5; }
|
||||
#slideshow-nav > div.active { background-image:url("images/slideshow-nav_active.png"); opacity:1; }
|
||||
|
||||
#slide0 { margin:30px 0 0 10px; }
|
||||
#slide0 > div { float:left; width:320px; font:10pt monospace; }
|
||||
#slide0 > div:first-child { margin:0 40px 0 0; }
|
||||
#slide0 > div > h2 { margin:0 0 5px 0; color:rgba(162,198,223,.78); }
|
||||
#slide0 > div > pre {
|
||||
margin:0;
|
||||
padding:15px 10px;
|
||||
line-height:14pt;
|
||||
background:rgba(0,0,0,.4);
|
||||
border-left:8px solid rgba(0,0,0,.3);
|
||||
box-shadow:1px 2px 16px rgba(28,180,236,.4); }
|
||||
|
||||
#slide1 { margin-top:50px; }
|
||||
#slide1 > p {
|
||||
padding:40px 20px 0 20px;
|
||||
font-style:italic;
|
||||
color:rgba(162,198,223,.78);
|
||||
letter-spacing:1px;
|
||||
line-height:25pt;
|
||||
background:url("images/quotes.png") top left no-repeat; }
|
||||
#slide1 > div {
|
||||
float:right;
|
||||
margin-right:40px;
|
||||
font-style:italic;
|
||||
font-weight:bold;
|
||||
color:rgba(93,155,199,.44); }
|
||||
|
||||
#sidebar {
|
||||
z-index:2;
|
||||
position:absolute;
|
||||
top:5px; right:0;
|
||||
width:275px;
|
||||
height:726px;
|
||||
padding:210px 0 0 0;
|
||||
background:url("images/sidebar.png") no-repeat; }
|
||||
#sidebar > h3 { margin:0 30px 0 30px; color:rgba(255,255,255,.5); }
|
||||
#sidebar > h3.blue { color:rgba(28,180,236,.5); }
|
||||
#sidebar-links,
|
||||
#sidebar-news {
|
||||
margin:10px 30px 50px 30px;
|
||||
padding:10px 0;
|
||||
background:rgba(0,0,0,.6); }
|
||||
#sidebar-links { box-shadow:1px 2px 12px rgba(255,255,255,.4); }
|
||||
#sidebar-news { box-shadow:1px 2px 12px rgba(28,180,236,.6); }
|
||||
#sidebar-links > a {
|
||||
display:block;
|
||||
margin-left:15px;
|
||||
padding:12px 20px 12px 45px;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
letter-spacing:1px;
|
||||
color:rgba(255,255,255,.4);
|
||||
transition:
|
||||
color 0.1s ease-in-out,
|
||||
text-shadow 0.2s ease-in-out; }
|
||||
#sidebar-news > a { transition: color 0.3s ease-in-out; }
|
||||
#sidebar-news > a > h4 { transition: color 0.1s ease-in-out, text-shadow 0.2s ease-in-out; }
|
||||
#sidebar-links > a:hover { color:#fff; text-shadow:0 0 6px #fff; }
|
||||
#sidebar-news > a { display:block; padding:15px; color:rgba(255,255,255,.4); text-decoration:none; }
|
||||
#sidebar-news > a > h4 { margin:0 0 5px 0; color:rgba(28,180,236,.5); }
|
||||
#sidebar-news > a:hover > h4 { margin:0 0 5px 0; color:rgba(28,180,236,.8); text-shadow:0 0 6px rgba(28,180,236,.6); }
|
||||
#sidebar-news > a:hover { color:rgba(255,255,255,1); }
|
||||
#sidebar-news > a.blue { color:rgba(28,180,236,.5); font-weight:bold; }
|
||||
#sidebar-news > a.blue:hover { color:#fff; }
|
||||
|
||||
#link_forum { background:url("images/more-links_forum.png") no-repeat left center; }
|
||||
#link_github { background:url("images/more-links_github.png") no-repeat left center; }
|
||||
#link_editors { background:url("images/more-links_editors.png") no-repeat left center; }
|
||||
#link_aporia { background:url("images/more-links_editors.png") no-repeat left center; }
|
||||
#link_nimbuild { background:url("images/more-links_nimbuild.png") no-repeat left center; }
|
||||
|
||||
#overview-bg {
|
||||
position:fixed;
|
||||
top:0;
|
||||
bottom:0;
|
||||
left:0;
|
||||
width:280px;
|
||||
background:rgba(0,0,0,0.25); }
|
||||
#overview {
|
||||
z-index:3;
|
||||
position:fixed;
|
||||
overflow:auto;
|
||||
top:115px;
|
||||
bottom:20px;
|
||||
left:20px;
|
||||
width:245px; }
|
||||
#overview::-webkit-scrollbar { width:5px; }
|
||||
#overview::-webkit-scrollbar-track { border-radius:2px; background:rgba(255,255,255,.03); }
|
||||
#overview::-webkit-scrollbar-thumb { border-radius:2px; background:rgba(28,179,236,.5); }
|
||||
#overview > div { overflow:auto; margin-bottom:40px; }
|
||||
#overview a {
|
||||
display:block;
|
||||
padding:0 10px;
|
||||
margin:2px 5px 2px 0;
|
||||
color:rgba(255,255,255,.6);
|
||||
background:rgba(255,255,255,0.03);
|
||||
border-radius:2px;
|
||||
letter-spacing:1px;
|
||||
text-decoration:none; }
|
||||
#overview a:hover { color:#fff; background:rgba(255,255,255,0.05); }
|
||||
#overview > .types a { border-left:2px solid rgba(28,179,236,.4); }
|
||||
#overview > .procs a { border-left:2px solid rgba(255,223,53,.4); }
|
||||
#overview > .iters a { border-left:2px solid rgba(255,134,53,.4); }
|
||||
#overview > div > h4 {
|
||||
margin:0 5px 10px 0;
|
||||
padding:5px 10px;
|
||||
letter-spacing:1px;
|
||||
color:#fff;
|
||||
border-left:2px solid #fff;
|
||||
border-radius:2px;
|
||||
background:rgba(255,255,255,0.1); }
|
||||
#overview > .types h4 { color:#1cb3ec; border-color:#1cb3ec; }
|
||||
#overview > .procs h4 { color:#ffdf35; border-color:#ffdf35; }
|
||||
#overview > .iters h4 { color:#ff8635; border-color:#ff8635; }
|
||||
#overview h5 {
|
||||
color:rgba(28,179,236,.6);
|
||||
margin:10px 0 5px 0;
|
||||
padding:5px 5px;
|
||||
letter-spacing:1px; }
|
||||
|
||||
#body { z-index:1; position:relative; background:rgba(220,231,248,.6); }
|
||||
#body.docs { margin:0 40px 20px 320px; }
|
||||
#body.forum { margin:0 40px 20px 40px; }
|
||||
|
||||
#body-border {
|
||||
position:absolute;
|
||||
top:-25px;
|
||||
left:0;
|
||||
right:0;
|
||||
height:35px;
|
||||
background:rgba(0,0,0,.25); }
|
||||
|
||||
#body-border-left {
|
||||
position:absolute;
|
||||
left:-25px;
|
||||
top:-25px;
|
||||
bottom:-25px;
|
||||
width:35px;
|
||||
background:rgba(0,0,0,.25); }
|
||||
|
||||
#body-border-right {
|
||||
position:absolute;
|
||||
right:-25px;
|
||||
top:-25px;
|
||||
bottom:-25px;
|
||||
width:35px;
|
||||
background:rgba(0,0,0,.25); }
|
||||
|
||||
#body-border-bottom {
|
||||
position:absolute;
|
||||
left:10px;
|
||||
right:10px;
|
||||
bottom:-25px;
|
||||
height:35px;
|
||||
background:rgba(0,0,0,.25); }
|
||||
|
||||
#body.docs #body-border,
|
||||
#body.forum #body-border { left:10px; right:10px; }
|
||||
|
||||
#glow-line {
|
||||
position:absolute;
|
||||
top:-27px;
|
||||
left:100px;
|
||||
right:-25px;
|
||||
height:3px;
|
||||
background:url("images/glow-line.png") no-repeat left; }
|
||||
#glow-line-bottom {
|
||||
position:absolute;
|
||||
bottom:-27px;
|
||||
left:-25px;
|
||||
right:100px;
|
||||
height:3px;
|
||||
background:url("images/glow-line2.png") no-repeat right; }
|
||||
|
||||
#content { padding:40px 0; line-height:150%; }
|
||||
#content.page { width:680px; min-height:800px; padding-left:20px; }
|
||||
#content h1 { font-size:20pt; letter-spacing:1px; color:rgba(0,0,0,.75); }
|
||||
#content h2 { font-size:16pt; letter-spacing:1px; color:rgba(0,0,0,.7); margin-top:40px; }
|
||||
#content p { text-align:justify; color:rgba(0,0,0,.8); }
|
||||
#content a { color:#CEDAE9; text-decoration:none; }
|
||||
#content a:hover { color:#fff; }
|
||||
#content ul { padding-left:20px; }
|
||||
#content li { margin-bottom:10px; text-align:justify; }
|
||||
|
||||
#body.docs #content > div { margin-top:40px; padding-top:40px; border-top:1px dashed rgba(0,0,0,.25); }
|
||||
#body.docs #content > div:first-child { margin-top:0; padding-top:0; border:none; }
|
||||
#body.docs #content > div > h3 {
|
||||
color:#fff;
|
||||
margin:0 0 10px 0;
|
||||
padding:10px 20px;
|
||||
letter-spacing:1px;
|
||||
border-left:8px solid #fff;
|
||||
border-radius:3px;
|
||||
background:rgba(0,0,0,.7);
|
||||
box-shadow:1px 3px 12px rgba(0,0,0,.4); }
|
||||
#body.docs #content > #types-wrap > h3 { color:#1cb3ec; border-color:#1cb3ec; }
|
||||
#body.docs #content > #procs-wrap > h3 { color:#ffdf35; border-color:#ffdf35; }
|
||||
#body.docs #content > #iters-wrap > h3 { color:#ff8635; border-color:#ff8635; }
|
||||
#body.docs #content > div > div > div {
|
||||
overflow:auto;
|
||||
margin:10px 0;
|
||||
border-left:8px solid #fff;
|
||||
border-radius:3px;
|
||||
background:rgba(0,0,0,.1); }
|
||||
#body.docs #content > #types-wrap > div > div { border-color:rgba(28,179,236,.5); }
|
||||
#body.docs #content > #procs-wrap > div > div { border-color:rgba(255,223,53,.5); }
|
||||
#body.docs #content > #iters-wrap > div > div { border-color:rgba(255,134,53,.5); }
|
||||
#body.docs #content > #procs-wrap > div > div.overload-head { margin-bottom:0; }
|
||||
#body.docs #content > #procs-wrap > div > div.overload-tail { margin-top:0; border-top:1px dashed rgba(255,223,53,.5); }
|
||||
#body.docs #content > #procs-wrap > div > div.overload { margin-top:0; margin-bottom:0; border-top:1px dashed rgba(255,223,53,.5); }
|
||||
#body.docs #content > #iters-wrap > div > div.overload-head { margin-bottom:0; }
|
||||
#body.docs #content > #iters-wrap > div > div.overload-tail { margin-top:0; border-top:1px dashed rgba(255,134,53,.5); }
|
||||
#body.docs #content > #iters-wrap > div > div.overload { margin-top:0; margin-bottom:0; border-top:1px dashed rgba(255,134,53,.5); }
|
||||
#body.docs #content > div > div > p { margin:20px 10px 10px 10px; }
|
||||
|
||||
#body.docs #content > div > div > div > div { float:left; }
|
||||
#body.docs #content > div > div > div > div.head { width:60%; }
|
||||
#body.docs #content > div > div > div > div.data { width:40%; }
|
||||
|
||||
#body.docs #content > h1 > .symbol {
|
||||
padding:0 8px;
|
||||
border-radius:5px;
|
||||
background:rgba(206,218,233,.4); }
|
||||
|
||||
#body.docs #content > div > div > div > div.head > .sign {
|
||||
margin:0 10px 5px 10px;
|
||||
padding:10px 10px 0 10px;
|
||||
font-weight:bold;
|
||||
border-bottom:1px dashed rgba(0,0,0,.25); }
|
||||
#body.docs #content > div > div > div > div.head > .desc {
|
||||
padding:0 20px 10px 20px;
|
||||
color:rgba(0,0,0,.75); }
|
||||
#body.docs #content > div > #types > div > div.head > .sign > .symbol {
|
||||
padding:0 5px;
|
||||
border-radius:3px;
|
||||
background:rgba(28,179,236,.4); }
|
||||
#body.docs #content > div > #procs > div > div.head > .sign > .symbol {
|
||||
padding:0 5px;
|
||||
border-radius:3px;
|
||||
background:rgba(255,223,53,.3); }
|
||||
#body.docs #content > div > #iters > div > div.head > .sign > .symbol {
|
||||
padding:0 5px;
|
||||
border-radius:3px;
|
||||
background:rgba(255,134,53,.3); }
|
||||
|
||||
#body.docs #content > div > div > div > div.data > div {
|
||||
margin:0 20px 5px 10px;
|
||||
padding:10px 0 0 10px;
|
||||
font-style:italic;
|
||||
color:rgba(0,0,0,.6);
|
||||
border-bottom:1px dashed rgba(0,0,0,.25); }
|
||||
#body.docs #content > div > div > div > div.data > ul { margin:0; padding:0 10px; }
|
||||
#body.docs #content > div > div > div > div.data > ul:last-child { margin-bottom:5px; padding-bottom:10px; }
|
||||
#body.docs #content > div > div > div > div.data > ul .symbol { padding:0 5px; border-radius:3px; background:rgba(23,192,23,.25); }
|
||||
#body.docs #content > div > div > div > div.data > ul.pragmas .symbol { background:rgba(106,50,145,.25); }
|
||||
#body.docs #content > div > div > div > div.data > ul > li { margin:0; padding:0 10px; list-style:none; }
|
||||
|
||||
#body.docs #content pre {
|
||||
overflow:auto;
|
||||
margin:10px 0;
|
||||
padding:15px 10px;
|
||||
font-size:10pt;
|
||||
font-style:normal;
|
||||
line-height:14pt;
|
||||
background:rgba(0,0,0,.75);
|
||||
border-left:8px solid rgba(0,0,0,.3); }
|
||||
|
||||
#docs-sort { float:right; font-size:75%; }
|
||||
#docs-sort > a {
|
||||
cursor:default;
|
||||
margin:0 0 0 10px;
|
||||
padding:2px 10px;
|
||||
border-radius:5px;
|
||||
color:rgba(0,0,0,.25);
|
||||
background:rgba(0,0,0,.1);
|
||||
box-shadow:inset 0 1px 8px rgba(0,0,0,.4); }
|
||||
#docs-sort > a:hover,
|
||||
#docs-sort > a.active { color:#000; background:rgba(0,0,0,.2); }
|
||||
|
||||
#talk-heads { overflow:auto; margin:0 8px 0 8px; }
|
||||
#talk-heads > div { float:left; font-size:120%; font-weight:bold; }
|
||||
#talk-heads > .topic { width:55%; }
|
||||
#talk-heads > .detail { width:15%; }
|
||||
#talk-heads > .author { width:15%; }
|
||||
#talk-heads > .reply { width:15%; }
|
||||
#talk-heads > div > div { margin:0 10px 10px 10px; padding:0 10px 10px 10px; border-bottom:1px dashed rgba(0,0,0,0.4); }
|
||||
#talk-heads > .topic > div { margin-left:0; }
|
||||
#talk-heads > .author > div { margin-right:0; }
|
||||
|
||||
#talk-thread > div,
|
||||
#talk-threads > div {
|
||||
position:relative;
|
||||
margin:5px 0;
|
||||
overflow:auto;
|
||||
border-radius:3px;
|
||||
border:8px solid rgba(0,0,0,.8);
|
||||
border-top:none;
|
||||
border-bottom:none;
|
||||
background:rgba(0,0,0,0.1); }
|
||||
#talk-thread > div:nth-child(odd) { background:rgba(255,255,255,0.1); }
|
||||
#talk-threads > div:nth-child(odd) { background:rgba(0,0,0,0.2); }
|
||||
#talk-thread > div > div,
|
||||
#talk-threads > div > div { float:left; }
|
||||
#talk-thread > div > div > div,
|
||||
#talk-threads > div > div > div { margin:10px 20px; }
|
||||
#talk-threads > div > .topic { width:55%; }
|
||||
#talk-threads > div > .reply { width:15%; overflow:hidden; }
|
||||
#talk-threads > div > .detail { width:15%; overflow:hidden; }
|
||||
#talk-thread > div > .author,
|
||||
#talk-threads > div > .author {
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
bottom:0;
|
||||
width:15%;
|
||||
overflow:hidden;
|
||||
background:rgba(0,0,0,0.8); }
|
||||
#talk-thread > div > .author a,
|
||||
#talk-threads > div > .author a { color:#1cb3ec !important; }
|
||||
#talk-thread > div > .author a:hover,
|
||||
#talk-threads > div > .author a:hover { color:#fff !important; }
|
||||
#talk-threads > div > .topic .pages { float:right; }
|
||||
#talk-threads > div > .topic > div > a { font-weight:bold; }
|
||||
#talk-threads > div > .detail > div { float:left; margin:0; }
|
||||
#talk-threads > div > .detail > div > div { margin-left:20px; padding:10px 10px 10px 22px; }
|
||||
#talk-threads > div > .detail > div { width:50%; }
|
||||
#talk-threads > div > .detail > div:first-child > div { background:url("images/forum-views.png") no-repeat left; }
|
||||
#talk-threads > div > .detail > div:last-child > div { background:url("images/forum-posts.png") no-repeat left; }
|
||||
|
||||
#talk-thread > div { margin:20px 0; min-height:150px; box-shadow:1px 3px 12px rgba(0,0,0,.4) }
|
||||
#talk-thread > div > .author > div > .avatar { margin-top:20px; }
|
||||
#talk-thread > div > .author > div > .avatar > img { box-shadow:0 0 12px #1cb3ec; }
|
||||
#talk-thread > div > .author > div > .name { }
|
||||
#talk-thread > div > .topic { width:85%; padding-bottom:10px; }
|
||||
#talk-thread > div > .topic pre {
|
||||
overflow:auto;
|
||||
margin:0;
|
||||
padding:15px 10px;
|
||||
font-size:10pt;
|
||||
font-style:normal;
|
||||
line-height:14pt;
|
||||
background:rgba(0,0,0,.75);
|
||||
border-left:8px solid rgba(0,0,0,.3); }
|
||||
|
||||
#talk-head,
|
||||
#talk-info {
|
||||
overflow:auto;
|
||||
border-radius:3px;
|
||||
border:8px solid rgba(0,0,0,.2);
|
||||
border-top:none;
|
||||
border-bottom:none;
|
||||
background:rgba(0,0,0,0.1); }
|
||||
#talk-head { margin-bottom:20px; }
|
||||
#talk-info { margin-top:20px; }
|
||||
#talk-head > div,
|
||||
#talk-info > div { float:left; }
|
||||
#talk-head > .info,
|
||||
#talk-info > .info { width:85%; }
|
||||
#talk-head > .user,
|
||||
#talk-info > .user { width:15%; background:rgba(0,0,0,.2); }
|
||||
#talk-info > .user > div > .reply { font-weight:bold; padding-left:22px; background:url("images/forum-reply.png") no-repeat left; }
|
||||
#talk-head > div > div,
|
||||
#talk-info > div > div { padding:5px 20px; }
|
||||
#talk-head > .detail > div { float:left; margin:0; }
|
||||
#talk-head > .detail > div > div { padding-left:22px; }
|
||||
#talk-head > .detail > div:first-child > div { background:url("images/forum-views.png") no-repeat left; }
|
||||
#talk-head > .detail > div:last-child > div { background:url("images/forum-posts.png") no-repeat left; }
|
||||
|
||||
#talk-nav { margin:20px 8px 0 8px; padding-top:10px; border-top:1px dashed rgba(0,0,0,0.4); text-align:center; }
|
||||
#talk-nav > a.active { text-decoration:underline !important; }
|
||||
|
||||
.standout {
|
||||
padding:5px 30px;
|
||||
margin-bottom:20px;
|
||||
border:8px solid rgba(0,0,0,.8);
|
||||
border-right-width:16px;
|
||||
border-top-width:0;
|
||||
border-bottom-width:0;
|
||||
border-radius:3px;
|
||||
background:rgba(0,0,0,0.1);
|
||||
box-shadow:1px 3px 12px rgba(0,0,0,.4); }
|
||||
.standout h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed rgba(0,0,0,.8); }
|
||||
.standout li { margin:0 !important; padding-top:10px; border-top:1px dashed rgba(0,0,0,.2); }
|
||||
.standout ul { padding-bottom:5px; }
|
||||
.standout ul.tools { list-style:url("images/docs-tools.png"); }
|
||||
.standout ul.library { list-style:url("images/docs-library.png"); }
|
||||
.standout ul.internal { list-style:url("images/docs-internal.png"); }
|
||||
.standout ul.tutorial { list-style:url("images/docs-tutorial.png"); }
|
||||
.standout ul.example { list-style:url("images/docs-example.png"); }
|
||||
.standout li:first-child { padding-top:0; border-top:none; }
|
||||
.standout li p { margin:0 0 10px 0 !important; line-height:130%; }
|
||||
.standout li > a { font-weight:bold; }
|
||||
|
||||
.forum-user-info,
|
||||
.forum-user-info * { cursor:help }
|
||||
|
||||
#foot { height:150px; position:relative; top:-10px; letter-spacing:1px; }
|
||||
#foot.home { background:url("images/foot.png") repeat-x top; height:200px; }
|
||||
#foot.docs { margin-left:320px; margin-right:40px; }
|
||||
#foot.forum { margin-left:40px; margin-right:40px; }
|
||||
#foot > div { position:relative; }
|
||||
#foot.home > div { width:960px; }
|
||||
#foot h4 { font-size:11pt; color:rgba(255,255,255,.4); margin:40px 0 6px 0; }
|
||||
#foot a:hover { color:#fff; }
|
||||
|
||||
#foot-links { float:left; }
|
||||
#foot-links > div { float:left; padding:0 40px 0 0; line-height:120%; }
|
||||
#foot-links a { display:block; font-size:10pt; color:rgba(255,255,255,.3); text-decoration:none; }
|
||||
#foot-legal { float:right; font-size:10pt; color:rgba(255,255,255,.3); line-height:150%; text-align:right; }
|
||||
#foot-legal a { color:inherit; text-decoration:none; }
|
||||
#foot-legal > h4 > a { color:inherit; }
|
||||
|
||||
#mascot {
|
||||
z-index:2;
|
||||
position:absolute;
|
||||
top:-340px;
|
||||
right:25px;
|
||||
width:202px;
|
||||
height:319px;
|
||||
background:url("images/mascot.png") no-repeat; }
|
||||
|
||||
|
||||
#body pre {
|
||||
padding:20px;
|
||||
border-left:10px solid #8f9698;
|
||||
background:#f3f6f8;
|
||||
font-size:15px;
|
||||
font-family:courier, monospace;
|
||||
letter-spacing:0;
|
||||
line-height:17px;
|
||||
color: #343739;
|
||||
}
|
||||
|
||||
#site { z-index:0; position:relative; margin:0 auto; width:960px; }
|
||||
#site > dive { position:relative; }
|
||||
#body span.pre {
|
||||
background-color: #8396A4; /* #E6EDF2; */
|
||||
padding: 1pt 3pt;
|
||||
border-radius: 2pt;
|
||||
-moz-border-radius: 2pt;
|
||||
-webkit-border-radius: 2pt;
|
||||
}
|
||||
|
||||
/* site_head */
|
||||
#site_head { z-index:0; height:200px; }
|
||||
|
||||
#logo {
|
||||
z-index:-1;
|
||||
position:absolute;
|
||||
top:-35px;
|
||||
left:-330px;
|
||||
width:868px;
|
||||
height:334px;
|
||||
background:url("images/logo.png") no-repeat;
|
||||
}
|
||||
|
||||
/* site_neck */
|
||||
#site_neck { z-index:1; float:left; width:100%; height:40px; background:url("images/site_neck.png") bottom no-repeat; }
|
||||
|
||||
#site_neck > a {
|
||||
display:block;
|
||||
float:left;
|
||||
margin-top:3px;
|
||||
margin-right:10px;
|
||||
padding:4px 20px 0 20px;
|
||||
height:28px;
|
||||
color:#959a9b;
|
||||
background:#394649;
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
#site_neck > a:hover {
|
||||
margin-top:0;
|
||||
border-top:3px solid #1cb4ec;
|
||||
}
|
||||
|
||||
#site_neck > a.active {
|
||||
margin-top:0;
|
||||
padding-top:7px;
|
||||
color:#fff;
|
||||
background:#1cb4ec;
|
||||
text-shadow:0 0 4px rgba(255,255,255,0.75);
|
||||
}
|
||||
|
||||
#site_neck > a.active:hover {
|
||||
border-top:none;
|
||||
}
|
||||
|
||||
/* site_body */
|
||||
#site_body { z-index:2; float:left; clear:both; width:100%; background:#d1dbe3; }
|
||||
|
||||
#page { position:relative; float:left; padding:20px 30px 50px 50px; width:620px; color:#343739; }
|
||||
|
||||
#page h1 { margin-top:40px; line-height: 28px; }
|
||||
#page h2 { margin-top:40px; }
|
||||
|
||||
#page p { text-align:justify; }
|
||||
|
||||
#page .quote-image {
|
||||
z-index:0;
|
||||
position:absolute;
|
||||
top:15px;
|
||||
left:20px;
|
||||
width:59px;
|
||||
height:42px;
|
||||
background:url("images/quote.png") no-repeat;
|
||||
}
|
||||
|
||||
#page p.quote {
|
||||
position:relative;
|
||||
color:#6187a2;
|
||||
font-style:italic;
|
||||
letter-spacing:2px;
|
||||
word-spacing:1px;
|
||||
}
|
||||
|
||||
#page pre {
|
||||
padding:20px;
|
||||
border-left:10px solid #8f9698;
|
||||
background:#f3f6f8;
|
||||
font-size:15px;
|
||||
font-family:courier, monospace;
|
||||
letter-spacing:0;
|
||||
line-height:17px;
|
||||
}
|
||||
|
||||
#page span.pre {
|
||||
background-color: #E6EDF2;
|
||||
padding: 1pt 3pt;
|
||||
border-radius: 2pt;
|
||||
-moz-border-radius: 2pt;
|
||||
-webkit-border-radius: 2pt;
|
||||
}
|
||||
|
||||
#page pre > .Comment { color:#858686; font-style:italic; }
|
||||
#page pre > .Keyword { color:#1cb4ec; font-weight:bold; }
|
||||
#page pre > .Operator { color:#777; }
|
||||
#page pre > .StringLit, #page pre > .DecNumber { color:#ff7302; }
|
||||
|
||||
#page li { margin-top:10px; }
|
||||
|
||||
#page a:hover { text-decoration: underline; }
|
||||
|
||||
#page table.docutils {
|
||||
background: none repeat scroll 0 0 #F3F6F8;
|
||||
border-collapse: collapse;
|
||||
font-size: 8pt;
|
||||
text-align: left;
|
||||
width: 480px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
#page .docutils th {
|
||||
border-bottom: 2px solid #1a1a1a;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
padding: 8px 8px;
|
||||
}
|
||||
|
||||
#page .docutils td {
|
||||
padding: 3px 8px;
|
||||
color: #4d4d4d;
|
||||
}
|
||||
|
||||
#sidebar_wrap { float:right; width:260px; }
|
||||
#sidebar {
|
||||
z-index:0;
|
||||
position:relative;
|
||||
left:20px;
|
||||
padding:0 10px 60px 10px;
|
||||
width:200px;
|
||||
background:#394649 url("images/sidebar.png") bottom no-repeat;
|
||||
}
|
||||
|
||||
#sidebar_head {
|
||||
z-index:-1;
|
||||
position:absolute;
|
||||
top:-220px;
|
||||
left:-30px;
|
||||
width:282px;
|
||||
height:400px;
|
||||
background:url("images/sidebar_head.png") top no-repeat;
|
||||
}
|
||||
|
||||
#sidebar > h2 {
|
||||
position:relative;
|
||||
left:-40px;
|
||||
margin:20px 0 0 0;
|
||||
padding:19px 0 0 48px;
|
||||
width:204px;
|
||||
height:47px;
|
||||
color:#fff;
|
||||
background:url("images/sidebar_h2.png") no-repeat;
|
||||
text-shadow:0 0 4px rgba(255,255,255,0.75);
|
||||
letter-spacing:2px;
|
||||
}
|
||||
|
||||
#sidebar > .news { display:block; margin-bottom:20px; padding:0 10px; }
|
||||
#sidebar > .news > h3 { margin:0; color:#cdd1d1; font-size:18px; letter-spacing:2px; }
|
||||
#sidebar > .news > p { margin:0; color:#99a0a1; }
|
||||
#sidebar > .news:hover > h3 { color:#fff; text-shadow:0 0 4px rgba(255,255,255,0.75); }
|
||||
#sidebar > .news:hover > p { color:#eee; text-shadow:0 0 4px rgba(255,255,255,0.5); }
|
||||
|
||||
#sidebar > .link {
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:15px 20px 0 20px;
|
||||
height:41px;
|
||||
color:#cdd1d1;
|
||||
font-size:18px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#sidebar > .link:hover {
|
||||
color:#fff;
|
||||
text-shadow:0 0 4px rgba(255,255,255,0.75);
|
||||
}
|
||||
|
||||
#link_forum { background:url("images/link_forum.png") top right no-repeat; }
|
||||
#link_aporia { background:url("images/link_aporia.png") top right no-repeat; }
|
||||
#link_nimbuild { background:url("images/link_nimbuild.png") top right no-repeat; }
|
||||
|
||||
/* site_foot */
|
||||
#site_foot { z-index:3; clear:both; padding-top:40px; height:150px; background:url("images/site_foot.png") top no-repeat; }
|
||||
|
||||
#legal {
|
||||
float:right;
|
||||
margin-top:10px;
|
||||
color:#88888f;
|
||||
font-size:12px;
|
||||
letter-spacing:1px;
|
||||
}
|
||||
|
||||
#legal > a { color:#88888f; }
|
||||
#legal > a:visited { color:#88888f; }
|
||||
#legal > a:hover { color:#fff; }
|
||||
#body pre > .Comment { color:#858686; font-style:italic; }
|
||||
#body pre > .Keyword { color:#1cb4ec; font-weight:bold; }
|
||||
#body pre > .Operator { color:#777; }
|
||||
#body pre > .StringLit, #page pre > .DecNumber { color:#ff7302; }
|
||||
|
||||
#body .docutils th {
|
||||
border-bottom: 2px solid #1A1A1A;
|
||||
font-weight: normal;
|
||||
padding: 8px;
|
||||
}
|
||||
#body table.docutils {
|
||||
border-collapse: collapse;
|
||||
text-align: left;
|
||||
border-spacing: 0px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue