html {
width: 100%;
height: 100%;
display: table;
background: #000 url('kosmos/galaxy.jpg') center;
}
/*
http://33.media.tumblr.com/47a3cb657b9d2b02a12b4cf4de3d2d96/tumblr_njfzcnhpJZ1qaxtn3o1_500.gif') center;
*/
html.edit {
background: radial-gradient(ellipse farthest-side at 50% 0%, #FFFEFA 0%, rgba(255, 255, 0, 0) 91%) repeat scroll 0 0%, radial-gradient(circle at 38% 62%, #FFF0FF 0%, #F8E2F8 100%) repeat scroll 0 0 transparent
}
body { padding:8px 4cm 8px 3cm; margin:0; display: table-cell; vertical-align: middle; }
section { display:none; }
section:active, section:focus { display:block; }
section, nav a, button, .graph a, .os-btn {
border: 2px outset rgb(240,250,255);
border-radius: 3px;
background: #D4D6E3 url('kosmos/metal.jpg');
color: rgba(149, 154, 158, 0.3);
text-shadow: 1px 1px 3px #eef, 0 0 0 #000, 1px 1px 3px #eef;
}
textarea {
border: 2px inset rgb(240,250,255);
border-radius: 5px;
display: block;
width: 15cm;
}
section {
position: relative;
margin: 0 auto;
padding: 16px 0;
width: 16.1cm;
font-family: 'Exo 2', Ubuntu, 'Trebuchet MS', Helvetica, Arial, sans-serif;
overflow: hidden;
}
section.full {
padding: 0;
}
section.full:before, section.full:after {
display: none;
}
section.full iframe {
margin: 3px;
padding: 0;
border: none;
display: block;
}
.greek {
font-family: Ubuntu, 'Arial Black', sans-serif;
}
section:before, section:after {
content: '◒';
font-size: 200%;
position: absolute;
display: block;
}
section:before {
left: 0.12cm;
top: -0.17cm;
}
section:after {
right: 0.12cm;
bottom: -0.17cm;
}
html.edit section:before, html.edit section:after {
display: none;
}
html.edit section {
text-shadow: none;
background: transparent;
color: #000;
border-color: transparent;
}
nav {
display: block;
top: 8px;
left: 8px;
position: absolute;
}
nav.edit {
left: auto;
right: 8px;
}
nav a:link, .graph a:link {
text-decoration: none;
}
nav a, button, .graph a {
padding: 2px 8px;
margin: 0;
font: normal 9pt 'Segoe UI',sans-serif;
}
.graph a:link {
border-style: outset;
}
.graph a:visited {
border-style: inset;
}
@-moz-document url-prefix() {
nav a, .graph a { padding: 1px 8px; }
button { padding: 0 6px; }
}
button { cursor: pointer; }
nav a:hover, button:hover, .graph a:hover { text-decoration:underline; }
nav a:active, button:active, .graph a:active, button.down { border-style:inset; }
section a, nav a span, button span, .graph a {
text-decoration: none;
color: rgba(126, 99, 221, 0.3) !important;
text-shadow: 1px 1px 3px #fdf, 0 0 0 #000, 1px 1px 3px #fdf;
}
section a:before, .stretchtext-link:before, section a.unvisited:visited:before, section a.unvisited:hover:before {
content: '●';
padding-right: .5ex;
color: rgba(255, 0, 0, 0.3);
}
a.unlinked:before {
content: '☠';
}
a.startnode:before {
content: '★';
}
a.simple:before {
content: '❐';
}
a.booknode:before {
content: '📕';
}
.graph a.simple:before {
font-size: 120%;
line-height: 0;
}
.stretchtext-link:before {
color: rgba(190, 190, 200, 0.3);
}
section a .stretchtext-link:before {
content: none;
padding-right: 0;
}
a .LED:before {
content: '●';
color: rgba(255, 0, 0, 0.3);
}
section a:hover:before, section a:focus:before, section a:hover .LED:before, section a:focus .LED:before {
color: rgba(64, 255, 0, 0.5);
}
section a.visited:before, section a:visited:before, section a.visited .LED:before, section a:visited .LED:before {
color: rgba(64, 255, 0, 0.3);
}
section a[rel~=external]:before, section a[rel~=external] .LED:before {
color: rgba(64, 192, 255, 0.3);
}
section a[rel~=external]:hover:before, section a[rel~=external]:focus:before,
section a[rel~=external]:hover .LED:before, section a[rel~=external]:focus .LED:before {
color: rgba(64, 192, 255, 0.5);
}
a.blocklink:before {
content: none;
padding: 0;
}
p,h1,h2,h3,h4,h5,h6,ul,ol,.scope,.p { margin:0 1em 1em; }
.p-block * { margin-bottom: 0; }
.p-block { margin-bottom: 1em; }
.graph { margin:0 auto 1em; }
p,.p { text-indent:0.75cm; }
ul { padding: 0; }
ul li {
display: block;
list-style-type: none;
margin: 0 auto;
padding: 0 0.72cm;
}
ul li:before { content: '— ' }
.graph { height:15.25cm; }
.stretchtext { color:#FF1D95; }
blockquote { margin:1em auto; padding-left:1.5cm; width:13cm; font-style:italic; }
blockquote pre { margin:0; padding:0; font:inherit; overflow:show; }
table.columns { width:15.25cm; margin:1em auto; }
table.columns blockquote, table.columns p { width:auto; }
menu {
display: none;
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
background: ThreeDFace;
border: 1px solid ThreeDShadow;
overflow: hidden;
}
menu.stretchtext {
color: inherit;
display: block;
}
menu li {
display: block;
list-style-type: none;
margin: 2px;
padding: 0;
}
menu li a {
display: block;
border: 1px outset transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
text-decoration: none;
padding: 0 1ex 1px;
}
menu li a:hover, menu li a:focus, menu li a:active {
border-color: rgba(128, 192, 255, 0.8);
background: rgba(245, 250, 255, 0.6);
text-decoration: underline;
}
acronym {
border-bottom: 2px dotted #868C90;
}
hr {
border-width: 1px;
border-style: solid;
border-color: #868C90 #D4D6E3 #D4D6E3 #868C90;
height: 1px;
margin: 0 2em;
background: #959A9E;
box-shadow: 1px 1px 2px #eef;
border-radius: 2px;
}
.analog-radio {
display: block;
margin: 1em;
padding: 0 0 0 0.75cm;
}
.analog-radio button {
background: #4D4F52;
border: 2px solid #868C90;
border-color: #868C90 #2D2E2F #2D2E2F #868C90;
margin: .5ex;
padding: 1px 3px 0 1px;
font: bold 111% sans-serif;
width: 28px;
height: 28px;
overflow: hidden;
}
.analog-radio button, .analog-radio button span {
color: rgba(149, 154, 158, 0.3) !important;
text-shadow: 1px 1px 2px #868C90, 0 0 0 #000, 1px 1px 2px #868C90;
text-decoration: none;
}
.analog-radio button:focus, .analog-radio button.down {
padding: 1px 4px 0 0;
border-color: #2D2E2F #868C90 #868C90 #2D2E2F;
}
.analog-radio button span {
position: relative;
}
.analog-radio button:focus span, .analog-radio button.down span {
top: -1px;
}
.QED {
margin: 0 2em 1em;
text-align: right;
padding: .5ex 1em;
}
.LCD {
margin: 0 1.17cm 16px;
background: #1a1a1a;
padding: 8px 16px;
color: #FFEE7F;
font: italic 200% "Courier New",Courier,monospace;
text-shadow: 1px 1px 2px #C5260A, -1px -1px 2px #C5260A, 1px -1px 2px #C5260A, -1px 1px 2px #C5260A;
text-align: right;
border: 2px inset;
border-radius: 16px;
}
@keyframes blink {
to { visibility: hidden; }
}
@-webkit-keyframes blink {
to { visibility: hidden; }
}
.LCD:after {
content: '█';
margin-left: 1ex;
font-style: normal;
transform: skewX(-10deg);
display: inline-block;
color: rgba(255,238,127,0.5);
text-decoration: blink;
visibility: hidden;
}
.LCD:hover:after {
visibility: visible;
animation: blink 1s steps(5, start) infinite;
-webkit-animation: blink 1s steps(5, start) infinite;
}
.edit .LCD:hover:after {
visibility: hidden;
animation: none;
-webkit-animation: none;
}
#formSaveTargetFrame {
display: none;
}
.hint {
position: absolute;
visibility: hidden;
border: 2px solid rgba(126,99,221,0.9);
background: #FFEE7F;
opacity: 0.9;
padding: .5ex 1em;
border-radius: 24px;
line-height: 32px;
font-family: 'Exo 2', Ubuntu, 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
i em, em em {
letter-spacing: 1px;
}
.typewriter {
color: #4E260A;
text-shadow: 0 0 1px #aaa;
border: 1px solid #aaa;
box-shadow: 2px 2px 2px #888;
border-radius: 3px;
font: normal 115% "Courier New",Courier,monospace;
background: #fff url('kosmos/paper-texture.jpg') 0 0 repeat;
}
.typewriter .close {
margin: 0;
padding: 0;
width: 24px;
height: 24px;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
background: transparent;
border: 1px solid red;
border-top: none;
border-right: none;
border-radius: 0 0 0 12px;
text-decoration: none;
font: bold 90% Verdana,sans-serif;
text-shadow: none;
color: #fff;
background: #f00;
}
.typewriter .close div {
position: relative;
bottom: 1px;
}
.typewriter .paper-hole {
background: transparent url('kosmos/paper-texture.jpg') -190px -9px no-repeat;
width: 20px;
height: 20px;
position: absolute;
top: 9px;
left: 190px;
border-radius: 9px;
}
.typewriter-plain {
background-image: url('kosmos/paper-texture-plain.jpg');
}
.typewriter:before, .typewriter:after {
content: '';
display: none;
}
.typewriter table {
margin: 16px 1cm;
padding: 1px;
}
section.typewriter {
padding: 0;
width: 400px;
height: 240px;
box-shadow: 2px 2px 2px #888, 1px 1px 15px #dde, 1px 1px 30px #ccf;
}
section.typewriter-plain {
height: 240px;
}
.typewriter table {
margin: 0;
padding: 1px;
}
.sizing-row * {
margin: 0 !important;
padding: 0 !important;
}
.typewriter h1, .typewriter h2, .typewriter h3, .typewriter h4, .typewriter h5, .typewriter h6, .typewriter th, .typewriter td {
font-size: 100%;
font-weight: normal;
text-align: left;
vertical-align: top;
margin: 0;
padding: 0;
}
.typewriter thead th {
vertical-align: bottom;
padding: .5em 1em;
}
.typewriter tbody td {
padding: 1em 2em;
}
.typewriter tfoot td {
padding: .588em .5ex .5ex;
font-size: 85%;
}
.typewriter tfoot td:first-child {
padding-left: 1.176em;
}
.typewriter tfoot td:last-child {
padding-right: 1.176em;
}
.typewriter .book-vmiddle td {
padding-top: 0;
padding-bottom: 0;
vertical-align: middle;
}
.typewriter .book-vmiddle tr:first-of-type td {
padding-top: 1em;
}
.typewriter .book-vmiddle tr:last-of-type td {
padding-bottom: 1em;
}
.radio {
color: #C5260A;
text-shadow: 0 0 1px #aaa;
border: 1px solid #aaa;
box-shadow: 2px 2px 2px #888;
border-radius: 3px;
font: normal 90% "Courier New",Courier,monospace;
background: #fff;
margin: 16px 1cm;
padding: 1ex 1em;
transform: scale(0.9) rotate(3deg);
opacity: 0.5;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.radio:hover {
transform: scale(1);
opacity: 1;
}
.radio p, .typewriter p {
margin: 0 0 0;
text-indent: 0;
}
.radio p:nth-of-type(odd) {
color: #7E63DD;
}
.radio i {
font-family: 'Palatino linotype',serif;
color: #aab;
text-shadow: none;
}
.radio a, .typewriter a {
text-decoration: underline;
color: inherit !important;
text-shadow: 0 0 1px #aaa;
}
.radio a:before, .typewriter a:before {
display: none;
}
.scope {
background: #000;
color: #0f0;
border: 2px inset rgb(240,250,255);
border-radius: 3px;
}
@keyframes red-sun {
38% {color: rgba(255, 64, 0, 0.3)}
}
@-webkit-keyframes red-sun {
38% {color: rgba(255, 64, 0, 0.3)}
}
.red-sun {
color: rgba(255, 0, 64, 0.3);
animation: red-sun 2s infinite;
-webkit-animation: red-sun 2s infinite;
}
.os-btn {
padding: 1px 16px 2px;
font-size: 100%;
font-weight: 700;
text-decoration: none;
min-width: 80px;
min-height: 23px;
margin: .5ex 1em 1ex auto;
display: inline-block;
text-align: center;
vertical-align: middle;
text-indent: 0;
box-sizing: border-box;
}
.os-btn:before {
display: none;
}
.os-btn:focus, .os-btn:active, .os-btn:hover {
outline: #000 solid 1px;
}
.os-btn:active {
padding: 2px 15px 1px 17px;
border-style: inset;
}
ul.linklist {
margin: -.5em 1em 1em;
}
ul.linklist li {
display: block;
list-style-type: none;
margin: 0;
padding: 0 0 0 1.5cm;
}
ul.linklist li:before {
display: none;
}
div.dialog-1ex, div.dialog-0 {
margin-bottom: 1em;
}
.dialog-1ex p {
margin-bottom: 1ex;
}
.dialog-0 p {
margin-bottom: 0;
line-height: 130%;
}
.noc {
background: #000;
color: #fffaf0 !important;
text-shadow: none !important;
padding: 0 .6ex 0 .5ex;
border-radius: 4px;
border: 1px inset #959A9E;
text-indent: 0;
height: 19px;
}
.noc:before {
display: none;
}
.noc.active {
color: #f0c !important;
background: #a07 !important;
}
@keyframes nienoc {
100% {opacity: 0}
}
@-webkit-keyframes nienoc {
100% {opacity: 0}
}
.noc-a .nienoc {
opacity: 1;
animation: nienoc 2s linear forwards;
-webkit-animation: nienoc 2s linear forwards;
}
.siopi {
margin: 0 1em 1em;
padding: 0 0 0 0.75cm;
}
.siopi .siopi {
margin: 0;
padding-left: 2.2cm;
}
.siopi .siopi .siopi {
padding-left: 1.45cm;
}
.knob {
margin: 1em auto 1.2em;
width: 50px;
height: 50px;
padding: 1px;
border-radius: 50%;
background: #28343b; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.knob:after {
content: '. .';
text-align: center;
display: block;
margin-top: -1em;
word-spacing: 32px;
padding-right: 2px;
opacity: 0.7;
z-index: 1;
position: relative;
}
#_n_knob_widget canvas {
cursor: url('/hiperfikcja/rotate-cursor.png') 8 7,move;
}
.knob div {
width: 48px;
height: 48px;
border-radius: 50%;
background: #D4D6E3;
background: repeating-radial-gradient(
#D4D6E3, #BBC 1.1px, #D4D6E3 2.2px
);
opacity: 0.7;
position: relative;
transform: rotate(135deg);
z-index: 2;
}
.doge-sign {
font-weight: normal;
text-shadow: none;
color: rgba(255,250,235,0.7) !important;
background: #b99e32;
border-radius: 50%;
padding: 0 .7ex;
border: 1px outset #6d8a43;
margin-right: .5em;
text-decoration: line-through;
position: relative;
}
.doge-sign:hover, .doge-sign:focus {
color: #fff !important;
box-shadow: 3px 2px 3px rgba(109,138,67,.5);
left: -2px;
top: -1px;
}
.doge-sign:before {
display: none;
}
/*
section#plan:before, section#plan:after {
display: none;
}
section#plan {
border: none;
background: transparent url('/hiperfikcja/kosmos/kasa.png') 0 0 no-repeat;
width: 442px;
height: 589px;
}
section#plan p {
text-indent: 0;
margin: 1em 2.5em;
padding: 0 0 2px;
text-align: center;
background: #D4D6E3 url('kosmos/metal.jpg');
border: 1.5px inset;
}
*/
div.tabs-wrapper {
height: 184px;
overflow: hidden;
margin: 1em 0 -41px;
padding-bottom: 41px;
}
#_tabs_holder {
position: relative;
z-index: 1;
}
div.tabs {
border: 2px outset #F0FAFF;
border-radius: 0 3px 3px 3px;
padding: 1ex 1em;
background: #c6cdd3;
margin: 0 1em;
height: 130px;
}
div.tabs label {
display: block;
}
div.tabs p {
margin: .74ex 0 .5ex;
padding: 0;
text-indent: none;
text-align: justify;
}
div.tabs p:first-of-type {
margin: .2ex 0 .74ex;
}
ul.tabs, ul.tabs li {
margin: 0;
padding: 0;
list-style-type: none;
display: block;
overflow: hidden;
}
ul.tabs {
margin: 0 1em -2px;
}
ul.tabs li {
border: 2px outset #F0FAFF;
border-bottom: none;
border-radius: 3px 3px 2px 0;
padding: 1px 1ex 2px;
margin-right: 2px;
float: left;
background: #c6cdd3;
}
ul.tabs li.selected {
padding-bottom: 4px;
}
ul.tabs li:before {
content: '';
display: none;
}
ul.tabs a:before {
color: rgba(128, 128, 128, 0.3);
}
/* ul.tabs a:hover:before {
color: rgba(210, 200, 180, 0.3);
} */
ul.tabs li.selected a:before {
color: rgba(255, 240, 100, 0.6);
}
ul.tabs a:hover:before {
color: rgba(255, 240, 100, 0.8) !important;
}
ul.tabs a, ul.tabs button {
color: rgba(149, 154, 158, 0.3) !important;
text-shadow: inherit !important;
}
ul.tabs li.selected a {
color: rgba(255, 240, 100, 0.3) !important;
}
.tabs textarea {
width: 535px;
margin-top: .5ex;
padding: 4px;
height: 91px;
font: normal 85% "Courier New",Courier,monospace;
color: #435;
text-shadow: 0 0 1px #bac;
}
button.szpara {
border: none;
margin: 0;
padding: 0 10px;
display: block;
background: transparent;
width: 100%;
font: inherit;
text-decoration: none;
}
div.szpara {
text-align: center;
font-size: 200%;
transform: rotate(90deg);
margin: -.5ex auto;
text-shadow: 1px -1px 3px #eef, 0 0 0 #000, 1px -1px 3px #eef;
padding-bottom: .25ex;
width: 50px;
height: 38px;
overflow: hidden;
}
hr.szpara {
margin: 1ex 0;
height: 8px;
box-sizing: border-box;
border: 2px inset #F0FAFF;
border-radius: 3px;
background: #555559;
}
div.szpara-env {
text-align: center;
font-size: 400%;
margin: -.85ex 0 -.6ex;
}
button.szpara:hover div.szpara, button.szpara:focus div.szpara {
color: rgba(100, 255, 150, 0.5);
}
button.szpara:hover hr.szpara, button.szpara:focus hr.szpara {
background: #333338;
}
button.szpara:hover div.szpara-env, button.szpara:focus div.szpara-env {
color: rgba(255, 240, 100, 0.3);
}