/* Reset */ *, :before, :after{ display: block; margin: 0; padding: 0; max-width: 100%; font-family: monospace, sans-serif; line-height: 1; font-size: inherit; border: 0; border-radius: 0; border-spacing: 0; border: 0; outline: none; text-decoration: none; font-weight: normal; list-style: none; color: #000; background: none; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-text-size-adjust: none !important; /* text-size-adjust: none; */ -webkit-appearance: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1; cursor: default; } head, script, style, noscript, link{ display: none !important; } /* Layout */ html{ min-width: 200px; font-size: 62.5%; background-color: #000; } body{ min-height: 100%; background-image: url("background.gif"); background-repeat: repeat; background-position: center; background-size: 20em auto; } #header{ text-align: center; } #header:before{ content: "Visitor number:"; position: absolute; top: 10em; right: 1em; margin: 0 auto; width: 10em; height: 4em; color: #fff; font-size: 0.5em; background-image: url("counter.gif"); background-position: bottom left; text-align: left; font-size: 0.75em; background-size: auto 2em; } #logo{ } #logo > a{ margin: 0 auto; width: 20em; height: 10em; color: transparent; text-indent: -999999em; background-image: url("logo.png"); cursor: pointer; } #subheading{ display: inline-block; margin: 2em; padding: 0.5em; display: inline-block; color: #fff; border-color: #ddd #888 #888 #ddd; border-width: 0.125em; border-style: solid; } #subheading > a{ display: inline; color: #0000ff; text-decoration: underline; cursor: pointer; } #subheading > a:hover{ color: #ff0090; } #header:after{ content: ""; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; width: 10em; height: 5em; background-image: url("welcome.gif"); } #navigation{ } #navigation > h2{ display: none; } #navigation > ul{ background-color: #aaa; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; } #navigation > ul > li{ } #navigation > ul > li > a{ padding: 0.5em; color: #0000ff; text-decoration: underline; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; cursor: pointer; } #navigation > ul > li > a:hover{ color: #ff0090; } #body{ background-image: url("background.png"); background-repeat: repeat; background-position: center; background-size: 20em auto; } #body:before{ content: " "; margin-top: 1em; margin-right: auto; margin-bottom: 1em; margin-left: auto; width: 100%; height: 0.5em; border-width: 0.125em; border-style: solid; border-color: #888 #fff #fff #888; } #body > section{ position: relative; margin: 0 auto; } #body > section > h2{ margin-top: 0; margin-right: auto; margin-bottom: 2em; margin-left: auto; width: 20em; height: 5em; color: transparent; text-indent: -999999em; } #body > section > p{ margin-top: 1em; color: #fff; text-align: justify; line-height: 1.5; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; } #body > section > p:first-of-type{ margin-top: 0; } #body > section:after{ content: " "; position: absolute; right: 0; bottom: 0; left: 0; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%; height: 0em; border-width: 0.125em; border-style: solid; border-color: #888 #fff #fff #888; } #body > section:last-child:after{ display: none; } #about{ padding: 2.5em; } #about > h2{ background-image: url("about.png"); } #about > img{ float: left; margin-right: 1em; margin-bottom: 1em; width: 25%; max-width: 12.5em; height: auto; } #about > p{ } #about > p > a{ display: inline; color: #ff0090; text-decoration: underline; cursor: pointer; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } #about > p > a:hover{ color: #0000ff; } #articles{ padding: 2.5em; } #articles > h2{ background-image: url("articles.png"); } #articles > ul{ padding: 1em; background-color: #aaa; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; } #articles > ul > li{ display: list-item; margin-top: 1em; margin-left: 1em; list-style-type: disc; list-style-position: outside; } #articles > ul > li:first-of-type{ margin-top: 0; } #articles > ul > li > a{ } #articles > ul > li > a > span{ color: #0000ff; text-decoration: underline; cursor: pointer; } #articles > ul > li > a:hover > span{ color: #ff0090; } #articles > ul > li > a > span.top{ font-weight: bold; } #articles > ul > li > a > span.bottom{ } #games{ padding: 2.5em; } #games > h2{ background-image: url("games.png"); } #games > div.modules{ text-align: center; } #games > div.modules > div.module{ display: inline-block; margin-bottom: 1em; width: 15em; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; } #games > div.modules > div.module:last-of-type{ margin-bottom: 0; } #games > div.modules > div.module > h3{ display: none; } #games > div.modules > div.module > div{ margin: 0.25em; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; } #games > div.modules > div.module > div.top{ } #games > div.modules > div.module > div.top > img{ width: 100%; height: auto; } #games > div.modules > div.module > div.center{ } #games > div.modules > div.module > div.center > p{ color: #fff; text-align: left; } #games > div.modules > div.module > div.center > p > strong{ display: inline; color: #fff; font-weight: bold; } #games > div.modules > div.module > div.bottom{ background: #aaa; } #games > div.modules > div.module > div.bottom > p{ } #games > div.modules > div.module > div.bottom > p > a{ height: 2em; color: transparent; text-indent: -999999em; background-image: url("clickhere.gif"); cursor: pointer; } #projects{ padding: 2.5em; } #projects > h2{ background-image: url("projects.png"); } #projects > div.modules{ border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; } #projects > div.modules > div.module{ position: relative; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; } #projects > div.modules > div.module > h3{ display: none; } #projects > div.modules > div.module > div.left{ padding-left: 3em; padding-right: 6em; min-height: 2em; background-image: url("folder.gif"); background-position: left top; background-size: 2em auto; } #projects > div.modules > div.module > div.left > p{ color: #fff; } #projects > div.modules > div.module > div.right{ position: absolute; top: 0; right: 0; bottom: 0; width: 5em; height: 100%; } #projects > div.modules > div.module > div.right > p{ height: 100%; } #projects > div.modules > div.module > div.right > p > a{ width: 100%; min-height: 2em; height: 100%; color: transparent; text-indent: -999999em; background-image: url("checkitout.gif"); cursor: pointer; } #links{ padding: 2.5em; } #links > h2{ background-image: url("links.png"); } #links > ul{ border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; } #links > ul > li{ } #links > ul > li > a{ margin: 0.25em; padding: 0.25em; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; cursor: pointer; } #links > ul > li > a > span{ display: inline; cursor: pointer; } #links > ul > li > a > span.left{ color: #ff0090; text-decoration: underline; } #links > ul > li > a > span.left:hover{ color: #0000ff; } #links > ul > li > a > span.right{ color: #fff; } #contact{ padding: 2.5em; } #contact > h2{ background-image: url("contact.png"); } #body > #contact > p{ text-align: center; } #contact > ul{ margin-top: 2em; text-align: center; } #contact > ul > li{ display: inline-block; } #chat{ /* position: absolute; top: 0; right: 0; z-index: 2; */ } #chat > a{ width: 2.5em; height: 2.5em; color: transparent; text-indent: -999999em; background-image: url("chat.gif"); cursor: pointer; } /* #chat > a:after{ content: " "; position: absolute; top: 0; right: 2.5em; width: 2.5em; height: 2.5em; background-image: url("bonzi.gif"); z-index: 500; } */ #contact > ul > #sign{ display: none; /* position: absolute; top: 2.5em; right: 0; z-index: 2; */ } body.js #contact > ul > #sign{ display: inline-block; } #sign > a{ width: 5em; height: 2.5em; color: transparent; text-indent: -999999em; background-image: url("guestbook.gif"); cursor: pointer; } #twitter{ } #twitter > a{ width: 5em; height: 2.5em; color: transparent; text-indent: -999999em; background-image: url("twitter.gif"); cursor: pointer; } #mail{ } #mail > a{ width: 5em; height: 2.5em; color: transparent; text-indent: -999999em; background-image: url("mail.gif"); cursor: pointer; } #guestbook{ display: none; margin-top: 2em; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; } #guestbook > h3{ background-color: #aaa; } #guestbook > div{ } #guestbook > div > div{ } #guestbook > div > div > div{ display: none; } #guestbook > div > div > div.bn-service-widget{ display: block; max-width: 100% !important; color: #fff !important; font-family: inherit !important; font-size: inherit !important; background-color: transparent !important; } #guestbook > div > div > div > div.bn-service-wrapper{ padding: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-guestbook-header{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > div#bn-service-top{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > div:nth-child(3){ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-top{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-status{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data{ padding: 0 !important; color: inherit !important; background-color: #fff !important; background-image: url("loading.gif") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: contain !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-post{ margin: 0 !important; padding: 1em !important; background-color: #fff !important; border-radius: 0 !important; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-post > p{ margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 1em !important; margin-left: 0 !important; font-weight: normal !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-post > p:last-of-type{ margin-bottom: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-post > p > button{ display: block !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 0.25em !important; width: auto !important; color: #000 !important; font-family: inherit !important; font-size: inherit !important; background-color: #aaa !important; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; border-radius: 0 !important; cursor: pointer; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-post > p > button:hover{ background-color: #aaa !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-post > p > button > i{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts{ } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post{ position: relative; margin: 0 !important; padding: 0 !important; background-color: #0000ff !important; border: none !important; border-radius: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-date{ position: absolute; top: 0.25em; right: 0.25em; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-date > div.bn-guestbook-date-output{ font-size: inherit !important; font-family: inherit !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-date > div.bn-guestbook-date-output > span.date-dmy{ color: #fff !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-date > div.bn-guestbook-date-output > span.date-hour{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-response{ } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-response > div.bn-guestbook-response-wrapper{ margin: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-response > div.bn-guestbook-response-wrapper > div.bn-guestbook-question{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-response > div.bn-guestbook-response-wrapper > div.bn-guestbook-answer{ float: none !important; margin: 0 !important; padding: 1em !important; width: auto !important; color: #fff !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; -webkit-user-select: auto !important; -khtml-user-select: auto !important; -moz-user-select: auto !important; -ms-user-select: auto !important; user-select: auto !important; cursor: auto !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-guestbook-response > div.bn-guestbook-response-wrapper > div.bn-guestbook-name{ padding: 0 !important; color: #fff !important; font-weight: bold !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > div.bn-guestbook-post > div.bn-comments-links{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > div.bn-guestbook-posts > hr{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form{ display: block !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form{ display: block !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div:first-child{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper{ display: block !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; border-radius: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form{ } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form{ padding: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post{ } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div{ } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper{ margin: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field{ font-size: inherit !important; font-family: inherit !important; color: inherit !important; background-color: #aaa; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > span{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-label{ font-size: inherit !important; font-family: inherit !important; color: inherit !important; background-color: #aaa; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-label > span{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-label:after{ content: ":"; display: inline; margin-left: -0.75em; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-input{ margin: 0 !important; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-input > input{ background-color: #fff !important; border-radius: 0 !important; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-input > textarea{ height: 5em; background-color: #fff !important; border-radius: 0 !important; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; cursor: text; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-input > div.wdt-emoji-picker{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-form-error{ position: absolute !important; top: 0.125em; right: 0.125em; margin: 0 !important; padding: 0 !important; color: #ff0000 !important; font-family: inherit !important; font-size: inherit !important; background-color: transparent !important; border: 0 !important; border-radius: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div#edit_form > div.bn-guestbook-post-form > div.form-post > div > div.bn-guestbook-post-field-wrapper > div.bn-guestbook-post-field > div.bn-form-error:after{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons{ margin: 0 !important; padding: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons{ overflow: hidden; margin: 0 !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons > span{ float: left; padding: 0 !important; width: 50%; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons > span > button{ display: block !important; margin: 0 !important; padding: 0.25em !important; width: 100% !important; color: #000 !important; font-family: inherit !important; font-size: inherit !important; background-color: #aaa !important; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; border-radius: 0 !important; cursor: pointer; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons > span > button:hover{ background-color: #aaa !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons > span > button > i{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons > span.first-child{ } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons > span#preview_button{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons > span:nth-child(3){ } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-data > form > div.bn-guestbook-post-form-wrapper > div.post-buttons > div.bn-form-buttons > div{ display: none !important; } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom{ } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom > tbody{ } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom > tbody > tr{ overflow: hidden; } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom > tbody > tr > td{ float: left; width: 20%; opacity: inherit !important; } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom > tbody > tr > td > a{ margin: 0 !important; padding: 0 !important; font-size: inherit !important; font-family: inherit !important; background-color: #aaa !important; } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom > tbody > tr > td > a:hover{ background-color: #aaa !important; opacity: inherit !important; } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom > tbody > tr > td > a > i{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom > tbody > tr > td > a > span{ display: block !important; margin: 0 !important; padding: 0.25em !important; color: #000 !important; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; cursor: pointer; } #guestbook > div > div > div > div.bn-service-wrapper > table.bn-pages-bottom > tbody > tr > td.disabled > a > span{ background-color: #888 !important; cursor: default; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-pages-status{ display: none; } #guestbook > div > div > div > div.bn-service-wrapper > div.bn-branding{ display: none; } #article{ } #article > h2{ display: none; } #article > article{ } #article > article > header{ margin: 2.5em; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; } #article > article > header > h3{ padding: 0.5em; color: #fff; font-weight: bold; text-align: center; text-transform: uppercase; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; } #article > article > header > p{ padding: 0.5em; color: #fff; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; } #article > article > header > div{ } #article > article > header > div > img{ margin: 0 auto; width: 100%; height: auto; } #article > article > div{ padding: 2.5em; background-color: #fff; } #article > article > div > h4{ margin-bottom: 2.5em; color: #000; font-weight: bold; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; } #article > article > div > p{ margin-bottom: 2.5em; color: #000; line-height: 1.5; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; } #article > article > div > div{ margin-bottom: 2.5em; } #article > article > div > div > img{ width: 100%; height: auto; } #article > article > div > p > strong{ display: inline; color: #000; font-weight: bold; line-height: 1.5; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; } #article > article > div > p > strike{ display: inline; color: #000; text-decoration: line-through; line-height: 1.5; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; } #article > article > div > p > a{ display: inline; color: #0000ff; text-decoration: underline; cursor: pointer; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } #article > article > div > p > a:hover{ color: #ff0090; } #article > article > div > ul{ margin-bottom: 2.5em; } #article > article > div > ul > li{ display: list-item; margin-left: 2em; padding-left: 2em; margin-bottom: 1em; line-height: 1.5; list-style-type: disc; list-style-position: outside; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; cursor: auto; } #article > article > div > ul > li:last-child{ margin-bottom: 1em; } #article > article > div > p:last-child, #article > article > div > ul:last-child{ margin-bottom: 2.5em; } #menu{ padding-right: 2.5em; padding-bottom: 2.5em; padding-left: 2.5em; background-color: #fff; } #menu > h3{ display: none; } #menu > ul{ } #menu > ul > li{ } #menu > ul > li > a{ overflow: hidden; margin: 0 auto; width: 15em; height: 2.5em; color: transparent; text-indent: -999999em; background-image: url("main.gif"); cursor: pointer; } #menu > ol{ margin-top: -2em; margin-bottom: 2em; background-color: #aaa; border-width: 0.125em; border-style: solid; border-color: #ddd #888 #888 #ddd; } #menu > ol > li{ padding: 0.5em; border-width: 0.125em; border-style: solid; border-color: #888 #ddd #ddd #888; } #menu > ol > li > a{ display: inline; color: #0000ff; text-decoration: underline; cursor: pointer; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } #menu > ol > li > a:hover{ color: #ff0090; } #error{ padding: 2.5em; } #error > h2{ color: #ff0090; font-size: 2em; font-weight: bold; text-align: center; } #error > p{ margin-top: 2em; color: #ff0090; font-size: 1em; text-align: center; } #error > div{ margin-top: 2em; } #error > div > a{ margin: 0 auto; width: 15em; max-width: 100%; height: 15em; color: transparent; text-indent: -999999em; background-size: contain; cursor: pointer; } #error > p.bottom{ } #error > p.bottom > a{ overflow: hidden; margin: 0 auto; width: 15em; height: 5em; color: transparent; text-indent: -999999em; background-image: url("404/back.gif"); cursor: pointer; } #body:after{ content: " "; margin-top: 1em; margin-right: auto; margin-bottom: 1em; margin-left: auto; width: 100%; height: 0.5em; border-width: 0.125em; border-style: solid; border-color: #888 #fff #fff #888; } #affiliates{ margin-top: 2em; margin-bottom: 2em; } #affiliates > h2{ display: none; } #affiliates > ul{ text-align: center; } #affiliates > ul > li{ display: inline-block; } #affiliates > ul > li > a{ cursor: pointer; } #affiliates > ul > li > a > img{ cursor: pointer; } #footer{ padding-top: 6em; background-image: url("thanks.gif"); background-position: top center; background-size: auto 5em; } #footer > h2{ display: none; } #footer > p{ color: #fff; font-size: 0.75em; text-align: center; line-height: 1.5; } #footer > p > a{ display: inline; color: #0000ff; text-decoration: underline; cursor: pointer; } #footer > p > a:hover{ color: #ff0090; } #footer > h3{ display: none; } #footer > ul{ margin-top: 1em; margin-bottom: 1em; text-align: center; } #footer > ul > li{ display: inline-block; } #footer > ul > li > a{ cursor: pointer; } #footer > ul > li > a > img{ cursor: pointer; } #webneko{ display: none; } /* Portrait */ @media (min-width: 250px){ html{ } body{ font-size: 4vw; } } /* Landscape */ @media (min-width: 500px) and (orientation: landscape){ html{ } body{ font-size: 2em; } #header{ } #header:before{ top: 15em; } #logo{ } #logo > a{ width: 30em; height: 15em; } #body{ } #article{ padding: 2.5em; } #article > article{ } #article > article > header{ margin-top: 0; margin-right: 0; margin-left: 0; } #article > article > header > h2{ } #article > article > div{ } #article > article > div > div{ margin-top: 0.5em; margin-right: 1em; margin-bottom: 1em; } #article > article > div > div.left{ margin: 0 auto 4em; max-width: 75%; } /* #article > article > div > div.left{ float: left; min-width: 15em; width: 20%; } */ #article > article > div > ul{ } #article > article > div > ul > li{ margin-left: 4em; padding-left: 4em; } #projects{ } #projects > div.modules{ } #projects > div.modules > div.module{ } #projects > div.modules > div.module > div.left{ padding-right: 6em; background-position: 1em center; } #projects > div.modules > div.module > div.left > p{ padding: 1em; } #projects > div.modules > div.module > div.right{ width: 7em; } #projects > div.modules > div.module > div.right > p{ } #projects > div.modules > div.module > div.right > p > a{ background-size: 5em auto; } #navigation{ display: flex; flex-direction: row; } #navigation > ul{ margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; } #navigation > ul > li{ flex-grow: 1; } #navigation > ul > li > a{ } } @media (min-width: 50em) and (orientation: landscape){ html{ } body{ } } @media (min-width: 1400px) and (orientation: landscape){ html{ } body{ font-size: 1.4375vw; } } /* Print */ @media print{ html{ } body{ } }