QUIZ Monster

[e]

QUIZ Monster

[e]

/** GENERAL **/
    body { background: #000; font-family: verdana; font-size: 10px; }
    pre { margin: 0px; }
    UL, OL { margin: 0px; margin-left: 20px; padding: 0px; }
    UL { list-style-type: square; }
    a, a:visited { color: blue; }

.score { background: #333; color: white; float: right; font-size: 70px; padding: 10px;
         -moz-border-radius: 30px;
         -webkit-border-radius: 30px;
         -khtml-border-radius: 30px;
        border-radius: 30px;
     }
    .score small { font-size: 12px; }
  
    .confidence { width: 630px; margin: auto; }
    .confidence A { display: block; width: 50px; background: white; float: left; padding: 2px; margin: 4px; }

.caption { background: #333; position: absolute; font-size: 25px; width: 400px; z-index: 25;
      background-color:rgba(40,40,40,0.5);

}

}
   .caption A { color: #ccc; }
   .caption A:Visited { color: #ccc; }
   .caption B A { color: #ccc; }
  
   .hidden A { text-decoration: none; color: gray; }
    
/** SEARCH BOX **/

input { font: inherit; border: 1px solid gray; }

.search {
        background: white;
        text-align: center; 
        border: 1px solid black;
        padding: 10px;
        padding-top: 0px; margin-top: 0px;
        width: 800px;
        margin: auto; margin-bottom: 20px;
        font-family: verdana, sans-serif; 
        font-size: 10px;
    }
    .search TD { font-size: 10px; }
    #extra {  background: #d8d8d8; border: 1px #999 solid; padding: 10px; margin: 10px; }

#instructionsTab {
        font-family: verdana;
        font-size: 10px;
        width: 150px;
        margin: auto;
    }
    
    #instructions {
         border: 1px black solid;
         background: white;
         padding: 5px; width: 400px;
         margin: auto;
    }
    
    #instructions, #instructions TD { font-family: verdana; font-size: 10px; }
    
/** RESULTS **/
    .result A { text-decoration: none; }
    .result A:hover { text-decoration: underline; }
    
   
    #resultsbox { margin: 0px; width: 802px; padding: 0px; }
    .result {
        background: #aaa;
        text-align: center; 
        border: 1px solid black;
        text-align: left;
        padding: 0px; margin: 0px;
        margin-bottom: 20px;
        font-family: verdana; font-size: 10px;
    }
    .result small { font-size: 18px; }

.progress {
        background: #aaa;
        text-align: center; 
        border: 1px solid black;
        padding: 6px; margin: 0px;
        margin-bottom: 20px;
        font-family: verdana; font-size: 20px;
    }
    .progress small { font-size: 12px; } 
    
    .query { font-weight: bold; background: black; color: white; 
             top: -5px; left: -5px; }
    
    .title { display: block; font-weight: bold; }
    .resultText {  }
    .resultText P { margin: 0px; }
    .summary { font-size: 10px; }
    .snippet { font-size: 10px; }
    .url { font-size: 8px; color: green; }
    .reference { float: right; margin-top: 0px; padding-top: 0px; }
    .graphbar { background: gold; position: relative; }
    
</style>

add breaks

0/0
0%

[e]

I don't have the license to use any of these images. Please don't pass the link around.

( Show Sample Quizzes) ( Edit the Quiz)

<span style="color:red"><b>I don't have the license to use any of these images. Please don't pass the link around.</b></span><br>

<label for="exampleCheck">
(<input type="checkbox" id="exampleCheck" onClick="$('examples').style.display=$('exampleCheck').checked?'':'none'" /> Show Sample Quizzes</label>)

<label for="extraCheck">
(<input type="checkbox" id="extraCheck" onClick="$('extra').style.display=$('extraCheck').checked?'':'none'" /> Edit the Quiz</label>)

<p>Experimental: 
<a href="http://meansandends.com/quizMonster/index.php?database=dot&criteria_a=a%3Dthe%26name%3Ddarker%26b%3Dletter%26foreground%3Dn%5B130--150%5D%26background%3Dn%5B0--255%5D&criteria_b=name%3Dlighter%26foreground%3Dn%5B151--170%5D%26background%3Dn%5B0--255%5D&criteria_common=">colours</a>
<br>
<br>
<b>From the Metropolitan Museum of Art:</b><ul>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=whento%3D1900--2000&criteria_b=whento%3D1900--2000&criteria_common=nothing%3Dfrom%20the%20costume%20collection%26deptids%3D8">20th century costume by year</a> *
<li> <a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=who%3DPablo%2BPicasso&criteria_b=who%3DHenri%2BMatisse&criteria_common=">Picasso v Matisse</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=when%3DA.D.%2B1800-1900&criteria_b=when%3DA.D.%2B1600-1800&criteria_common=#">1600-1800 vs 1800-1900</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=who%3d(Pierre%20Bonnard|%C9douard%20Vuillard|Pablo%20Picasso|Andr%E9%20Derain|Henri%20Matisse)&criteria_b=who%3d(Pierre%20Bonnard|%C9douard%20Vuillard|Pablo%20Picasso|Andr%E9%20Derain|Henri%20Matisse)#">Mixed French Painters</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=where%3DItaly&criteria_b=where%3DGreece&criteria_common=when%3D1000%2BB.C.-A.D.%2B1">Greece v Italy</a> (13/20) *
<li> <a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=who%3DMaya&criteria_b=who%3DAztec&criteria_common">Maya vs Aztec</a> (10/20) *
</ul>
<br>

By decade:
<a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=whenfrom%3D1940%26whento%3D1949&criteria_b=whenfrom%3D1950%26whento%3D1959&criteria_common=deptids%3D8%26where%3DUnited%20States">40s vs 50s</a> (11/20)

<a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=whenfrom%3D1950%26whento%3D1959&criteria_b=whenfrom%3D1960%26whento%3D1969&criteria_common=deptids%3D8%26where%3DUnited%20States">50s vs 60s</a> (10/20)

<a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=whenfrom%3D1960%26whento%3D1969&criteria_b=whenfrom%3D1970%26whento%3D1979&criteria_common=deptids%3D8%26where%3DUnited%20States">60s vs 70s</a> (13/20)

<a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=whenfrom%3D1970%26whento%3D1979&criteria_b=whenfrom%3D1980%26whento%3D1989&criteria_common=deptids%3D8%26where%3DUnited%20States"> 70s vs 80s</a> (12/20)

<a href="http://meansandends.com/quizMonster/index.php?database=met&criteria_a=whenfrom%3D1980%26whento%3D1989&criteria_b=whenfrom%3D1990%26whento%3D1999&criteria_common=deptids%3D8%26where%3DUnited%20States"> 80s vs 90s</a> (ran out of pictures)

<br>
<br><b>From Cardatabase.net:</b><ul>
 <li> <a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1950%26toyear%3D1959&criteria_b=fromyear%3D1960%26toyear%3D1969">1950s vs 1960s</a>  <li> <a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1970%26toyear%3D1979&criteria_b=fromyear%3D1960%26toyear%3D1969&criteria_common=manufacturer%3DBMW">1960s BMWs vs 1970s BMWs</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1955%26toyear%3D1955&criteria_b=fromyear%3D1957%26toyear%3D1957&criteria_common=">1955 vs 1957</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1920%26toyear%3D1929&criteria_b=fromyear%3D1930%26toyear%3D1939">1920s vs 1930s</a> <li> <a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1980%26toyear%3D1984&criteria_b=fromyear%3D1986%26toyear%3D1989">early 80s vs late 80s</a> *
<li> <a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=model_manual%3Dcorolla&criteria_b=model_manual%3Dcorona&criteria_common=">Corolla vs Corona</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=model_manual%3Dcamry&criteria_b=model_manual%3Dcorolla&criteria_common=">Camry vs Corolla</a>
</ul>

<br><br> * = Recommended

</div>
<div style="width: 45%; float: left">

<br><b>From Getty images (photo library):</b><ul>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=p%3Dmadrid&criteria_b=p%3Dlondon&criteria_common=ebd%3D01/01/1950%26eed%3D01/01/1960">Madrid vs London in the 50s</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=ebd%3D01%2F01%2F1960%26eed%3D01%2F01%2F1964&criteria_b=ebd%3D01%2F01%2F1966%26eed%3D01%2F01%2F1970&criteria_common=p%3Dlondon">London, early vs late 60s</a> *
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=p%3Dboston&criteria_b=p%3Dchicago&criteria_common=ebd%3D01%2F01%2F1918%26eed%3D01%2F01%2F1939%26p%3D-sport+USA">Boston v Chicago, inter-war</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=p%3Dmilan%2Bitaly&criteria_b=p%3Dparis%2Bfrance&criteria_common=ebd%3D01%2F01%2F1970%26eed%3D12%2F31%2F1979%26p%3D-sport">Paris v Milan in the 70s</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=p%3Dpablo+picasso&criteria_b=p%3Dhenri+matisse&criteria_common=ebd%3D01/01/1930%26eed%3D01/01/2010">Picasso v Matisse</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=p%3Dbeijing&criteria_b=p%3Dtokyo&criteria_common=ebd%3D01/01/1900%26eed%3D01/01/1950">Beijing v Tokyo</a> *
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=ebd%3D01/01/1890%26eed%3D12/31/1895&criteria_b=ebd%3D01/02/1900%26eed%3D12/31/1905&criteria_common=p%3Dlondon%2Bportrait">Portraits in London, 1890s vs 1900s</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=p%3Djazz%2Bfrance&criteria_b=p%3Djazz%2BUSA&criteria_common=ebd%3D01%2F01%2F1930%26eed%3D01%2F01%2F1950">Jazz in France v USA</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=p%3Dnew%2Bzealand&criteria_b=p%3Daustralia%2Baustralasia&criteria_common=ebd%3D01%2F01%2F1960%26eed%3D01%2F01%2F1970%26p%3D-sport%2B-hamilton">Australia v New Zealand in the 60s</a>
<li> <a href="./?database=getty&criteria_a=p%3Dgucci%2Bdress&criteria_b=p%3Ddolce%2Bgabbana%2Bdress&criteria_common=ebd%3D01/01/2001%26eed%3D12/31/2011">Gucci v Dolce & Gabbana</a>
</ul>
<br>Decades (fashion & woman): <a href="http://meansandends.com/quizMonster/index.php?database=getty&criteria_a=ebd%3D01%2F01%2F1990%26eed%3D01%2F01%2F1999&criteria_b=ebd%3D01%2F01%2F2000%26eed%3D01%2F01%2F2009&criteria_common=p%3Dfashion%2Bwoman">90s vs 00s</a> (11/20)

<br><b>From the Web Gallery of Art  (1000-1850AD)</b><ul>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=school%3DItalian&criteria_b=school%3DFlemish&criteria_common=form%3Dpainting">Italian vs Flemish painting</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=date%3E1500%26date%3C1600&criteria_b=date%3E1700%26date%3C1800&criteria_common=form%3Dpainting">16th century vs 18th century</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=author%3DLEONARDO da Vinci&criteria_b=author%3DMICHELANGELO Buonarroti&criteria_common=">Michelangelo v Leonardo</a> *
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=author%3DRUBENS%2C%20Pieter%20Pauwel&criteria_b=author%3DREMBRANDT%20Harmenszoon%20van%20Rijn&criteria_common=form%3Dpainting">Rubens vs Rembrandt</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=author%3DRUBENS%2C%20Pieter%20Pauwel&criteria_b=author%3DDYCK%2C%20Sir%20Anthony%20van&criteria_common=form%3Dpainting">Rubens vs van Dyck</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=technique%3DOil%20on%20canvas&criteria_b=technique%3DFresco&criteria_common=">Oil vs Fresco</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=technique%3DOil%20on%20canvas&criteria_b=technique%3DOil%20on%20panel&criteria_common=">Oil on canvas vs oil on panel</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=technique%3DEngraving&criteria_b=technique%3DEtching&criteria_common=">Engraving vs Etching</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=technique%3DTempera%20on%20wood&criteria_b=technique%3DOil%20on%20wood&criteria_common=">Tempera vs Oil</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=school%3DFrench&criteria_b=school%3DEnglish&criteria_common=">French v English</a>
<li> <a href="http://meansandends.com/quizMonster/index.php?database=wga&criteria_a=school%3DDutch&criteria_b=school%3DFrench&criteria_common=type%3Dstill-life">Dutch v French Still Life</a> *
</ul>

<br>By decade:

<a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1940%26toyear%3D1949&criteria_b=fromyear%3D1950%26toyear%3D1959#
">40s vs 50s</a> (I get 14/20)

<a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1950%26toyear%3D1959&criteria_b=fromyear%3D1960%26toyear%3D1969#">50s vs 60s</a> (18/20)

<a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1960%26toyear%3D1969&criteria_b=fromyear%3D1970%26toyear%3D1979#">60s vs 70s</a> (19/20)

<a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1970%26toyear%3D1979&criteria_b=fromyear%3D1980%26toyear%3D1989#">70s vs 80s</a> (13/20)

<a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1980%26toyear%3D1989&criteria_b=fromyear%3D1990%26toyear%3D1999#">80s vs 90s</a> (13/20)

<a href="http://meansandends.com/quizMonster/index.php?database=cars&criteria_a=fromyear%3D1990%26toyear%3D1999&criteria_b=fromyear%3D2000%26toyear%3D2009#">90s vs 00s</a> (19/20)

</div>
<br clear="all">

</div>

<br>
 <div id="extra" style="display:none;">
 
    database <input type="text" name="database" id="database" value="cars" size=40 /><br />
    criteria for A <input type="text" name="criteria_a" id="criteria_a" value="manufacturer=Ford" size=40 /><br />
    criteria for B <input type="text" name="criteria_b" id="criteria_b" value="manufacturer=Toyota" size=40 /><br />
    common criteria <input type="text" name="criteria_common" id="criteria_common" value="" size=40  /><br />
 
    <input type="button" onClick="spinoff($('database').value, $('criteria_a').value, $('criteria_b').value,  $('criteria_common').value);return false;" value="go" />
 
<br>If you come up with a good quiz pls email me & tell me what it is.

<br> 
<br>For database=car, the criteria are: manufacturer, model_manual, fromyear, and toyear.
<br>For database=getty, the criteria are: p=keyword (you can use - to exclude keywords) ; ebd=beginning date (in format 01/01/2001) ; eed=end date ; and ep=type (0 : All Editorial; 1 : News; 2 : Sport; 3 : Entertainment; 53 : Contour; 34 : Travel; 5 : Publicity; 17 : Royalty; 4 : Archival).

<br>For database=wga, the criteria are author, born-died, title, date, technique (Most popular: Oil on canvas, Fresco, Oil on panel, Oil on wood, Marble, Tempera on wood, Panel, Tempera on panel, Bronze, Stone, Wood), location, url, form (painting, sculpture, illumination, graphics, decorative arts, architecture), type (mythological,portrait,landscape,religious,interior, still life), school (Italian, Flemish, etc.), timeline.

<br>For database=met, the criteria are who, deptids, whenfrom, whento, where

</form>
</div>

add breaks

Please send bugs or suggestions to t (dot) e (dot) cunningham (at) lse (dot) ac (dot) uk

(links: css index form log)