User:曦莹/style.css

div.divh {
  max-width: 60em;
  border-radius: 0.4em;
  border: 1px rgba(0,0,0,0.02) solid;
  background: #f7f7f7;
  box-shadow: 0 0.3em 1em 0 rgba(0,0,0,0.14);
  display: block;
  padding: 10px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

span.titlespan {
  font-weight: 700
}

/* Testing CSS animations ext. */ 
.materialRipple {   background-position: center;   transition: background 0.4s; } .materialRipple:hover {   background: #8f6ad6  radial-gradient(circle, transparent 1%, #8f6ad6 1%) center/15000%; } .materialRipple:active {   background-color: #8f6ad6 ;   background-size: 100%;   transition: background 0s; }  /* Button style */ .materialButton {   border: none;   border-radius: 2px;   padding: 12px 18px;   font-size: 16px;   text-transform: uppercase;   cursor: pointer;   color: white;   background-color: #7759b2;   box-shadow: 0 0 4px #999;   outline: none;   user-select: none;   text-align: center;   font-family: Roboto, sans-serif; }  .buttonContainer > .plainlinks > a { 	color: white; 	text-decoration: none; /* no underline */ }  .hideJunk { 	font-size: 0; }  .makeLinkLookLikeButton > a { 	color: white; 	text-decoration: none; /* no underline */ 	border: none; 	border-radius: 2px; 	padding: 12px 18px; 	font-size: 16px; 	text-transform: uppercase; 	cursor: pointer; 	background-color: #7759b2; 	box-shadow: 0 0 4px #999; 	outline: none; 	user-select: none; 	text-align: center; 	font-family: Roboto, sans-serif; 	background-position: center; 	transition: background 0.4s; }  .makeLinkLookLikeButton > a:hover {   background: #8f6ad6 radial-gradient(circle, transparent 1%, #8f6ad6  1%) center/15000%; } .makeLinkLookLikeButton > a:active {   background-color: #8f6ad6 ;   background-size: 100%;   transition: background 0s; }  /* hide uv.show (shown by UV if installed) */ .uv-show {   display:none }