@charset "UTF-8"; @import url("/typography/ofl-goudy-st-m.css"); /*- reset -------------------------------------------------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background:transparent; border:0; font-family:inherit; font-weight:inherit; font-style:inherit; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; } :focus, :active /* remember to define focus styles! */ { outline: 0; } body { line-height:1; } article, aside, details, dialog, figure, footer, header, hgroup, nav, section { display:block; } ol, ul { list-style-position: inside; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; } a { cursor:pointer; margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } textarea { overflow:auto;} /* ----------------------------------------------------------------------------------------------------- */ /*- Typography -------------------------------------------------------------------------------------------------------- */ /* * LIGHT RED #bc2727 * RED #9a2727 * DARK RED #300 */ body { font-size:100%; line-height:1.5em; } h1 { font-size:2.25em; /* 16x2.25 =36 */ } h2 { font-size:1.75em; /* 16x1.75 =28 */ } h3 { font-size:1.5em; /* 16x1.5 =24 */ } h4 { font-size:1.125em; /* 16x1.125 =18 */ } h5 { font-size:0.875em; /* 16x0.875 =14 */ } fieldset { font-size:1.125em; /* 16x1.125 =18 */ } p { font-size:0.875em; /* 16x0.875 =14 */ } h1 sup, h2 sup, h3 sup , legend sup { font-size:0.75em; /* 16x0.75 =12 */ } #presentation { font-size:1.25em; } fieldset legend { font-size:1.75em; /* 16x1.75 =28 */ } #userinfo input { font-size:1.125em; /* 16x1.125 =18 */ } #send { font-size:1.50em; /* 16x1.5 =24 */ } #game-selection li { font-size:1.125em; /* 16x1.125 =18 */ } #games dt { font-size:1.75em; /* 16x1.75 =28 */ } #subscribe .banner, .additional-content strong { font-size:1.75em; /* 16x1.75 =28 */ } .motto { font-size:1.25em;} footer { font-size:0.75em; /* 16x0.75 =12 */ } body,input { font-family: 'OFLSortsMillGoudy' , Baskerville, Times, "Times New Roman", serif; } em { font-style:italic;} strong { font-weight:bold;} .entity { font-size:1.125em;} /*- Layout -------------------------------------------------------------------------------------------------------- */ sup { position:relative; top:-0.30em;} .primary { width:100%; } header, nav, article, .footnote, .refs { display:block; padding: 20px; width:940px; margin: 0 auto; } header { text-align:center; } .js #presentation { display:none;} #presentation { padding-top:30px;} #presentation p { padding-bottom:25px ;} .motto { padding-top:15px;} nav a { padding:15px; } .primary nav { text-align:right;} .main-content header { padding-bottom:10px;} fieldset { clear:both; display:block; margin: 20px auto; padding:0px; width:850px; } fieldset legend { clear:both; display:block; margin:0px; text-align:center; width:850px;} #subscribe { padding-bottom:44px; padding-top:0px;} #userinfo { margin-top:0px; padding:0 10px 35px; width:830px;} #userinfo label { display:block; margin:0 auto; padding:0 0 50px; text-align:center;} #userinfo input { border:0; display:block; float:left; margin:0; padding:20px 55px; width:305px; } #game-selection { display:block; padding:0; margin-bottom:20px; width:740px;} #game-selection legend { display:block; padding:0px 20px 20px; width:660px; } #game-selection ul { list-style:none; padding:25px; width:300px; } #game-selection li { display:block; height:50px; margin:10px 0; width:260px;} .js #game-selection div { float:left; height:179px; padding:0px 20px; width:700px;} .js #game-selection input { display:none;} #edition, #edition li { float:left; text-align:left;} #edition li { padding-left:40px;} #mode, #mode li { float:right; text-align:right;} #mode li { padding-right:40px;} .divider { border:0px; clear:both; height:3px; padding-bottom:0px; margin-bottom:0px;} #send { clear:both; display:block; height:55px; line-height:55px; margin:20px auto 0; width:320px; } #send:hover, #send:active { background-position:center top; color:#fff; text-shadow:0px 2px 3px #300; } .additional-content { padding-top:3px;} .additional-content header { padding:50px 50px 20px; width:800px; } .additional-content article { padding:0 50px; width:800px;} .additional-content p { padding:0 25px 25px; text-align:justify; } #games { padding-top:25px;} #games dt { clear:both; display:block; padding:25px 20px 20px; text-align:center; } #games dd { display:block; float:left; width:400px } #games .experimental, #games #experimental { clear:both; float:none; width:800px;} .footnote, .refs { width:750px; margin:0 auto; padding:25px;} /*- Decoration -------------------------------------------------------------------------------------------------------- */ body { background-image:url('/img/satin-bg.jpg');} h1,h2,h3,h4,h5,h6,dt,legend { color:#9a2727; text-shadow:0 2px 0 #ffe;} a, a:link, a:visited { color:#9a2727;} a:hover, a:focus { color:#bc2727; text-decoration:underline;} abbr { border-bottom: 0px solid; } #presentation { background-image:url('/img/red-satin.jpg'); color:#ccc; text-shadow:0 -1px 1px #300 ;} #presentation h1 { color:#600; color:rgba(51,0,0,0.5); font-weight:bold; text-shadow: 0 1px 2px rgba(154, 39, 39, 0.8), 0 -1px 1px #300;} .motto { text-align:center;} aside.primary { background-image:url('/img/stripe-top.png'); background-repeat:repeat-x; background-position:0 0;} nav a { line-height:60px; vertical-align:baseline; } #show-info { /*background-image:url('/web/20150803105019im_//img/bookmark.png');*/} #subscribe { background-image:url('/img/send.png'); background-position:center bottom; background-repeat:no-repeat; } #userinfo { background-image:url('/img/user-et-mail.png'); background-repeat:no-repeat; background-position:center bottom;} #userinfo input { background-color:transparent; } #game-selection { background-image:url('/img/squared-bg.png'); background-position:center bottom ; background-repeat:no-repeat;} #game-selection li:hover label, #game-selection .selected label { color:#9a2727; } .js .choice { background-image:url('/img/squared-bgA.png'); background-position:top left ; background-repeat:no-repeat; } .js #ch01 { background-position:0 0;} .js #ch00 { background-position:0 100%;} .js #ch10 { background-position:100% 0;} .js #ch11 { background-position:100% 100%;} .js #game-selection li:hover, .js #game-selection li.selected { background-image:url('/img/check.png'); background-repeat:no-repeat; background-position: top left; } .js #mode li:hover, .js #mode li.selected { background-position:top right; } #send { border:0px; background-color:transparent; background-image:url('/img/send-button.png'); background-position:center bottom; color:#e0e0e0; text-shadow:0px 1px 2px #9a2727; } #send:hover, #send:active { background-position:center top; color:#fff; text-shadow:0px 2px 3px #300; } .additional-content, .divider { background-image:url('/img/little-squared-bg.png'); background-repeat:repeat-x; background-position:center top;} .additional-content header, footer { background-image:url('/img/separator-shadow.png'); background-repeat:no-repeat; background-position:center top; } .additional-content strong { text-shadow:0 2px 0 #ffe;} #subscribe .banner { text-align: center;} .highlight { border-left: 10px solid #9a2727; border-right: 10px solid #9a2727;} .divider { border-top:0px solid; } .refs { font-weight:bold; text-align:center; text-shadow:0 2px 0 #ffe; } /*- Kuzeko -------------------------------------------------------------------------------------------------------- */ /* FILE ARCHIVED ON 10:50:19 Aug 03, 2015 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:28:15 Nov 11, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.628 exclusion.robots: 0.023 exclusion.robots.policy: 0.01 esindex: 0.013 cdx.remote: 5.579 LoadShardBlock: 114.605 (3) PetaboxLoader3.datanode: 108.577 (4) PetaboxLoader3.resolve: 138.435 (3) load_resource: 135.459 */