Jump to content

User:Thisasia/minerva.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
·/* 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('{{User:Thisasia/Status2}}') 
  }
  */, 
 .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;
}
*/