User:Thisasia/minerva.css

·/* body{ background-color:white; color:black; } .classlist{ background-color:black; color:white; } .username{ color:white; Background:green; Border:solid 1px yellow; Font-weight:bolder; Font-size:22px; Font-style:italic; box-shadow:0 0 1.5px 1.5px grey; padding:1.5px; border-radius:6px; } .div_container{ background:bisque; font-family:Helvetica, Arial, sans-serif; font-size:inherit; Text-overflow:non; box-shadow: 0 0 7px 7px grey; box-sizing:border-box; Justify-content:center; align-items:center; align-content:center; Text-align:center; display:grid; grid-template-rows:auto; flex-direction: row; border:solid greenyellow; border-radius:50px; border-width:2.7px; padding:2px; height:auto; width:fit-content; } .intro_message_box{ display:block; Text-align:center; flex:50%; font-size:27px; font-weight:bolder; } .my{ color:blue; Font-style:italic; text-shadow:red; font-size:25px; letter-spacing:0.5px; } .introtext{ Font-style:italic; text-shadow:red; font-size:16px; text-decoration:underline; text-decoration-color:green; } .title{ Transform-origin: DISPLAYTITLE('') } */,  .button{ Padding-right:7px; Padding-left:7px; margin-bottom:20px; color:#000; border:1px solid gray; background: white gray; box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); border-radius:2px; cursor:pointer; text-align:center; box-sizing: content-box; Height:auto; line-height: 15px; display:inline-block; align-items:center; Justify-content:center; /*word-wrap:break-word; White-space:pre;*/ -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.button:active { color:red; background:white; box-shadow: 0 0 5px -1px rgba(0,0,0,0.3); text-decoration:none; }

.gridbox{ font-family:Helvetica, Arial, sans-serif; Text-align:center; display:grid; grid-template-columns:repeat(3, 1fr);

Align-content:center; height:auto; Max-Width:100%; /*column-gap:7px; grid-row-gap: 9px;*/ gap:1px; Overflow-x:auto; /*box-shadow: 0 0 4px 4px  #ffffff, 0 0 10px 10px rgba(0,0,0,0.16);*/ box-sizing: border-box; box-sizing: content-box; justify-content:center; align-items:center; } .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{ background:transpaent; /*box-shadow: 0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);*/ Max-width:100%; height:auto; display:flex ; align-items:center; /*word-wrap:break-word; White-space:pre;*/ Padding:2px; overflow-x:scroll; } .divgrid2{ display:flex; align-items:center; justify-content:center; Width:95%; Height:auto; margin-bottom:-20; /*	box-sizing: border-box; box-sizing: content-box;*/ } .divgrid1{ width:auto; Height:auto; /*	box-sizing: border-box; box-sizing: content-box;*/ display:flex; align-items:center; justify-content:center; /*	margin-bottom:-20;*/ }

.flexbox{ display: flex; flex-direction:row; flex-wrap: wrap; font-family: "Arial", sans-serif; border-bottom: 4px solid #77aaee; color: #77aaee; padding:5px; Align-items:center; Justify-content:center; }

/*.divtext{ grid-column-start: 1; grid-column-end:auto; grid-row-start: 1; grid-row-end: auto; border:solid 1px pink; }