MediaWiki:Evoludo.css

From EvoLudo

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* layout for evoludo simulator */
/* #evoludolab, #virtuallab {border:1px solid #444; margin:1em auto; width:524px;} */
/* #evoludolab, #virtuallab {border:1px solid #444; margin:1em auto; padding:6px; width:532px; } */
.evoludo-simulation, #evoludolab, #virtuallab {margin:1em auto;}

/* #EvoLudoWeb { width: 520px; height: 592px; } */

/* formatting of authors etc */
.evoludo_author, .evoludo_coauthor, .evoludo_contributor, .evoludo_maintainer{font-family:Verdana,Sans-Serif;font-size:smaller;color:#000AA6}
.evoludo_author, .evoludo_coauthor{font-weight:bold}
.evoludo_maintainer{font-style:italic}

.dataview th {width:30%; text-align:end; padding-right:1em;}

/* legends for EvoLudo labs */
.legend{font-weight:bold; font-style:italic; font-family:Verdana,Sans-Serif; font-size:smaller; width:100%; padding:0.6em 0; margin:0;}
.legend td{text-align:center; padding:2px 0; vertical-align:middle;}
.legend th{text-align:right; padding:2px 10px 2px 0; width:20%; vertical-align:middle;}
.twocol td{width:40%;}
.threecol td{width:26%;}
.fourcol td{width:20%;}
.tencol td{width:5%;}
.tencol td.label{width:19%;}

/* legend colors */
.newrock, .newasocial, .newdeflight, .newmutant, .paydefect, .paymutant {background-color:#ffa0a0;}	/* light red */
.newscissors, .newsocial, .newcooplight, .newresident, .paycooperate, .payresident {background-color:#a0a0ff;}	/* light blue */
.newpaper, .newbully, .newloner{background-color:#ffffa0;}	/* light yellow */
.newmild, .newpun{background-color:#a0ffa0;}	/* light green */
.coop, .scissors, .social, .resident, .max {background-color:blue; color:white}
.defect, .rock, .asocial, .mutant, .min {background-color:red;}
.newcoop, .newres, .mild, .punish{background-color:#0f0;}
.loner, .newdef, .paper, .bully, .newmut{background-color:yellow;}
.mean, .minbw{background-color:black; color:white;}
.maxbw, .empty, .newempty{background-color:white; border:1px solid;}

.gray9{background-color:white;border:1px solid;}
.gray8{background-color:#e9e9e9;}
.gray7{background-color:#ddd;}
.gray6{background-color:#ccc;}
.gray5{background-color:#aaa;}
.gray4{background-color:#888;}
.gray3{background-color:#666;}
.gray2{background-color:#444;}
.gray1{background-color:#222;}
.gray0,.red0,.green0,.blue0,.yellow0{background-color:black;color:white;}

.red9{background-color:#f00;}
.red8{background-color:#d00;}
.red7{background-color:#b00;}
.red6{background-color:#900;}
.red5{background-color:#700;}
.red4{background-color:#600;}
.red3{background-color:#500;}
.red2{background-color:#400;}
.red1{background-color:#200;}

.green9{background-color:#0f0;}
.green8{background-color:#0d0;}
.green7{background-color:#0b0;}
.green6{background-color:#090;}
.green5{background-color:#070;}
.green4{background-color:#060;}
.green3{background-color:#050;}
.green2{background-color:#040;}
.green1{background-color:#020;}

.blue9{background-color:#00f;}
.blue8{background-color:#00d;}
.blue7{background-color:#00b;}
.blue6{background-color:#009;}
.blue5{background-color:#007;}
.blue4{background-color:#006;}
.blue3{background-color:#005;}
.blue2{background-color:#004;}
.blue1{background-color:#002;}

.yellow9{background-color:#ff0;}
.yellow8{background-color:#dd0;}
.yellow7{background-color:#bb0;}
.yellow6{background-color:#990;}
.yellow5{background-color:#770;}
.yellow4{background-color:#660;}
.yellow3{background-color:#550;}
.yellow2{background-color:#440;}
.yellow1{background-color:#220;}