User:Geth270/common.css

/*added classes*/

.MGS-item-frame-white {	float:left; position:relative; top:5px; left:5px; width: 88px; height: 88px; background: linear-gradient(#9b9faa, #1e1f22); -webkit-clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }

.MGS-item-frame-white:before {	content: ""; position: absolute; width: 80px; height: 80px; top:4px; right:4px; background: linear-gradient(#434549, #2d2e32); -webkit-clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }

.MGS-item-frame-white span {	color: white; display:block; position:relative; font-family:Lucida Console; }

.MGS-stat-frame-s-white {	color:white; float:left; position:relative; top:9px; left:-8px; width: 134px; height: 88px; background: linear-gradient(#9b9faa, #1e1f22); -webkit-clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); }

.MGS-stat-frame-s-white:before {	content: ""; position: absolute; width: 128px; height: 84px; top:2px; right:2px; background: linear-gradient(#2d2e32, #434549); -webkit-clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); }

.MGS-stat-frame-s-white span {	color: white; display:block; position:relative; padding:20px; text-align:center; font-size:20px; font-weight:bold; }

.MGS-item-frame-blue {	float:left; position:relative; top:5px; left:5px; width: 88px; height: 88px; background: linear-gradient(#0088a9, #001922); -webkit-clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }

.MGS-item-frame-blue:before {	content: ""; position: absolute; width: 80px; height: 80px; top:4px; right:4px; background: linear-gradient(#003a49, #002631); -webkit-clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }

.MGS-item-frame-blue span {	color: white; display:block; position:relative; font-family:Lucida Console; }

.MGS-stat-frame-s-blue {	color:white; float:left; position:relative; top:9px; left:-8px; width: 134px; height: 88px; background: linear-gradient(#0088a9, #001922); -webkit-clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); }

.MGS-stat-frame-s-blue:before {	content: ""; position: absolute; width: 128px; height: 84px; top:2px; right:2px; background: linear-gradient(#002631, #003a49); -webkit-clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); }

.MGS-stat-frame-s-blue span {	color: white; display:block; position:relative; padding:20px; text-align:center; font-size:20px; font-weight:bold; }

.MGS-item-frame-purple {	float:left; position:relative; top:5px; left:5px; width: 88px; height: 88px; background: linear-gradient(#962ccb, #1e042c); -webkit-clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }

.MGS-item-frame-purple:before {	content: ""; position: absolute; width: 80px; height: 80px; top:4px; right:4px; background: linear-gradient(#400e5a, #2d0740); -webkit-clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }

.MGS-item-frame-purple span {	color: white; display:block; position:relative; font-family:Lucida Console; }

.MGS-stat-frame-s-purple {	color:white; float:left; position:relative; top:9px; left:-8px; width: 134px; height: 88px; background: linear-gradient(#962ccb, #1e042c); -webkit-clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); }

.MGS-stat-frame-s-purple:before {	content: ""; position: absolute; width: 128px; height: 84px; top:2px; right:2px; background: linear-gradient(#2d0740, #400e5a); -webkit-clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); }

.MGS-stat-frame-s-purple span {	color: white; display:block; position:relative; padding:20px; text-align:center; font-size:20px; font-weight:bold; }

.MGS-item-frame-gold {	float:left; position:relative; top:5px; left:5px; width: 88px; height: 88px; background: linear-gradient(#c3aa3e, #312a09); -webkit-clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }

.MGS-item-frame-gold:before {	content: ""; position: absolute; width: 80px; height: 80px; top:4px; right:4px; background: linear-gradient(#96832e, #6d5f1f); -webkit-clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); clip-path: polygon(18% 0, 100% 0, 100% 82%, 82% 100%, 0 100%, 0 18%); }

.MGS-item-frame-gold span {	color: white; display:block; position:relative; font-family:Lucida Console; }

.MGS-stat-frame-s-gold {	color:white; float:left; position:relative; top:9px; left:-8px; width: 134px; height: 88px; background: linear-gradient(#c3aa3e, #312a09); -webkit-clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); }

.MGS-stat-frame-s-gold:before {	content: ""; position: absolute; width: 128px; height: 84px; top:2px; right:2px; background: linear-gradient(#6d5f1f, #96832e); -webkit-clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); clip-path: polygon(13% 0, 100% 0, 100% 80%, 87% 100%, 0 100%, 13% 80%); }

.MGS-stat-frame-s-gold span {	color: white; display:block; position:relative; padding:20px; text-align:center; font-size:20px; font-weight:bold; }

.MGS-stat-label-frontpiece {	float:left; position:relative; top:9px; left:0px; width: 134px; height: 64px; background: linear-gradient(#555555, #040404); -webkit-clip-path: polygon(13% 0, 100% 0, 87% 33%, 87% 100%, 0 100%, 0 33%); clip-path: polygon(13% 0, 100% 0, 87% 33%, 87% 100%, 0 100%, 0 33%); }

.MGS-stat-label-frontpiece:before {	content: ""; position: absolute; width: 126px; height: 56px; top:4px; right:4px; background: linear-gradient(#343434, #1a1a1a); -webkit-clip-path: polygon(13% 0, 100% 0, 87% 33%, 87% 100%, 0 100%, 0 33%); clip-path: polygon(13% 0, 100% 0, 87% 33%, 87% 100%, 0 100%, 0 33%); }

.MGS-stat-label-frontpiece span {	color: white; display:block; position:relative; padding:20px; text-align:left; font-size:15px; font-weight:bold; }

.MGS-stat-label-endpiece {	float:left; position:relative; top:9px; left:0px; width: 114px; height: 64px; background: linear-gradient(#555555, #040404); -webkit-clip-path: polygon(15% 0, 85% 0, 100% 33%, 100% 100%, 0 100%, 0 33%); clip-path: polygon(15% 0, 85% 0, 100% 33%, 100% 100%, 0 100%, 0 33%); }

.MGS-stat-label-endpiece:before {	content: ""; position: absolute; width: 106px; height: 56px; top:4px; right:4px; background: linear-gradient(#343434, #1a1a1a); -webkit-clip-path: polygon(15% 0, 85% 0, 100% 33%, 100% 100%, 0 100%, 0 33%); clip-path: polygon(15% 0, 85% 0, 100% 33%, 100% 100%, 0 100%, 0 33%); }

.MGS-stat-label-endpiece span {	color: white; display:block; position:relative; padding-top:20px; text-align:center; font-size:15px; font-weight:bold; }