Difference between revisions of "User:Mediarch/Page.css"

From Team Fortress Wiki
Jump to: navigation, search
m (t)
m
Line 1: Line 1:
.Medi-Background {
+
.weapon-dem
  background-image: url('https://i.imgur.com/FPcW11H.gif');
+
{
  background-repeat: no-repeat;
+
width:96px;
  background-attachment: fixed;  
+
height:96px;
  background-size: 100% 100%;
+
margin:7px;
 +
border:solid 1px lightpink;
 +
display:table;
 +
float:left;
 +
position:relative;
 +
z-index:1;
 +
}
 +
 
 +
.weapon-dem p
 +
{
 +
margin:0;
 +
}
 +
 
 +
.weapon-dem:hover{
 +
z-index:2;
 +
}
 +
 
 +
.inner-dem
 +
{
 +
display:table-cell;
 +
padding:6px;
 +
height:84px;
 +
width:84px;
 +
text-align:center;
 +
vertical-align:middle;
 +
}
 +
 
 +
.inner-dem img
 +
{
 +
width:auto;
 +
height:auto;
 +
max-width:100%;
 +
max-height:100%;
 +
}
 +
 
 +
.weapon-dem .name-popup
 +
{
 +
position: absolute;
 +
top: 100%;
 +
border: solid 2px lightpink;
 +
background: #1C1C1C;
 +
padding: 7px 12px;
 +
text-align: center;
 +
color: #fff;
 +
font-size: 16px;
 +
line-height: 1.5;
 +
text-transform: uppercase;
 +
font-family: "TF2 Build",Tf2 Build, Arial, sans-serif;
 +
left: 50%;
 +
margin-left: -112px;
 +
width: 200px;
 +
margin-top: 25px;
 +
display:none;
 +
}
 +
 
 +
.weapon-dem:hover .name-popup
 +
{
 +
display:block;
 
}
 
}

Revision as of 18:19, 26 April 2024

.weapon-dem
{
width:96px;
height:96px;
margin:7px;
border:solid 1px lightpink;
display:table;
float:left;
position:relative;
z-index:1;
}

.weapon-dem p
{
margin:0;
}

.weapon-dem:hover{
z-index:2;
}

.inner-dem
{
display:table-cell;
padding:6px;
height:84px;
width:84px;
text-align:center;
vertical-align:middle;
}

.inner-dem img
{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

.weapon-dem .name-popup
{
position: absolute;
top: 100%;
border: solid 2px lightpink;
background: #1C1C1C;
padding: 7px 12px;
text-align: center;
color: #fff;
font-size: 16px;
line-height: 1.5;
text-transform: uppercase;
font-family: "TF2 Build",Tf2 Build, Arial, sans-serif;
left: 50%;
margin-left: -112px;
width: 200px;
margin-top: 25px;
display:none;
}

.weapon-dem:hover .name-popup
{
display:block;
}