slidescript/misc/style.css

/*

CC-BY-SA-NC 4.0 - Chris Dorman, 2020
cddo.cc - Stylesheet

*/
    @import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Monoton&display=swap');
    @media only screen and (min-width: 2001px) { body { max-width: 1000px; } }    
    @media only screen and (max-width: 2000px) { body { max-width: 1000px; } }
    @media only screen and (max-width: 1400px) { body { max-width: 1000px; } }
    @media only screen and (max-width: 1200px) { body { max-width: 900px; } }
    @media only screen and (max-width: 1000px) { body { max-width: 700px; } }
    @media only screen and (max-width: 800px) { body { max-width: 600px; } }
/*  @media only screen and (max-width: 700px) { body { max-width: 600px; } }
    @media only screen and (max-width: 600px) { body { max-width: 500px; } }
    @media only screen and (max-width: 500px) { body { max-width: 450px; } }
    @media only screen and (max-width: 400px) { body { max-width: 350px; } }  */
    
    html { font-family: "Ubuntu Mono", sans-serif; background-color: #dddddd; color: #222222; padding: 4px; margin: 0 auto; font-size: 16px; min-width: 700px;}
    body { margin: 0 auto; }
    a { color: #aa00ff; }
    a:hover { color: #bb00ff; text-decoration: none; }

    table { width: 100%; }

	.logoimg {
		display: block;
		margin: 0 auto;
	}

    p { padding: 5px; }
    
    .menu {
      font-size: 20px;
      background: #999999;
      padding: 3px 3px 3px 3px;
      border: solid 1px #a2a2a2;
      width: 95%;
      margin: auto;
      text-align: center;
      border-radius: 4px;
      box-shadow: 0px 0px 10px #000000;
    }

    .menu a { 
      color: #9900dd; 
      text-decoration: none; 
      padding: 3px 10px 3px 10px;
      /* some effects */
      transition: ease-in .4s color, ease-in .4s background-color, ease-in .4s text-shadow, ease-in .4s border-top;
      -moz-transition: ease-in .4s color, ease-in .4s background-color, ease-in .4s text-shadow, ease-in .4s border-top;
      -webkit-transition: ease-in .4s color, ease-in .4s background-color, ease-in .4s text-shadow, ease-in .4s border-top;
      -o-transition: ease-in .4s color, ease-in .4s background-color, ease-in .4s text-shadow, ease-in .4s border-top;
    }

    .menu a:hover { 
      color: #bb00ff; text-decoration: none; 
      background-color: #dbdbdb; text-shadow: 0px 0px 7px silver;
      border-top: solid 1px #bb00ff;
    }

    .header {  
        font-family: "Monoton", "Ubuntu Mono", sans-serif; 
        font-size: 28px;
        color: #aa00ff;
    }
    
    .container { padding: 12px; }
    .footer { font-size: 16px; color: #565656; text-align: center; }
    .footer a { text-decoration: none; }
    .note { color: red; font-weight: 500; padding: 7px; }
    .rfloat { float: right; position: inline-block; }