diff options
Diffstat (limited to 'static/files/style.css')
-rw-r--r-- | static/files/style.css | 729 |
1 files changed, 729 insertions, 0 deletions
diff --git a/static/files/style.css b/static/files/style.css new file mode 100644 index 00000000..5f78116e --- /dev/null +++ b/static/files/style.css @@ -0,0 +1,729 @@ + +body { + margin: 15px 0 0 0; + padding: 0 0 60px 0; + background: #fff; + font-family: Arial, Helvetica, sans-serif; + font-size: 13px; + color: #203C36; +} + +form { + margin: 0; + padding: 0; +} + +fieldset { + margin: 0; + padding: 0; + border: none; +} + +legend { + display: none; +} + +input, textarea { + padding: 2px 5px; + border: 1px solid #B8E0D7; + font: normal 1em Arial, Helvetica, sans-serif; + color: #203C36; +} + +h1, h2 { + color: #203C36; + margin: 0; +} + +h1 { + text-transform: lowercase; + letter-spacing: -1px; + font-size: 3em; +} + +h2 { + font-size: 1.7em; + clear: right; +} + +h3 { + font-size: 1.1em; + margin: 0; +} + +p, ul, ol { + margin: 0; +} + +blockquote { + font-style: italic; +} +a { +/* color: #7AB9AB;*/ + color: #69A89A; +} +a:hover { + text-decoration: none; +} + +img { + border: none; +} + +/* Header */ + +#header { + width: 960px; + height: 80px; + margin: 0 auto; + background: url(/files/headerbg.jpg); +} + +#header h1 { + margin: 0; + padding: 15px 0 0 20px; + letter-spacing: normal; + font-size: 1em; + color: #FFFFFF; +} + +#header h1 a { + text-decoration: none; + color: #FFFFFF; +} + +#header h1 a:hover { + text-decoration: underline; +} + +#header b { + display: block; + letter-spacing: -2px; + font-size: 2.4em; +} + +/* Search */ + +#search { + float: right; + width: 180px; + padding-top: 30px; +} + +#searchfield { + width: 150px; +} + +#searchsubmit { + display: none; +} + +/* Login */ + +#loginform { + padding: 0; + margin: 0 0 0 20px; +} +#loginform input { + width: 40px; + margin: 0; + padding: 1px; + position: relative; +} +#loginform #usrname, #loginform #usrpass { + width: 70px; + border: 0; +} + +/* Page */ + +#page { + width: 960px; + margin: 0 auto; + padding: 40px 0; + background: url(/files/headerbot.png) no-repeat; +} + +#content { + float: left; + width: 700px; +} + +/* Side */ + +#side { + float: right; + padding: 0; + background: url(/files/sidebg.jpg); + color: #fff; +} +#side div { + background: url(/files/sidebarbg.jpg) no-repeat; +} +#side div div { + width: 240px; + padding: 0 0 60px 0; + background: url(/files/sidebarbot.jpg) no-repeat left bottom; +} + +#side a { + color: #fff; +} + +#side h2 { + padding: 20px 20px 0 15px; + text-transform: uppercase; + font-family: "Arial Black", Arial, Helvetica, sans-serif; + font-size: .8em; + color: #fff; +} + +#side ul { + margin: 0; + padding: 0 20px 0 20px; + list-style: none; +} + +#side li { + padding: 0; +} + +#side p { + margin: 0; + padding: 0 0 0 20px; +} +#side li.more { + font-style: italic; +} + +/* Footer */ + +#footer { + clear: both; + padding: 10px 0; +} + +#footer p { + margin: 0; + text-align: center; + color: #999999; + font-size: 0.8em; +} + +#footer a { + color: #999999; +} + +/* Forms */ +#content form { + display: block; + margin: 20px 0 10px 0; + padding: 0; +} +#content form.tblf { + margin: 0; +} +form ul { + margin: 0; + padding: 0; +} +form li { + display: block; + clear: left; + list-style-type: none; + margin: 0; + padding: 0; +} +form ul ul { + margin: 0; padding: 0; + clear: left; +} +form li.nolabel, form ul ul { + padding: 0 0 0 110px; +} +form li.nextpart { + padding: 10px 0 0 0; +} +#content label, #content input, #content textarea, #content select, form li b, form li p { + display: block; + float: left; +} +form li label i, form p.formnotice i { + display: inline; + color: #f00; +} +input.text, select { + width: 200px; +} +select, input.text, textarea { + border: 1px solid #B8E0D7; + font: normal 1em Arial, Helvetica, sans-serif; + color: #203C36; +} +form label.checkbox { + width: auto; +} +select.multiple { + height: 120px; + width: 230px; +} +#md_conts, #pd_conts, #rl_conts, #vn_conts { + display: block; + float: left; + background-color: #e3ecff; + border: 1px dashed #b4b4ff; + padding: 2px; +} +#rl_select { + width: 280px; +} +form li.longopts select { + width: 350px; +} +form li.shortopts input { + width: 50px; +} +form li i { + float: left; +} +input.hidden { + display: none; + position: absolute; + top: -30px; +} +label, form li b { + width: 110px; + font-weight: normal; +} +form li.nolabel b { + display: inline; + width: auto; + font-weight: bold; + float: none; +} +form li.subform { + padding: 10px 0 0 0; + clear: both; +} +form li.subform a { + display: block; + margin: 0; + padding: 0; + width: 100%; + background-color: #f0f0f0; + text-decoration: none; + font-weight: bold; + color: #7AB9AB; +} +li.formhid { + float: none; + position: absolute; + top: -2000px; + left: -2000px; + width: 10px; +} +form li.date select { + width: 100px; +} + +/* Platform selecter */ +form ul.platforms { + clear: none; + padding: 0; + margin: 0 0 0 110px; +} +form ul.platforms li { + float: left; + clear: none; +} +form ul.platforms li label { + width: 150px; +} +form ul.platforms input { + padding: 0; + margin: 0 2px 0 2px; + border: 0; + height: 14px; +} + +/* Warning & msg box */ +span.warning { + display: block; + margin: 5px 10% 5px 10%; + padding: 3px 5px 3px 60px; + background: #ffece3 url('/files/warning.png') no-repeat; + border: 1px dashed #ffb4b4; + min-height: 57px; +} +* html span.warning { height: 57px; } +span.msg { + display: block; + margin: 5px 10% 5px 10%; + padding: 3px 5px 3px 5px; + border: 1px dashed #3cb700; + background: #bfffb5; +} +span.warning ul, span.msg ul { + padding: 0 0 0 15px; +} + +dt { + float: left; + font-style: italic; +} +dd { + padding: 0 0 0 50px; +} +dl.vnrel dd, dl.vncat dd { + padding: 0 0 0 75px; +} +ul { + padding: 0 0 0 17px; +} +p.actions, #vnheader p.actions, b.actions { + display: inline; + margin: 0 0 0 5px; + font-weight: normal; + font-size: 12px; + color: #999; +} +a.relch { + color: #900; +} +a.rss { + display: block; + height: 16px; + width: 16px; + background: url(/files/rss.png) no-repeat; + text-indent: -9999px; + overflow: hidden; + float: right; +} +#vnheader div { + width: 256px; + float: left; + text-align: center; +} +#vnheader div img { + margin: 0 auto 0 auto; +} +#vnheader #nsfw { + cursor: pointer; +} +img.left { + float: left; + margin: 0 15px 0 0; +} + +img.right { + float: left; + margin: 0 0 0 15px; +} +#vnheader dl { + margin: 0 0 0 270px; +} +#vnheader h3 { + margin: 5px 0 0 260px; + font-size: 13px; +} +#vnheader p { + margin: 0 0 0 270px; +} +#vnheader select { + width: 60px; + height: 16px; + display: inline; + float: none; + text-align: center; +} +#vnheader #vnlist { + width: 150px; + text-align: left; +} + +#vnheader p.mod { + margin: 0; +} + +/* producer search */ +form#psearch { + display: block; + margin: 10px 0 20px 210px; +} +* html form#psearch { margin-left: 105px; } + + +ul.home { + float: left; + list-style-type: none; + width: 210px; + margin-top: 30px; +} +ul.home li { padding: 0; } +ul.home.break { clear: left; } +h3.home { + clear: left; + padding-top: 30px; +} + + +p.mod { + float: right; + color: #999; +} +div.dropdown { + width: 100px; + position: absolute; + left: -500px; + top: 0; + border: 1px solid #d0d0d0; + border-bottom: none; +} +div.dropdown ul, div.dropdown ul li { + list-style-type: none; + margin: 0; + padding: 0; + width: 100px; + background-color: #f0f0f0; + border-bottom: 1px solid #d0d0d0; +} +div.dropdown a, div.dropdown b { + display: block; + width: 90px; + margin: 0; + padding: 2px 5px; + text-decoration: none; +} +div.dropdown b { + font-weight: normal; + font-style: italic; + color: #666; +} +div.dropdown li.center a { + text-align: center; +} +div.dropdown a:hover { + background-color: #e0e0e0; +} + + +p#relations { + margin: 20px 0 0 0; + width: 100%; + text-align: center; +} + + +p.desc { + padding: 0 10px 0 10px; +} +p.chr { + width: 100%; + text-align: center; + font-size: 1.1em; +} +p.browse { + width: 100%; + text-align: center; +} +b.mod, a.mod { + color: #f00; +} + +/* CATEGORIES */ +ul#cat { + margin: 0; + padding: 0; +} +ul#cat ul { + list-style-type: none; + padding: 0; +} +ul#cat input { + padding: 0; + margin: 0 2px 0 2px; + border: 0; + height: 14px; +} +ul#cat li, form ul#cat li { + display: block; + width: 170px; + float: left; + clear: none; + font-weight: bold; +} +ul#cat li li { + display: list-item; + width: auto; + float: none; + clear: left; + font-weight: normal; + padding: 0 0 0 20px; + margin: 0; + cursor: pointer; + list-style-type: none; + background: url(/files/select.png) no-repeat; +} +form ul#cat li li { + padding: 0; + background: none; +} +form ul#cat li li b { width: 13px; font-weight: bold; } +form ul#cat li li a { color: #000; text-decoration: none; display: block; width: 160px; } +ul#cat li li.inc { background-position: 0px -16px; color: #090; } +ul#cat li li.exc { background-position: 0px -33px; color: #900; } + +div#lfilter { + clear: left; + padding: 10px 0 0 0; +} +div#lfilter input { + float: left; margin: 3px 3px 0 10px; +} +div#lfilter label { + float: left; margin-top: 3px; + width: 90px; +} + +i.crgn0 { font-style: normal; } +i.crgn1 { font-style: normal; color: #bbb; } +i.crgn2 { font-style: normal; } +i.crgn3 { font-style: normal; font-weight: bold; } + +/* DOCUMENTATION PAGES */ +#dpage h3 { margin-top: 20px; } +#dpage dd { padding-bottom: 5px; margin-left: 70px; } + + + +#content input.right, #content select.right { + float: right; +} +#vnlistchange { width: 130px; } +p.opts { + clear: left; + text-align: center; + width: 100%; + background-color: #f0f0f0; + margin-bottom: 10px; + margin-top: 10px; + padding: 1px 0; +} +ul#stats { + clear: left; + list-style-type: none; + padding: 0px 0 0 5px; +} +ul#stats li { + padding: 0; + display: block; + width: 345px; + float: left; + margin: 0 0 20px 0; +} +ul#stats li.break { + clear: left; +} + +acronym { + border-bottom: 1px dotted #999; +} +acronym.date { + border: 0; +} +b.future { font-weight: normal; color: #900; } + +table td { vertical-align: top; } +table { width: 100%; border-collapse: collapse; } +thead tr td { font-weight: bold; } +thead tr td a { text-decoration: none; } + +.plat { + background: url(/files/platforms.png) no-repeat; + width: 16px; + height: 14px; + margin: 0 2px 0 0; + overflow: hidden; + float: right; + text-indent: -999px; + display: block; + padding: 0; + border: 0; +} +li .plat { + float: left; +} +.plat.oth { background: none; } +.plat.dc { background-position: 0px 0px; } +.plat.lin { background-position: 0px -14px; } +.plat.nds { background-position: 0px -28px; } +.plat.ps2 { background-position: 0px -42px; } +.plat.sfc { background-position: 0px -56px; } +.plat.gba { background-position: 0px -70px; } +.plat.wii { background-position: 0px -84px; } +.plat.dvd { background-position: -16px 0px; } +.plat.mac { background-position: -16px -14px; } +.plat.ps { background-position: -16px -28px; } +.plat.psp { background-position: -16px -42px; } +.plat.win { background-position: -16px -56px; } +.plat.ext { background-position: -16px -70px; } + + + +#content table input { + width: 13px; + height: 13px; + margin: 0; + float: right; +} + +/* revisions */ +#tmc { width: 650px; margin: 0 0 30px 30px; border: 1px solid #ddd; background-color: #fbfbfb; clear: both; } +#tmc thead tr td { font-weight: normal; text-align: center; } +#tmc .tc1, #tmc .tc2 { border-right: 1px solid #ddd; } +#tmc .tc1 { font-weight: bold; padding-right: 10px; } +#tmc .tc1 { width: 100px; } +#tmc .tc2, #tmc .tc3 { width: 275px; } +div#tmc { text-align: center; } +div#revbrowse { margin: 20px 0 0 30px; width: 650px; text-align: center; } /* position: relative; top: 17px; left: 30px; */ +a#revnext { float: right } +a#revprev { float: left; } +b.diff_add { font-weight: normal; background-color: #cfc; } +b.diff_del { font-weight: normal; background-color: #fcc; } + +#tvg tr, #tus tr { background-color: #fff!important } +#tvg .tc1, #tus .tc1 { width: 25px; text-align: right; padding-right: 3px; } +#tvg .tc2 div, #tus .tc2 div { margin: 0 5px 0 0; padding: 0; float: left; background: url(/files/graph.png); height: 13px; } +#tus .tc1 { width: 60px } + +#tvr .tc3, #tvl .tc5, #tur .tc3, #tul .tc8, #thi .tc6 { text-align: right } + +#tvl .tc1, #tvl .tc2, #tvl .tc3 { white-space: nowrap; padding-right: 10px; } + +#thi { clear: both } +#thi .tc1 { width: 35px; } +#thi .tc2 { width: 110px; } + +#tre tr { background-color: #fff!important; } +#tre tr.lang { background-color: #f5f5f5!important; font-style: italic; } + +#tre .tc1 { width: 75px; padding-left: 10px; } +#tre .tc2 { width: 60px; text-align: center; } +#tre .tc3 { width: 55px; margin: 0; padding: 0; white-space: nowrap; } +#tre .tc4 { width: 10px; text-align: right; padding-right:3px; } +#tre .tc7 { width: 16px; margin: 0; padding: 0; white-space: nowrap; } + +#debug { + border-top: 1px solid #ffb4b4; + background-color: #ffece3; + height: 70px; + overflow: auto; + position: fixed; + left: 0; + bottom: 0; + width: 100%; + font-size: 10px; + margin: 0; + padding: 0; +} + |