Last active
January 5, 2025 14:52
-
-
Save rc55/078442e7fe482b2b293c26218c4c1b6f to your computer and use it in GitHub Desktop.
pouet style.css updated to use CSS variables for colours
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import "../../fonts/fonts.css"; | |
| :root { | |
| --colour-01: #224488; | |
| --colour-02: #3A6EA5; | |
| --colour-03: #ffffff; | |
| --colour-04: #9FCFFF; | |
| --colour-05: #FFCF9F; | |
| --colour-06: #FFAF1F; | |
| --colour-07: #FF4F4F; | |
| --colour-08: #cccccc; | |
| --colour-09: #9999AA; | |
| --colour-10: #224466; | |
| --colour-11: #FF8888; | |
| --colour-12: #d0bbe4; | |
| --colour-13: #7a76a8; | |
| --colour-14: #5c5288; | |
| --colour-15: #E8D1FF; | |
| --colour-16: #775599; | |
| --colour-17: #AA88CC; | |
| --colour-18: #99A; | |
| --colour-19: #579; | |
| --colour-20: #8ac; | |
| --colour-21: #88FF88; | |
| --colour-22: #f66; | |
| --colour-23: #ffdb4c; | |
| --colour-24: #000000; | |
| --colour-25: #446688; | |
| --colour-26: #6688AA; | |
| --colour-27: #557799; | |
| --colour-28: #886644; | |
| --colour-29: #883022; | |
| --colour-30: #884446; | |
| --colour-31: #AA5555; | |
| --colour-32: #228830; | |
| --colour-33: #468844; | |
| --colour-34: #882230; | |
| --colour-35: rgba(85, 119, 153, 0.8); | |
| --colour-36: rgb(255, 255, 255, 0.5); | |
| --colour-37: rgba(236, 191, 16, 0.8); | |
| --colour-38: rgba(34,68,136,1); | |
| --colour-39: rgba(255,208,0,1); | |
| --colour-40: #ffff00; | |
| --colour-41: #ff0000; | |
| --colour-42: #88AACC; | |
| } | |
| * { | |
| margin: 0px; | |
| padding: 0px; | |
| } | |
| body { | |
| /*background: var(--colour-02) url("gfx/trumpet.png");*/ | |
| background: var(--colour-02) url("gfx/trumpet.svg"); | |
| font-size: 9pt; | |
| font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; | |
| margin: 0px; | |
| padding: 0px; | |
| color: var(--colour-03); | |
| } | |
| @media screen and (min-width: 600px) { | |
| body { | |
| /* kusma's idea, if it breaks it's his fault */ | |
| position: absolute; | |
| min-width: 100%; | |
| } | |
| } | |
| a { | |
| color: var(--colour-04); | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| text-decoration: underline; | |
| } | |
| img { | |
| -moz-force-broken-image-icon: 1; | |
| border: 0px; | |
| } | |
| input, select, option { | |
| font-size: 9pt; | |
| font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; | |
| font-weight: normal; | |
| } | |
| optgroup option { | |
| padding-left: 15px; | |
| } | |
| textarea { | |
| font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; | |
| font-size: 9pt; | |
| padding: 2px; | |
| } | |
| select[multiple="multiple"], select[multiple="multiple"] option { | |
| display: block; | |
| padding: 1px; | |
| } | |
| input { | |
| padding: 2px; | |
| } | |
| input[type="submit"][value="Submit"], input[type="submit"][value="submit"] { | |
| background: url("gfx/submit.gif") top left no-repeat; | |
| width: 45px; | |
| height: 18px; | |
| overflow: hidden; | |
| text-indent: -90px; | |
| border: 0px; | |
| cursor: hand; | |
| cursor: pointer; | |
| color: transparent; | |
| } | |
| input[type="submit"][value="preview"], input[type="submit"][value="Preview"], #submitPreview { | |
| background: url("gfx/preview.png") top left no-repeat; | |
| margin-right: 3px; | |
| width: 45px; | |
| height: 18px; | |
| overflow: hidden; | |
| text-indent: -90px; | |
| border: 0px; | |
| cursor: hand; | |
| cursor: pointer; | |
| color: transparent; | |
| } | |
| header { | |
| text-align: center; | |
| margin-top: 10px; | |
| } | |
| header p { | |
| margin: 0px; | |
| } | |
| header h1 { | |
| display: none; | |
| } | |
| header a img { | |
| border: 0px; | |
| } | |
| #logo img { | |
| max-width: 100%; | |
| } | |
| footer { | |
| text-align: center; | |
| margin-bottom: 10px; | |
| } | |
| footer ul { | |
| list-style: none; | |
| } | |
| footer ul li.forceDesktop { | |
| display: none; | |
| } | |
| #content { | |
| margin: 5px; | |
| text-align: center; | |
| } | |
| /* layouts: three columns, middle one slightly wider */ | |
| .column#leftbar { | |
| width: 22%; | |
| display: table-cell; | |
| padding: 10px 1.5%; | |
| } | |
| .column#middlebar { | |
| width: 56%; | |
| display: table-cell; | |
| padding: 10px 1.5%; | |
| } | |
| .column#rightbar { | |
| width: 22%; | |
| display: table-cell; | |
| padding: 10px 1.5%; | |
| } | |
| /* layouts: two columns, one wide, one thin */ | |
| .column#blogcontent { | |
| width: 77%; | |
| display: table-cell; | |
| padding: 10px 1.5%; | |
| } | |
| .column#blogsidebar { | |
| width: 22%; | |
| display: table-cell; | |
| padding: 10px 1.5%; | |
| } | |
| /* layouts: two columns, one thin, one wide */ | |
| .column#portalcontent { | |
| width: 22%; | |
| display: table-cell; | |
| padding: 10px 1.5%; | |
| } | |
| .column#portalsidebar { | |
| width: 77%; | |
| display: table-cell; | |
| padding: 10px 1.5%; | |
| } | |
| nav { | |
| border-top: 1px solid var(--colour-03); | |
| border-bottom: 1px solid var(--colour-03); | |
| width: 100%; | |
| background-color: var(--colour-01); | |
| text-align: center; | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| padding: 0px; | |
| font-weight: bold; | |
| clear: both; | |
| } | |
| nav ul { | |
| margin: 0px; | |
| padding: 3px; | |
| } | |
| nav li { | |
| display: inline; | |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAAA1BMVEX8/vwlkMVqAAAACklEQVR4XmOAAgAACAABnWENdQAAAABJRU5ErkJggg==) center right no-repeat; | |
| padding-right: 9px; | |
| } | |
| nav li:first-child { | |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAAA1BMVEX8/vwlkMVqAAAACklEQVR4XmOAAgAACAABnWENdQAAAABJRU5ErkJggg==) center left no-repeat, | |
| url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAEAQMAAACTPww9AAAAA1BMVEX8/vwlkMVqAAAACklEQVR4XmOAAgAACAABnWENdQAAAABJRU5ErkJggg==) center right no-repeat; | |
| padding-left: 9px; | |
| } | |
| nav li a:first-letter { | |
| color: var(--colour-04); | |
| } | |
| nav li a.adminlink:first-letter { | |
| color: var(--colour-05); | |
| } | |
| nav li a { | |
| display: inline-block; | |
| color: var(--colour-03); | |
| } | |
| .pouettbl { | |
| background: var(--colour-24); | |
| border: 0px; | |
| margin: 0px auto 20px; | |
| /*width: 90%;*/ | |
| padding: 1px; | |
| display: table; | |
| text-align: left; | |
| } | |
| #content.frontpage { | |
| display: table; | |
| margin: 0 auto; | |
| width: 100%; | |
| } | |
| .frontpage .pouettbl { | |
| display: block; | |
| } | |
| .pouettbl h2 { | |
| background: var(--colour-01); | |
| color: var(--colour-03); | |
| padding: 3px; | |
| border: 0px; | |
| margin: 1px; | |
| text-align: left; | |
| font-size: 100%; | |
| } | |
| .boxtable { | |
| background: var(--colour-24); | |
| padding: 0px; | |
| border: 1px solid var(--colour-24); | |
| margin: 0px auto 20px; | |
| border-collapse: separate; | |
| border-spacing: 1px; | |
| text-align: left; | |
| } | |
| .pouettbl .boxtable { | |
| border: 0px; | |
| width: 100%; | |
| margin-top: -1px; | |
| margin-bottom: 0px; | |
| } | |
| .pouettbl .boxtable+.foot, .pouettbl .boxtable+.letterselect { | |
| margin-top: 0px; | |
| } | |
| .pouettbl .boxlisttable+.foot, .pouettbl .boxlisttable+.letterselect { | |
| margin-top: 0px; | |
| } | |
| .boxtable caption { | |
| border: 2px solid var(--colour-24); | |
| border-bottom: 0px; | |
| font-size: 18px; | |
| font-weight: bold; | |
| background: var(--colour-01); | |
| padding: 5px; | |
| margin-bottom: -1px; | |
| } | |
| .boxtable td { | |
| margin: 0px; | |
| padding: 2px; | |
| border: 0px; | |
| background: var(--colour-25);; | |
| } | |
| .boxtable th { | |
| background: var(--colour-01); | |
| padding: 5px; | |
| } | |
| th .rulez, | |
| th .isok, | |
| th .sucks | |
| { | |
| overflow: hidden; | |
| text-indent: 32px; | |
| display: inline-block; | |
| width: 16px; | |
| height: 16px; | |
| } | |
| th .rulez { | |
| background: url("gfx/rulez.svg") top left no-repeat; | |
| } | |
| th .isok { | |
| background: url("gfx/isok.svg") top left no-repeat; | |
| } | |
| th .sucks { | |
| background: url("gfx/sucks.svg") top left no-repeat; | |
| } | |
| .pouettbl .boxlist { | |
| padding: 0px; | |
| border: 0px; | |
| margin: 0px; | |
| list-style: none; | |
| } | |
| .pouettbl .boxlist > li { | |
| margin: 1px; | |
| padding: 2px; | |
| } | |
| .pouettbl .content { | |
| background: var(--colour-25);; | |
| color: var(--colour-03); | |
| border: 1px solid var(--colour-24); | |
| padding: 2px; | |
| border: 0px; | |
| margin: 1px; | |
| vertical-align: middle; | |
| } | |
| .foot, .boxtable td.foot { | |
| background: var(--colour-26); | |
| padding: 2px; | |
| border: 0px; | |
| margin: 1px; | |
| font-weight: bold; | |
| } | |
| .pouettbl .foot { | |
| clear: both; | |
| text-align: right; | |
| } | |
| .boxlist>*:nth-child(odd), .boxtable tr:nth-child(odd) td, #partytable tr:nth-child(odd) td, td.r1 { | |
| background: var(--colour-25);; | |
| } | |
| .boxlist>*:nth-child(even), .boxtable tr:nth-child(even) td, #partytable tr:nth-child(even) td, .content.r2, td.r2 { | |
| background: var(--colour-27); | |
| } | |
| td.date { | |
| text-align: right; | |
| } | |
| .adminlink { | |
| color: var(--colour-06); | |
| } | |
| .center { | |
| text-align: center; | |
| } | |
| .group { | |
| display: block; | |
| text-transform: lowercase; | |
| clear: both; | |
| } | |
| .prod { | |
| font-weight: bold; | |
| text-transform: lowercase; | |
| } | |
| .prodentry .prod { | |
| vertical-align: middle; | |
| } | |
| #pouetbox_latestoneliner h2 { | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-01) url("gfx/titles/talk.svg") top left no-repeat; | |
| background-position: 2px 2px; | |
| } | |
| #pouetbox_search h2 { | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-01) url("gfx/titles/search.svg") top left no-repeat; | |
| background-position: 2px 2px; | |
| } | |
| #pouetbox_feedpoundsoff h2 { | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-01) url("gfx/titles/poundsoff.gif") top left no-repeat; | |
| background-position: 2px 2px; | |
| } | |
| #pouetbox_feedpouettwitter h2 { | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-01) url("gfx/titles/twitter.png") top left no-repeat; | |
| background-position: 2px 2px; | |
| } | |
| #pouetbox_feedwanted h2 { | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-01) url("gfx/titles/wanted.png") top left no-repeat; | |
| background-position: 2px 2px; | |
| } | |
| #pouetbox_stats { | |
| width: 100%; | |
| } | |
| #pouetbox_stats th.header { | |
| padding: 0px; | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-01) url("gfx/titles/stats.svg") top left no-repeat; | |
| background-position: 2px 2px; | |
| text-align: left; | |
| } | |
| #pouetbox_stats td:nth-child(2), #pouetbox_stats th:nth-child(2) { | |
| text-align: right; | |
| } | |
| #pouetbox_cdc h2 { | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-01) url("gfx/titles/coupdecoeur.svg") top left no-repeat; | |
| background-position: 2px 2px; | |
| } | |
| #pouetbox_upcomingparties h2 { | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-01) url("gfx/titles/dpnet.gif") top left no-repeat; | |
| background-position: 2px 2px; | |
| } | |
| #pouetbox_login .achievements { | |
| background: var(--colour-28); | |
| } | |
| .pouetbox_newsbox h3 { | |
| padding: 3px; | |
| border: 0px; | |
| margin: 1px; | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| /*background: var(--colour-01) url("gfx/titles/bitfellas.gif") top left no-repeat;*/ | |
| background: var(--colour-01) url("gfx/titles/bitfellas.svg") top left no-repeat; | |
| background-position: 3px 3px; | |
| color: var(--colour-03); | |
| font-size: 100%; | |
| } | |
| .pouetbox_newsbox .foot { | |
| font-weight: normal; | |
| } | |
| #pouetbox_stats .stat { | |
| text-align: right; | |
| } | |
| .content li { | |
| margin-left: 40px; | |
| /*clear: both;*/ | |
| } | |
| .pouetbox_newsbox .content p { | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| .typeiconlist { | |
| display: inline-block; | |
| margin-right: 4px; | |
| vertical-align: middle; | |
| } | |
| .platformiconlist { | |
| display: inline-block; | |
| float: right; | |
| margin-left: 4px; | |
| vertical-align: middle; | |
| } | |
| .platform, .platformi { | |
| width: 16px; | |
| height: 16px; | |
| background-repeat: no-repeat; | |
| display: inline-block; | |
| vertical-align: middle; | |
| overflow: hidden; | |
| line-height: 100px; | |
| } | |
| .platformi { | |
| float: right; | |
| } | |
| .platform span, .platformi span { | |
| display: none; | |
| } | |
| .type, .typei { | |
| width: 16px; | |
| height: 16px; | |
| display: inline-block; | |
| background-repeat: no-repeat; | |
| vertical-align: middle; | |
| overflow: hidden; | |
| line-height: 100px; | |
| } | |
| .typei { | |
| float: left; | |
| } | |
| .type span { | |
| display: none; | |
| } | |
| .user.online { | |
| background: url("gfx/online.png") no-repeat scroll left 4px transparent; | |
| padding-left: 10px; | |
| } | |
| .user.banned { | |
| color: var(--colour-07); | |
| text-decoration: line-through; | |
| } | |
| img.avatar { | |
| margin: 0px; | |
| padding: 0px; | |
| border: 0px; | |
| vertical-align: -25%; | |
| width: 16px; | |
| height: 16px; | |
| image-rendering: -moz-crisp-edges; | |
| /* Firefox */ | |
| image-rendering: -o-crisp-edges; | |
| /* Opera */ | |
| image-rendering: -webkit-pixelated; | |
| /* Webkit (non-standard naming) */ | |
| image-rendering: pixelated; | |
| -ms-interpolation-mode: nearest-neighbor; | |
| /* IE (non-standard property) */ | |
| } | |
| .center { | |
| text-align: center; | |
| } | |
| #pouetbox_latestbbs .avatar { | |
| width: 16px; | |
| /* vertical-align: middle;*/ | |
| } | |
| #pouetbox_latestbbs .category { | |
| width: 50px; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| #pouetbox_latestbbs .topic { | |
| font-weight: bold; | |
| overflow: hidden; | |
| } | |
| .boxtable tr.closed:nth-child(odd) td.topic { | |
| background: url("gfx/lock.png") var(--colour-25) no-repeat 2px 2px; | |
| padding-left: 18px; | |
| } | |
| .boxtable tr.closed:nth-child(even) td.topic { | |
| background: url("gfx/lock.png") var(--colour-27) no-repeat 2px 2px; | |
| padding-left: 18px; | |
| } | |
| #pouetbox_latestbbs .count { | |
| text-align: right; | |
| width: 40px; | |
| } | |
| .pouettbl .boxlisttable { | |
| display: table; | |
| width: 100%; | |
| border-collapse: separate; | |
| border-spacing: 1px; | |
| margin: 0; | |
| margin-top: -1px; | |
| } | |
| .pouettbl .boxlisttable > li { | |
| display: table-row; | |
| } | |
| .pouettbl .boxlisttable > li > span.rowuser, .pouettbl .boxlisttable li>span.rowvote { | |
| text-align: right; | |
| width: 16px; | |
| } | |
| .pouettbl .boxlisttable > li > span { | |
| display: table-cell; | |
| padding: 2px; | |
| word-wrap: break-word; | |
| vertical-align: top; | |
| } | |
| .pouettbl .boxlisttable > li.r1>span { | |
| background: var(--colour-25) !important; | |
| } | |
| .pouettbl .boxlisttable > li.r2>span { | |
| background: var(--colour-27) !important; | |
| } | |
| #prodpagecontainer { | |
| margin: 0px auto; | |
| max-width: 900px; | |
| display: table; | |
| } | |
| #pouetbox_latestoneliner .loggedin { | |
| text-align: center; | |
| } | |
| #pouetbox_latestoneliner .loggedin span { | |
| float: right; | |
| margin-top: 3px; | |
| } | |
| #pouetbox_latestoneliner #onelinermsg { | |
| width: 390px; | |
| max-width: 70%; | |
| } | |
| #pouetbox_onelinerview time, #pouetbox_latestoneliner time { | |
| color: var(--colour-08); | |
| } | |
| #pouetbox_onelinerview li, #pouetbox_latestoneliner li, #pouetbox_prodcomments .content, #pouetbox_bbsview .content { | |
| overflow: hidden; | |
| word-break: break-word; | |
| } | |
| #pouetbox_onelinerview li.day { | |
| background: var(--colour-01); | |
| font-weight: bold; | |
| } | |
| #pouetbox_prodmain { | |
| width: 100%; | |
| margin: 10px auto; | |
| background: var(--colour-24); | |
| border: 1px solid var(--colour-24); | |
| border-collapse: separate; | |
| border-spacing: 1px; | |
| } | |
| #pouetbox_prodmain #alltimerank { | |
| font-size: 80%; | |
| margin: 5px; | |
| } | |
| #pouetbox_prodmain #nfo { | |
| float: right; | |
| margin-top: 6px; | |
| } | |
| #pouetbox_prodmain #partytable { | |
| border-collapse: collapse; | |
| text-align: left; | |
| } | |
| #pouetbox_prodmain #partytable td { | |
| padding: 1px; | |
| } | |
| #pouetbox_prodmain #partytable td, #pouetbox_prodmain #partytable th { | |
| border: 1px solid var(--colour-24); | |
| padding: 2px; | |
| } | |
| #pouetbox_prodmain ul { | |
| list-style: none; | |
| } | |
| #pouetbox_prodmain th { | |
| background: var(--colour-01); | |
| padding: 3px; | |
| } | |
| #pouetbox_prodmain td { | |
| background: var(--colour-25);; | |
| padding: 2px; | |
| } | |
| #pouetbox_prodmain td.r2 { | |
| background: var(--colour-27); | |
| } | |
| #pouetbox_prodmain #prod-title { | |
| font-size: 18px; | |
| font-weight: bold; | |
| } | |
| #pouetbox_prodmain #title { | |
| float: left; | |
| } | |
| #pouetbox_prodmain #otherlinks { | |
| float: right; | |
| margin-top: 4px; | |
| } | |
| #pouetbox_prodmain #popularity { | |
| text-align: center; | |
| vertical-align: middle; | |
| } | |
| #pouetbox_prodmain .cenmid { | |
| text-align: center; | |
| vertical-align: middle; | |
| } | |
| #pouetbox_prodmain #stattable td { | |
| border: 0px; | |
| text-align: left; | |
| padding: 1px; | |
| vertical-align: top; | |
| } | |
| #pouetbox_prodmain #links { | |
| text-align: right; | |
| vertical-align: bottom; | |
| } | |
| #pouetbox_prodmain #links #mainDownloadLink { | |
| font-weight: bold; | |
| } | |
| #pouetbox_prodmain #links li { | |
| text-transform: lowercase; | |
| } | |
| #pouetbox_prodmain #screenshot { | |
| text-align: center; | |
| vertical-align: middle; | |
| /* | |
| width: 400px; | |
| height: 300px; | |
| */ | |
| } | |
| #pouetbox_prodmain .foot { | |
| text-align: right; | |
| background: var(--colour-26); | |
| font-weight: normal; | |
| } | |
| #pouetbox_prodsneakycdcs { | |
| width: 100%; | |
| } | |
| .na { | |
| color: var(--colour-09); | |
| } | |
| .ordinal { | |
| color: var(--colour-08); | |
| } | |
| #pouetbox_prodnfo.asciiviewer { | |
| display: table; | |
| max-width: 900px; | |
| } | |
| .asciiviewer .content { | |
| padding: 5px; | |
| } | |
| .asciiviewer #fontlist { | |
| background: var(--colour-26); | |
| text-align: center; | |
| font-weight: bold; | |
| padding: 2px; | |
| } | |
| .asciiviewer .foot { | |
| background: var(--colour-01); | |
| } | |
| .asciiviewer pre { | |
| text-shadow: 4px 4px var(--colour-10); | |
| white-space: pre-wrap; | |
| line-height: 1em; | |
| } | |
| .asciiviewer pre::-moz-selection { | |
| text-shadow: none; | |
| background: var(--colour-03); | |
| color: var(--colour-10); | |
| } | |
| .asciiviewer pre::-webkit-selection { | |
| text-shadow: none; | |
| background: var(--colour-03); | |
| color: var(--colour-10); | |
| } | |
| .asciiviewer pre::selection { | |
| text-shadow: none; | |
| background: var(--colour-03); | |
| color: var(--colour-10); | |
| } | |
| .asciiviewer pre { | |
| font-family: 'Courier New', monospace; | |
| font-size: 12px; | |
| } | |
| .asciiviewer pre.amiga-medres { | |
| font-family: 'topaz'; | |
| font-size: 16px; | |
| } | |
| .asciiviewer pre.amiga-hires { | |
| font-family: 'topaz-hires'; | |
| font-size: 8px; | |
| } | |
| .asciiviewer pre.rez-ascii { | |
| font-family: 'rez-ascii'; | |
| font-size: 8px; | |
| } | |
| .asciiviewer pre.dos-80x25 { | |
| font-family: 'ibm-80x25'; | |
| font-size: 16px; | |
| } | |
| .asciiviewer pre.dos-80x50 { | |
| font-family: 'ibm-80x50'; | |
| font-size: 8px; | |
| } | |
| .outerbar { | |
| width: 100px; | |
| height: 16px; | |
| background: var(--colour-24); | |
| padding: 1px; | |
| margin: 5px auto; | |
| text-align: left; | |
| } | |
| .innerbar_solo { | |
| background: linear-gradient(#24468a, #a7d6f8 25%, #a7d6f8 33%, #547ab2, #24468a); | |
| /* background: url('gfx/bar.png') repeat-x;*/ | |
| padding: 0px; | |
| margin: 0px 0px; | |
| height: 16px; | |
| border: 1px solid var(--colour-24); | |
| } | |
| .innerbar { | |
| background: linear-gradient(#24468a, #a7d6f8 25%, #a7d6f8 33%, #547ab2, #24468a); | |
| /* background: url('gfx/bar.png') repeat-x;*/ | |
| padding: 0px; | |
| margin: 0px 0px; | |
| height: 16px; | |
| } | |
| .innerbar span, .innerbar_solo span { | |
| display: none; | |
| } | |
| #pouetbox_prodpopularityhelper { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| #pouetbox_prodpopularityhelper input { | |
| text-align: center; | |
| max-width: 360px; | |
| width: 100%; | |
| } | |
| #pouetbox_prodlists { | |
| width: 100%; | |
| } | |
| #pouetbox_prodsubmitchanges { | |
| width: 100%; | |
| text-align: center; | |
| } | |
| #pouetbox_bbsview, #pouetbox_onelinerview { | |
| width: 75%; | |
| } | |
| /* | |
| #pouetbox_bbsview .navbar, #pouetbox_onelinerview .navbar, #pouetbox_prodcomments | |
| */ | |
| .navbar { | |
| background: var(--colour-01); | |
| font-weight: bold; | |
| text-align: center; | |
| margin: 1px; | |
| color: var(--colour-04); | |
| height: 22px; | |
| clear: both; | |
| } | |
| #pouetbox_bbsview .blank { | |
| background: var(--colour-01); | |
| height: 16px; | |
| } | |
| /* | |
| #pouetbox_prodcomments | |
| */ | |
| .navbar { | |
| padding: 4px; | |
| } | |
| #pouetbox_bbsview .threadcategory { | |
| background: var(--colour-25);; | |
| text-align: center; | |
| padding: 2px; | |
| border: 0px; | |
| margin: 1px; | |
| } | |
| #pouetbox_bbsview .foot .tools, #pouetbox_prodcomments .foot .tools { | |
| display: none; | |
| } | |
| #pouetbox_bbsview .foot:hover .tools, #pouetbox_prodcomments .foot:hover .tools { | |
| display: inline; | |
| } | |
| .prevpage { | |
| float: left; | |
| margin: 4px; | |
| padding-left: 16px; | |
| background: var(--colour-01) url("gfx/flecheg.svg") top left no-repeat; | |
| } | |
| .nextpage { | |
| float: right; | |
| margin: 4px; | |
| padding-right: 16px; | |
| background: var(--colour-01) url("gfx/fleched.svg") top right no-repeat; | |
| } | |
| #pouetbox_bbsview .selector { | |
| width: 320px; | |
| margin: 0px auto; | |
| } | |
| #pouetbox_bbsview h2 { | |
| text-align: center; | |
| overflow: hidden; | |
| } | |
| #pouetbox_bbsview img, #pouetbox_prodcomments img { | |
| max-width: 95%; | |
| } | |
| #pouetbox_prodcomments { | |
| display: block; | |
| width: 100%; | |
| max-width: 900px; | |
| } | |
| #pouetbox_bbsview { | |
| display: block; | |
| width: 75%; | |
| } | |
| #pouetbox_prodcomments img { | |
| max-width: 95%; | |
| } | |
| #pouetbox_prodcomments .foot, #pouetbox_bbsview .foot { | |
| font-weight: normal; | |
| } | |
| #pouetbox_prodcomments div:target .content, #pouetbox_bbsview div:target .content { | |
| border: 3px solid var(--colour-42); | |
| padding: 5px; | |
| } | |
| #pouetbox_prodcomments .comment.author:target .content { | |
| border: 3px solid var(--colour-15); | |
| } | |
| #pouetbox_prodcomments .comment.author .content { | |
| background: var(--colour-14); | |
| } | |
| #pouetbox_prodcomments .comment.author .foot { | |
| background: var(--colour-13); | |
| } | |
| #pouetbox_prodcomments .comment.author a { | |
| color: var(--colour-12); | |
| } | |
| #pouetbox_prodcomments .comment.author .bbs_quote blockquote, #pouetbox_prodcomments .comment.author .bbs_code code { | |
| background-color: var(--colour-16); | |
| border: 1px solid var(--colour-17); | |
| } | |
| #pouetbox_affilbutton .content { | |
| text-align: center; | |
| } | |
| #pouetbox_affilbutton img { | |
| border: 0px; | |
| } | |
| #pouetbox_usermain { | |
| max-width: 900px; | |
| } | |
| #pouetbox_usermain img { | |
| max-width: 800px; | |
| } | |
| #pouetbox_usermain .content { | |
| min-height: 170px; | |
| min-width: 400px; | |
| /* display: table;*/ | |
| } | |
| #pouetbox_usermain .bigavatar { | |
| float: right; | |
| padding: 5px; | |
| image-rendering: -moz-crisp-edges; | |
| /* Firefox */ | |
| image-rendering: -o-crisp-edges; | |
| /* Opera */ | |
| image-rendering: -webkit-pixelated; | |
| /* Webkit (non-standard naming) */ | |
| image-rendering: pixelated; | |
| -ms-interpolation-mode: nearest-neighbor; | |
| /* IE (non-standard property) */ | |
| } | |
| #pouetbox_usermain .bigavatar img { | |
| width: 160px; | |
| height: 160px; | |
| } | |
| #pouetbox_usermain #userdata { | |
| list-style: none; | |
| margin-bottom: 15px; | |
| /* float: left;*/ | |
| margin-right: 170px; | |
| } | |
| #pouetbox_usermain #userdata li { | |
| white-space: nowrap; | |
| } | |
| #pouetbox_usermain #userdata li span.field { | |
| width: 100px; | |
| text-align: right; | |
| font-weight: bold; | |
| display: inline-block; | |
| } | |
| #pouetbox_usermain #contriblist li span.releaseYear { | |
| color: var(--colour-18); | |
| } | |
| #pouetbox_usermain #logolist li { | |
| background: var(--colour-02) url("gfx/trumpet.png"); | |
| text-align: center; | |
| } | |
| #pouetbox_usermain #logolist li .logo { | |
| display: table; | |
| margin: 0 auto; | |
| position: relative; | |
| } | |
| #pouetbox_usermain #logolist li .logo .logovotes { | |
| display: none; | |
| background: var(--colour-01); | |
| border: 1px solid var(--colour-24); | |
| bottom: 0; | |
| left: 0; | |
| padding: 2px; | |
| position: absolute; | |
| } | |
| #pouetbox_usermain #logolist li .logo:hover .logovotes { | |
| display: block; | |
| } | |
| #pouetbox_usermain .header { | |
| border: 0 none; | |
| color: var(--colour-03); | |
| font-style: italic; | |
| margin-top: 10px; | |
| padding: 3px; | |
| text-align: center; | |
| width: 200px; | |
| } | |
| #pouetbox_usermain .header span { | |
| font-weight: bold; | |
| } | |
| #pouetbox_usermain .foot { | |
| font-weight: normal; | |
| } | |
| #pouetbox_usermain .contribheader { | |
| background: var(--colour-01); | |
| margin: 1px; | |
| padding: 2px; | |
| } | |
| #pouetbox_usermain .contribheader span { | |
| color: var(--colour-09); | |
| } | |
| .vote { | |
| float: left; | |
| margin: 0px; | |
| padding: 0px; | |
| width: 16px; | |
| height: 16px; | |
| overflow: hidden; | |
| line-height: 100px; | |
| margin-right: 3px; | |
| } | |
| .pouettbl .boxlisttable > li > span.toplist, .votesavg span { | |
| padding-left: 20px; | |
| margin-right: 2px; | |
| display: inline-block; | |
| height: 16px; | |
| margin-top: 2px; | |
| margin-left: 2px; | |
| } | |
| #avgstats li, | |
| .prodthumbs > li { | |
| padding-left: 20px; | |
| display: table; | |
| margin: 0 auto; | |
| } | |
| .prodthumbs > li { | |
| margin: 2px auto 2px; | |
| } | |
| #avgstats li.watchlist { | |
| padding: 0; | |
| } | |
| .icon { | |
| width: 16px; | |
| height: 16px; | |
| display: inline-block; | |
| overflow: hidden; | |
| text-indent: 32px; | |
| } | |
| .rowvote { | |
| width: 20px; | |
| overflow: hidden; | |
| font-size: 0px; | |
| } | |
| .vote.rulez, .toplist.rulez, .prodthumbs .rulez, #avgstats .rulez, .icon.rulez, .votesavg .rulez, .rowvote.rulez { | |
| background: url("gfx/rulez.svg") top left no-repeat; | |
| } | |
| .vote.sucks, .toplist.sucks, .prodthumbs .sucks, #avgstats .sucks, .icon.sucks, .votesavg .sucks, .rowvote.sucks { | |
| background: url("gfx/sucks.svg") top left no-repeat; | |
| } | |
| .vote.isok, .toplist.isok, .prodthumbs .isok, #avgstats .isok, .icon.isok, .votesavg .isok, .rowvote.isok { | |
| background: url("gfx/isok.svg") top left no-repeat; | |
| } | |
| .rowvote.rulez { | |
| background: url("gfx/rulez.svg") 2px 2px no-repeat; | |
| } | |
| .rowvote.sucks { | |
| background: url("gfx/sucks.svg") 2px 2px no-repeat; | |
| } | |
| .rowvote.isok { | |
| background: url("gfx/isok.svg") 2px 2px no-repeat; | |
| } | |
| #pouetbox_feedpoundsoff li{ | |
| padding-left: 22px; | |
| min-height: 18px; | |
| } | |
| #pouetbox_feedpoundsoff .boxlist li:nth-child(2n+1).rulez { background: url("gfx/rulez.svg") 2px 2px no-repeat var(--colour-25);;} | |
| #pouetbox_feedpoundsoff .boxlist li:nth-child(2n+1).sucks { background: url("gfx/sucks.svg") 2px 2px no-repeat var(--colour-25);;} | |
| #pouetbox_feedpoundsoff .boxlist li:nth-child(2n+1).isok { background: url("gfx/isok.svg") 2px 2px no-repeat var(--colour-25);; } | |
| #pouetbox_feedpoundsoff .boxlist li:nth-child(2n).rulez { background: url("gfx/rulez.svg") 2px 2px no-repeat var(--colour-27); } | |
| #pouetbox_feedpoundsoff .boxlist li:nth-child(2n).sucks { background: url("gfx/sucks.svg") 2px 2px no-repeat var(--colour-27); } | |
| #pouetbox_feedpoundsoff .boxlist li:nth-child(2n).isok { background: url("gfx/isok.svg") 2px 2px no-repeat var(--colour-27); } | |
| .vote.cdc, #avgstats .cdc { | |
| background: url("gfx/titles/coupdecoeur.svg") top left no-repeat; | |
| } | |
| .boxtable.pagedtable td.nav { | |
| background: var(--colour-01); | |
| font-weight: bold; | |
| text-align: center; | |
| margin: 1px; | |
| color: var(--colour-04); | |
| } | |
| #pouetbox_groupmain th#groupname { | |
| text-align: center; | |
| } | |
| #pouetbox_groupmain big { | |
| font-size: 18px; | |
| font-weight: bold; | |
| } | |
| #pouetbox_groupmain #adminlinks { | |
| float: right; | |
| } | |
| #pouetbox_groupmain #title { | |
| float: left; | |
| } | |
| #pouetbox_groupmain .foot, #pouetbox_bbspost .foot { | |
| font-weight: normal; | |
| background: var(--colour-01); | |
| } | |
| #pouetbox_groupmain #otherlinks { | |
| float: right; | |
| margin-top: 4px; | |
| } | |
| #pouetbox_groupmain .cenmid { | |
| text-align: center; | |
| vertical-align: middle; | |
| } | |
| #pouetbox_groupmain #stattable td { | |
| border: 0px; | |
| text-align: left; | |
| padding: 1px; | |
| } | |
| #pouetbox_groupmain #links { | |
| text-align: right; | |
| vertical-align: bottom; | |
| } | |
| #pouetbox_groupmain #screenshot { | |
| text-align: center; | |
| vertical-align: middle; | |
| width: 400px; | |
| height: 300px; | |
| } | |
| #pouetbox_groupmain .foot { | |
| text-align: right; | |
| } | |
| #pouetbox_groupmain td.affil { | |
| padding: 5px; | |
| } | |
| #pouetbox_groupmain td.affil li { | |
| display: inline-block; | |
| margin-right: 10px; | |
| } | |
| #pouetbox_groupmain td.affil>ul:before { | |
| content: "BBS Affiliations:"; | |
| font-weight: bold; | |
| } | |
| #pouetbox_bbsopen, #pouetbox_bbspost { | |
| width: 450px; | |
| margin: 0px auto; | |
| } | |
| #pouetbox_bbsopen .content, #pouetbox_bbspost .content { | |
| padding: 5px; | |
| } | |
| #pouetbox_bbsopen textarea, #pouetbox_bbspost textarea { | |
| width: 500px; | |
| height: 200px; | |
| } | |
| #pouetbox_bbsopen #topic { | |
| width: 300px; | |
| } | |
| #pouetbox_bbsopen label { | |
| display: block; | |
| } | |
| #pouetbox_bbspost #submitPreview { | |
| background: url("gfx/previewdxm.gif") top left no-repeat; | |
| } | |
| /* Styles for the bb-code "editor" buttons toolbar. */ | |
| #pouet_bb_editor { | |
| list-style-type: none; | |
| display: inline; | |
| margin-left: 1.25em; | |
| padding: 0 3px; | |
| } | |
| #pouet_bb_editor>li { | |
| display: inline; | |
| position: relative; | |
| padding: 0 3px; | |
| } | |
| #pouet_bb_editor li { | |
| margin: 0; | |
| text-decoration: underline; | |
| cursor: pointer; | |
| } | |
| #pouet_bb_editor>li:last-child:hover ul { | |
| display: block; | |
| } | |
| #pouet_bb_editor ul { | |
| display: none; | |
| position: absolute; | |
| bottom: 100%; | |
| right: 0; | |
| padding-bottom: .5em; | |
| background: var(--colour-25);; | |
| border: 1px solid var(--colour-24); | |
| border-bottom: none; | |
| } | |
| #pouet_bb_editor ul li { | |
| list-style-type: none; | |
| padding: 0 1em; | |
| white-space: nowrap; | |
| } | |
| /* end toolbar styles */ | |
| .bbs_code, .bbs_quote { | |
| margin-left: 2em; | |
| margin-right: 2em; | |
| margin-top: .5em; | |
| margin-bottom: .5em; | |
| display: block; | |
| } | |
| .bbs_quote blockquote, .bbs_code code { | |
| border: 1px solid var(--colour-20); | |
| background-color: var(--colour-19); | |
| padding: .5em; | |
| margin-top: .5em; | |
| display: block; | |
| } | |
| .bbs_code code { | |
| max-width: 85vw; | |
| white-space: pre; | |
| overflow: auto; | |
| } | |
| #pouetbox_prodpost { | |
| width: 100%; | |
| margin: 0px auto; | |
| text-align: center; | |
| } | |
| #pouetbox_prodpost textarea { | |
| width: 435px; | |
| height: 200px; | |
| } | |
| #pouetbox_prodpost #prodvote { | |
| margin: 3px; | |
| vertical-align: middle; | |
| } | |
| #pouetbox_prodpost #prodvote label { | |
| margin-right: 10px; | |
| padding-left: 20px; | |
| vertical-align: middle; | |
| display: inline-block; | |
| height: 16px; | |
| } | |
| #pouetbox_prodpost #prodvote input { | |
| vertical-align: middle; | |
| } | |
| #pouetbox_prodpost #prodvote label#ratingrulez { | |
| background: url("gfx/rulez.svg") top left no-repeat; | |
| } | |
| #pouetbox_prodpost #prodvote label#ratingpig { | |
| background: url("gfx/isok.svg") top left no-repeat; | |
| } | |
| #pouetbox_prodpost #prodvote label#ratingsucks { | |
| background: url("gfx/sucks.svg") top left no-repeat; | |
| } | |
| #pouetbox_grouplist, #pouetbox_partylist {} | |
| #pouetbox_grouplist ul { | |
| list-style: none; | |
| } | |
| .letterselect { | |
| text-align: center; | |
| background: var(--colour-01); | |
| color: var(--colour-03); | |
| padding: 3px; | |
| border: 0px; | |
| margin: 1px; | |
| font-size: 100%; | |
| font-weight: bold; | |
| } | |
| #pouetbox_grouplist td { | |
| vertical-align: top; | |
| } | |
| #pouetbox_grouplist td.groupname { | |
| font-weight: bold; | |
| } | |
| #pouetbox_partylist td.partyname { | |
| font-weight: bold; | |
| } | |
| #pouetbox_modalmessage { | |
| width: 400px; | |
| } | |
| tr.sortable th { | |
| text-align: left; | |
| } | |
| tr.sortable th .sort_platform { | |
| float: right; | |
| } | |
| tr.sortable th a { | |
| background: url("gfx/fleche1b.png") no-repeat; | |
| background-position: 0px 2px; | |
| padding-left: 16px; | |
| } | |
| tr.sortable th a.selected { | |
| background-image: url("gfx/fleche1a.svg"); | |
| } | |
| tr.sortable th a.reverse { | |
| background-image: url("gfx/fleche2b.png"); | |
| } | |
| tr.sortable th a.reverse.selected { | |
| background-image: url("gfx/fleche2a.svg"); | |
| } | |
| tr.sortable th .sort_thumbup, tr.sortable th .sort_thumbpig, tr.sortable th .sort_thumbdown { | |
| background: none; | |
| padding-left: 0px; | |
| } | |
| tr.sortable th .sort_thumbup.selected, tr.sortable th .sort_thumbpig.selected, tr.sortable th .sort_thumbdown.selected { | |
| background: none; | |
| } | |
| #pouetbox_bbslist .topic { | |
| font-weight: bold; | |
| overflow: hidden; | |
| } | |
| #pouetbox_bbslist h2 { | |
| text-align: center; | |
| } | |
| #pouetbox_bbslist #categoryFilter { | |
| font-size: 80%; | |
| margin-left: 5px; | |
| } | |
| #pouetbox_partyview td.prod, #pouetbox_partyview td.prod * { | |
| font-weight: normal; | |
| } | |
| #pouetbox_partyview td.prod .group { | |
| display: inline; | |
| } | |
| #pouetbox_partyheader, #pouetbox_searchmain, #pouetbox_account { | |
| display: table; | |
| width: auto; | |
| } | |
| #pouetbox_partyheader>* { | |
| background: var(--colour-01); | |
| text-align: center; | |
| padding: 2px; | |
| } | |
| #pouetbox_partyheader .content { | |
| font-weight: bold; | |
| } | |
| #pouetbox_partyheader .yearselect { | |
| margin: 1px; | |
| } | |
| #pouetbox_partyheader .foot { | |
| font-weight: normal; | |
| text-align: right; | |
| } | |
| #pouetbox_searchmain input { | |
| vertical-align: middle; | |
| } | |
| #pouetbox_partyheader .submitadditional { | |
| font-size: 90%; | |
| } | |
| .votes { | |
| text-align: right; | |
| } | |
| .cdcstack { | |
| display: inline-block; | |
| vertical-align: top; | |
| white-space: nowrap; | |
| margin-left: 15px; | |
| height: 16px; | |
| } | |
| .cdcstack span { | |
| background: url("gfx/titles/coupdecoeur.svg") top left no-repeat; | |
| display: inline-block; | |
| width: 16px; | |
| height: 16px; | |
| margin-left: -10px; | |
| } | |
| .awards { | |
| display: inline; | |
| vertical-align: middle; | |
| margin-left: 5px; | |
| } | |
| .awards > li { | |
| display: inline-block; | |
| } | |
| .awards > li a, #pouetbox_awards span.icon { | |
| display: inline-block; | |
| width: 16px; | |
| height: 16px; | |
| text-indent: 32px; | |
| overflow: hidden; | |
| } | |
| #pouetbox_awards span.icon { | |
| vertical-align: bottom; | |
| } | |
| .awards a.sceneorgawards.winner, #pouetbox_awards span.icon.sceneorgawards.winner { | |
| background: url("gfx/sceneorg/awardwinner.gif"); | |
| } | |
| .awards a.sceneorgawards.nominee, #pouetbox_awards span.icon.sceneorgawards.nominee { | |
| background: url("gfx/sceneorg/awardnominee.gif"); | |
| } | |
| .awards a.meteoriks.winner, #pouetbox_awards span.icon.meteoriks.winner { | |
| background: url("gfx/sceneorg/meteorikwinner.gif"); | |
| } | |
| .awards a.meteoriks.nominee, #pouetbox_awards span.icon.meteoriks.nominee { | |
| background: url("gfx/sceneorg/meteoriknominee.gif"); | |
| } | |
| .awards a.assembly.winner, #pouetbox_awards span.icon.assembly.winner { | |
| background: url("gfx/sceneorg/asm30-winner.png"); | |
| } | |
| .awards a.assembly.nominee, #pouetbox_awards span.icon.assembly.nominee { | |
| background: url("gfx/sceneorg/asm30-nominee.png"); | |
| } | |
| .awards a.nanoawards.winner, #pouetbox_awards span.icon.nanoawards.winner { | |
| background: url("gfx/sceneorg/nanoawards_winner.png"); | |
| } | |
| .awards a.nanoawards.nominee, #pouetbox_awards span.icon.nanoawards.nominee { | |
| background: url("gfx/sceneorg/nanoawards_nominee.png"); | |
| } | |
| .awards a.viewingtip, #pouetbox_awards span.icon.viewingtip { | |
| background: url("gfx/sceneorg/viewingtip.svg"); | |
| } | |
| #pouetbox_latestparties, #pouetbox_upcomingparties { | |
| text-transform: lowercase; | |
| } | |
| #pouetbox_latestparties ul, #pouetbox_upcomingparties ul { | |
| border-spacing: 1px; | |
| display: table; | |
| width: 100%; | |
| margin-top: -1px; | |
| margin-bottom: -1px; | |
| } | |
| #pouetbox_latestparties li, #pouetbox_upcomingparties li { | |
| display: table-row; | |
| } | |
| #pouetbox_latestparties li>*, #pouetbox_upcomingparties li>* { | |
| display: table-cell; | |
| padding: 2px; | |
| } | |
| #pouetbox_latestparties .releasecount, #pouetbox_upcomingparties .timeleft { | |
| text-align: right; | |
| } | |
| .pagedtable .name { | |
| font-weight: bold; | |
| } | |
| #pouetbox_search .content { | |
| background: var(--colour-27); | |
| } | |
| #pouetbox_search .content.buttons { | |
| background: var(--colour-25);; | |
| } | |
| #pouetbox_search input[type="text"] { | |
| width: 80%; | |
| } | |
| #pouetbox_search #searchType { | |
| list-style: none; | |
| } | |
| #pouetbox_search #searchType li { | |
| display: inline-block; | |
| margin: 1px; | |
| } | |
| #pouetbox_searchbbs .searchhighlight { | |
| background: var(--colour-40); | |
| color: var(--colour-24); | |
| } | |
| .formifier .row { | |
| display: table-row; | |
| } | |
| .formifier .row>* { | |
| display: table-cell; | |
| margin: 3px; | |
| vertical-align: middle; | |
| } | |
| .formifier .row .static { | |
| font-weight: bold; | |
| } | |
| .formifier #row_login div { | |
| font-weight: bold; | |
| padding: 5px; | |
| } | |
| .formifier #row_avatar select { | |
| margin: 3px; | |
| width: 250px; | |
| } | |
| .formifier .row>label { | |
| text-align: right; | |
| padding: 5px; | |
| width: 150px; | |
| } | |
| .formifier .row>span { | |
| font-style: italic; | |
| padding: 5px; | |
| } | |
| .formifier .infoAfter { | |
| font-style: italic; | |
| margin-left: 160px; | |
| padding: 5px 5px 10px; | |
| width: 400px; | |
| } | |
| .formifier .row>input { | |
| width: 250px; | |
| } | |
| .formifier .row>textarea { | |
| width: 250px; | |
| height: 150px; | |
| } | |
| .formifier .row>input[type="checkbox"] { | |
| width: auto; | |
| vertical-align: middle; | |
| } | |
| .formifier .row>input[type="url"], input[type="url"] { | |
| width: 400px; | |
| } | |
| .formifier .row>span span.req { | |
| color: var(--colour-11); | |
| font-weight: bold; | |
| } | |
| .formifier .row .formdate { | |
| text-transform: lowercase; | |
| padding: 3px; | |
| } | |
| #pouetbox_account #customizer .formifier .row>label { | |
| width: 250px; | |
| } | |
| #pouetbox_account #customizer .formifier .row>input { | |
| width: 50px; | |
| } | |
| #pouetbox_account .account-cdcs .formifier .row>label { | |
| width: 200px; | |
| } | |
| #pouetbox_account .account-cdcs .formifier .row>label { | |
| width: 200px; | |
| } | |
| #pouetbox_account .account-ims .infoAfter { | |
| font-style: italic; | |
| text-align: center; | |
| padding: 10px; | |
| } | |
| #pouetbox_account #avatarPickerPalette { | |
| position: absolute; | |
| width: 200px; | |
| background: var(--colour-25);; | |
| border: 1px solid var(--colour-24); | |
| padding: 3px; | |
| } | |
| #pouetbox_account #avatarPickerClose { | |
| float: right; | |
| } | |
| #pouetbox_account #paletteAvatars { | |
| margin-top: 3px; | |
| } | |
| #pouetbox_account #paletteAvatars>img { | |
| margin: 0 2px; | |
| cursor: pointer; | |
| } | |
| #pouetbox_mirrors { | |
| width: 50%; | |
| } | |
| #pouetbox_mirrors ul { | |
| margin-left: 20px; | |
| } | |
| .autocompleteList { | |
| border: 1px solid var(--colour-03); | |
| position: absolute; | |
| list-style: none; | |
| z-index: 20; | |
| background: var(--colour-25);; | |
| } | |
| .autocompleteList li { | |
| padding: 3px; | |
| margin: 0px; | |
| overflow: hidden; | |
| white-space: pre; | |
| } | |
| .autocompleteList li.selected { | |
| font-weight: bold; | |
| background: var(--colour-27); | |
| } | |
| .autocompleteList li:hover { | |
| background: var(--colour-26); | |
| cursor: pointer; | |
| } | |
| .autocompleteSelection span { | |
| font-weight: bold; | |
| } | |
| #row_platform select[multiple], #row_type select[multiple] { | |
| height: 150px; | |
| } | |
| #row_csdbID input, #row_sceneOrgID input, #row_slengpungID input, #row_zxdemoID input, #row_demozooID input { | |
| width: 100px; | |
| } | |
| input.autocompleteSearch { | |
| width: 200px !important; | |
| background: var(--colour-03) url('gfx/autocomplete.png') center right no-repeat; | |
| } | |
| .submitWarning { | |
| color: var(--colour-11); | |
| font-weight: bold; | |
| margin-left: 170px; | |
| padding: 5px; | |
| } | |
| #pouetbox_usermain h2 { | |
| font-weight: normal; | |
| } | |
| #pouetbox_usermain h2 * { | |
| vertical-align: text-bottom; | |
| } | |
| #pouetbox_usermain h2 span { | |
| font-weight: bold; | |
| } | |
| #pouetbox_usermain #glops { | |
| font-weight: normal; | |
| float: right; | |
| margin-top: 2px; | |
| color: var(--colour-09); | |
| } | |
| #pouetbox_usermain h2 #glops span { | |
| font-weight: bold; | |
| color: var(--colour-03); | |
| } | |
| .pouettbl.errorbox h2 { | |
| background: var(--colour-29); | |
| } | |
| .pouettbl.errorbox .content { | |
| background: var(--colour-30); | |
| text-align: center; | |
| } | |
| .pouettbl.errorbox a { | |
| color: var(--colour-11); | |
| } | |
| .pouettbl.errorbox .foot { | |
| background: var(--colour-31); | |
| } | |
| .pouettbl.successbox h2 { | |
| background: var(--colour-32); | |
| } | |
| .pouettbl.successbox .content { | |
| background: var(--colour-33); | |
| text-align: center; | |
| } | |
| .pouettbl.successbox .content a { | |
| color: var(--colour-21); | |
| } | |
| #avatarlist>* { | |
| vertical-align: middle; | |
| } | |
| #pouetbox_avatargallery { | |
| width: 610px; | |
| } | |
| #avatargallery { | |
| list-style: none; | |
| } | |
| #avatargallery li { | |
| display: inline-block; | |
| margin: 10px; | |
| } | |
| #pouetbox_submitavatar { | |
| width: 610px; | |
| } | |
| #pouetbox_submitavatar .content { | |
| padding: 10px; | |
| background: var(--colour-25) url(gfx/avatar-example.png) top 30px right 30px no-repeat; | |
| } | |
| #successOverlay, #errorOverlay { | |
| border: 1px solid var(--colour-24); | |
| font-size: 120%; | |
| font-weight: bold; | |
| left: 50%; | |
| margin-left: -150px; | |
| padding: 10px; | |
| position: fixed; | |
| text-align: center; | |
| top: 200px; | |
| width: 300px; | |
| } | |
| #successOverlay { | |
| background: var(--colour-32); | |
| } | |
| #errorOverlay { | |
| background: var(--colour-34); | |
| } | |
| #pouetbox_sceneorgawards h2, #pouetbox_meteorikawards h2 { | |
| text-align: center; | |
| } | |
| #pouetbox_sceneorgawards th.year, #pouetbox_meteorikawards th.year { | |
| font-size: 130%; | |
| } | |
| #pouetbox_sceneorgawards td>*, #pouetbox_meteorikawards td>* { | |
| vertical-align: middle; | |
| } | |
| #pouetbox_sceneorgawards th.category, #pouetbox_meteorikawards th.category { | |
| text-transform: lowercase; | |
| } | |
| #pouetbox_buttons { | |
| width: 50%; | |
| } | |
| #pouetbox_buttons .content:after { | |
| clear: both; | |
| content: " "; | |
| display: block; | |
| } | |
| #pouetbox_buttons h2 { | |
| clear: both; | |
| } | |
| #pouetbox_buttons img { | |
| border: 0px; | |
| } | |
| #pouetbox_buttons li { | |
| margin: 3px; | |
| float: left; | |
| width: 88px; | |
| height: 31px; | |
| overflow: hidden; | |
| } | |
| #pouetbox_faq { | |
| width: 75%; | |
| } | |
| #pouetbox_faq dd p { | |
| margin-top: 5px; | |
| margin-bottom: 5px; | |
| } | |
| #pouetbox_faq .content ul { | |
| margin-bottom: 20px; | |
| list-style: none; | |
| } | |
| #pouetbox_faq .content li { | |
| margin-left: 5px; | |
| } | |
| #pouetbox_faq .content li:before { | |
| content: "--> "; | |
| } | |
| #pouetbox_faq dt { | |
| background: var(--colour-25);; | |
| font-weight: bold; | |
| margin: 0px 1px; | |
| padding: 3px; | |
| text-transform: lowercase; | |
| } | |
| #pouetbox_faq dd { | |
| background: var(--colour-27); | |
| padding: 5px; | |
| padding-left: 30px; | |
| margin: 1px; | |
| } | |
| #pouetbox_faq dd ul { | |
| padding-left: 30px; | |
| } | |
| #demoblog .blogprod { | |
| background: var(--colour-01); | |
| } | |
| #demoblog .blogcomment { | |
| background: var(--colour-25);; | |
| } | |
| #demoblog .blogvote { | |
| background: var(--colour-27); | |
| text-align: right; | |
| height: 16px; | |
| } | |
| #pouetbox_boardlist .boardname { | |
| font-weight: bold; | |
| } | |
| #pouetbox_boardmain { | |
| width: 500px; | |
| } | |
| #pouetbox_boardmain #boardname, #pouetbox_listsmain #listsname { | |
| background: var(--colour-01); | |
| color: var(--colour-03); | |
| padding: 3px; | |
| border: 0px; | |
| margin: 1px; | |
| text-align: center; | |
| font-weight: bold; | |
| } | |
| #pouetbox_boardmain #body { | |
| display: table; | |
| border-collapse: separate; | |
| border-spacing: 1px; | |
| width: 100%; | |
| margin-top: -1px; | |
| margin-bottom: -1px; | |
| } | |
| #pouetbox_boardmain .foot { | |
| font-weight: normal; | |
| } | |
| #pouetbox_boardmain #body>div { | |
| vertical-align: top; | |
| display: table-cell; | |
| background: var(--colour-25);; | |
| width: 50%; | |
| } | |
| #pouetbox_boardmain ul { | |
| list-style: none; | |
| } | |
| #pouetbox_boardmain td { | |
| vertical-align: top; | |
| padding: 3px; | |
| } | |
| #pouetbox_listsmain .boxlisttable { | |
| margin-bottom: -1px; | |
| } | |
| #pouetbox_listsmain .foot { | |
| margin-top: 1px; | |
| font-weight: normal; | |
| } | |
| #pouetbox_listsmain .list-delete { | |
| width: 36px; | |
| } | |
| #pouetbox_listsmain .list-delete input { | |
| font-size: 10px; | |
| padding: 0px 2px; | |
| } | |
| .logovote .content { | |
| background: var(--colour-02) url("gfx/trumpet.png"); | |
| } | |
| #pouetbox_toplist .selector { | |
| padding: 4px; | |
| background: var(--colour-01); | |
| margin: 1px; | |
| } | |
| #pouetbox_toplist #range-selector { | |
| padding-left: 165px; | |
| padding-bottom: 10px; | |
| } | |
| #pouetbox_modalmessage .content h3 { | |
| margin: 15px; | |
| } | |
| #avgstats li { | |
| display: inline-block; | |
| height: 16px; | |
| } | |
| #credits ul { | |
| list-style: none; | |
| text-align: left; | |
| padding: 2px; | |
| } | |
| #credits ul li { | |
| display: inline-block; | |
| margin: 2px 8px; | |
| } | |
| #pouetbox_login .content { | |
| text-align: center; | |
| } | |
| .loggedout a { | |
| background: url("gfx/SceneID_Icon_200x32.svg") no-repeat; | |
| width: 200px; | |
| height: 32px; | |
| text-indent: 200px; | |
| line-height: 32px; | |
| display: block; | |
| color: transparent; | |
| overflow: hidden; | |
| margin: 5px auto 5px; | |
| } | |
| @media screen and (max-width: 1100px) { | |
| #pouetbox_login .loggedout a { | |
| background: url("gfx/SceneID_Icon_80x30.svg") no-repeat; | |
| width: 80px; | |
| height: 30px; | |
| text-indent: 80px; | |
| line-height: 30px; | |
| } | |
| } | |
| #pouetbox_login .loggedin .user { | |
| padding: 0px; | |
| background: none; | |
| font-weight: bold; | |
| } | |
| #pouetbox_cdc .notifications | |
| { | |
| text-align: center; | |
| } | |
| #pouetbox_cdc .notifications, | |
| #pouetbox_login .notifications { | |
| background: var(--colour-27); | |
| font-weight: bold; | |
| } | |
| #testbanner { | |
| background: none repeat scroll 0 0 #AA5555; | |
| border: 2px solid var(--colour-24); | |
| color: var(--colour-03); | |
| font-weight: bold; | |
| height: 60px; | |
| opacity: 0.8; | |
| padding: 10px; | |
| position: fixed; | |
| right: 10px; | |
| text-align: center; | |
| top: 10px; | |
| width: 60px; | |
| z-index: 10; | |
| } | |
| .autocompleteList li .glops { | |
| color: var(--colour-09); | |
| } | |
| .autocompleteList li .group { | |
| color: var(--colour-09); | |
| display: inline; | |
| } | |
| .autocompleteList li .group-disambig { | |
| color: var(--colour-09); | |
| font-size: 80%; | |
| } | |
| #watchlistFrm { | |
| display: inline; | |
| } | |
| #watchlistFrm input[type='submit'] { | |
| background: url("gfx/watchlist-on.png") top left no-repeat; | |
| width: 16px; | |
| height: 16px; | |
| overflow: hidden; | |
| text-indent: -90px; | |
| border: 0px; | |
| cursor: hand; | |
| cursor: pointer; | |
| color: transparent; | |
| } | |
| #watchlistFrm input[type='submit'].add { | |
| background: url("gfx/watchlist-off.png"); | |
| } | |
| #watchlistFrm input[type='submit'].remove { | |
| background: url("gfx/watchlist-on.png"); | |
| } | |
| #pouetbox_adminreq .platformiconlist { | |
| float: none; | |
| } | |
| #pouetbox_adminreq a.youtube, #pouetbox_latestoneliner li a.youtube, #pouetbox_onelinerview li a.youtube { | |
| background: url("gfx/icon_youtube.png") top left no-repeat; | |
| padding-left: 18px; | |
| } | |
| #pouetbox_adminreq a.pouet, #pouetbox_latestoneliner li a.pouet, #pouetbox_onelinerview li a.pouet { | |
| background: url("gfx/icon_pouet.png") top left no-repeat; | |
| padding-left: 18px; | |
| } | |
| #pouetbox_adminreq a.demozoo, #pouetbox_latestoneliner li a.demozoo, #pouetbox_onelinerview li a.demozoo { | |
| background: url("gfx/icon_demozoo.png") top left no-repeat; | |
| padding-left: 18px; | |
| } | |
| #pouetbox_adminedituser .formifier .row>label { | |
| width: 220px; | |
| } | |
| #pouetbox_fixmewarning { | |
| width: 400px; | |
| } | |
| #pouetbox_fixmewarning h2 { | |
| padding-left: 22px; | |
| padding-bottom: 2px; | |
| background: var(--colour-29) url("gfx/icon_youtube.png") top left no-repeat; | |
| background-position: 2px 2px; | |
| } | |
| #pouetbox_admin ul { | |
| list-style: none; | |
| } | |
| #pouetbox_admineditfaq #question, #pouetbox_admineditfaq #answer { | |
| width: 600px; | |
| } | |
| #pouetbox_feedpouettwitter { | |
| word-wrap: break-word; | |
| word-break: break-all; | |
| } | |
| .customizerBox { | |
| border: 1px solid var(--colour-24); | |
| background: var(--colour-24); | |
| margin-bottom: 5px; | |
| min-width: 250px; | |
| } | |
| body>.customizerBox.floaty { | |
| position: absolute; | |
| opacity: 0.75; | |
| } | |
| body>.customizerBox.floaty h2 { | |
| background: var(--colour-01); | |
| color: var(--colour-03); | |
| padding: 3px; | |
| border: 0px; | |
| margin: 1px; | |
| text-align: left; | |
| font-size: 100%; | |
| } | |
| body>.customizerBox.floaty .content { | |
| background: none repeat scroll 0 0 var(--colour-25);; | |
| border: 0 none; | |
| color: var(--colour-03); | |
| margin: 1px; | |
| padding: 2px; | |
| vertical-align: middle; | |
| } | |
| #pouetbox_customizer .column .placeholder { | |
| outline: var(--colour-26) dashed 3px; | |
| outline-offset: -3px; | |
| height: 32px; | |
| margin-bottom: 5px; | |
| min-width: 250px; | |
| } | |
| #pouetbox_customizer .column { | |
| min-width: 340px; | |
| vertical-align: top; | |
| } | |
| #pouetbox_customizer.js .column { | |
| min-width: 300px; | |
| } | |
| .customizerBox .controls { | |
| float: right; | |
| } | |
| .customizerBox .controls input { | |
| border: 0px; | |
| font-size: 9px; | |
| padding: 0px; | |
| width: 14px; | |
| height: 14px; | |
| vertical-align: top; | |
| } | |
| .customizerBox .content input[type='number'], #pouetbox_customizersitewide input[type='number'] { | |
| width: 50px; | |
| } | |
| #pouetbox_customizer .formifier .row>label { | |
| width: 170px; | |
| } | |
| #pouetbox_customizersitewide label { | |
| width: 240px; | |
| } | |
| #pouetbox_customizer .content.addnew { | |
| text-align: center; | |
| padding: 10px; | |
| background: var(--colour-27); | |
| } | |
| #pouetbox_prodawardsuggestions { | |
| width: 100%; | |
| } | |
| #pouetbox_prodawardsuggestions .content { | |
| text-align: center; | |
| padding: 3px; | |
| } | |
| #pouetbox_prodawardsuggestions .content select { | |
| margin: 3px auto; | |
| height: 200px; | |
| } | |
| .brokenLink.error { | |
| color: var(--colour-22); | |
| font-weight: bold; | |
| } | |
| #pouetbox_welcome p { | |
| padding: 3px; | |
| } | |
| #welcome-avatarlist { | |
| width: 800px; | |
| display: table; | |
| } | |
| #welcome-avatarlist li { | |
| display: inline-block; | |
| margin: 5px; | |
| } | |
| #welcome-avatarlist a { | |
| padding: 13px; | |
| display: inline-block; | |
| } | |
| #welcome-avatarlist a:hover { | |
| background: var(--colour-04); | |
| } | |
| #welcome-prodlist li { | |
| padding: 2px; | |
| } | |
| .newsTickers { | |
| position: fixed; | |
| top: 0; | |
| text-align: center; | |
| width: 100%; | |
| list-style: none; | |
| } | |
| .newsTickers li { | |
| background: var(--colour-35); | |
| border-bottom: 1px solid var(--colour-36); | |
| padding: 4px; | |
| } | |
| .newsTickers li p { | |
| display: inline; | |
| } | |
| .newsTickers li button.close { | |
| display: inline-block; | |
| background: none; | |
| border: 0; | |
| color: var(--colour-41); | |
| margin-left: 10px; | |
| cursor: pointer; | |
| } | |
| .newsTickers li.meteoriks { | |
| background: var(--colour-37); | |
| } | |
| .newsTickers li.meteoriks p { | |
| background: url("https://content.pouet.net/gfx/sceneorg/meteorikwinner.gif") top left no-repeat; | |
| padding-left: 20px; | |
| height: 16px; | |
| display: inline-block; | |
| } | |
| .newsTickers li.meteoriks a { | |
| color: var(--colour-23); | |
| } | |
| #largescreenshot-overlay { | |
| position: fixed; | |
| background: var(--colour-24)ba; | |
| width: 100vw; | |
| height: 100vh; | |
| top: 0; | |
| left: 0; | |
| text-align: center; | |
| } | |
| #largescreenshot-overlay img { | |
| max-width: 90%; | |
| margin: 10px auto; | |
| max-height: calc(100% - 20px); | |
| } | |
| /* #StandWithUkraine */ | |
| nav { | |
| background-color: var(--colour-01); | |
| background: linear-gradient(180deg, var(--colour-38) 0%, var(--colour-38) 50%, var(--colour-39) 50.01%, var(--colour-39) 100%); | |
| } | |
| nav li { | |
| text-shadow: 0px 0px 3px var(--colour-24), 0px 0px 3px var(--colour-24); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment