MediaWiki:UTTP-Infobox.css
From UtubeTrollPedia
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*=========================================================
UTubeTrollPedia Infobox Framework
=========================================================*/
.utp-infobox{
float:right;
clear:right;
width:300px;
margin:0 0 20px 20px;
background:#ffffff;
border:1px solid #9cb9d8;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#222;
border-collapse:collapse;
box-shadow:
0 1px 3px rgba(0,0,0,.15);
}
.utp-infobox table{
width:100%;
border-collapse:collapse;
}
.utp-header-blue{
text-align:center;
font-size:15px;
font-weight:bold;
color:white;
padding:8px;
background:
linear-gradient(
#b9d9fb,
#7db3ec,
#5d99da
);
border-bottom:1px solid #4b7fb8;
text-shadow:
0 -1px 0 rgba(0,0,0,.30);
}
.utp-header-gold{
text-align:center;
font-size:15px;
font-weight:bold;
color:#6b4200;
padding:8px;
background:
linear-gradient(
#fff0a9,
#ffd45a,
#f0b227
);
border-bottom:1px solid #cb9200;
text-shadow:
0 1px 0 rgba(255,255,255,.60);
}
.utp-image{
padding:8px;
text-align:center;
background:#fafafa;
}
.utp-image img{
max-width:260px;
height:auto;
border:1px solid #999;
padding:3px;
background:white;
}
.utp-caption{
text-align:center;
font-size:11px;
color:#666;
padding-bottom:8px;
}
.utp-table{
width:100%;
border-collapse:collapse;
}
.utp-table th{
width:105px;
text-align:left;
padding:6px;
background:#eef5fd;
color:#003366;
font-weight:bold;
border-top:1px solid #d6e4f3;
}
.utp-table td{
padding:6px;
background:white;
border-top:1px solid #e2e2e2;
}
.utp-section{
text-align:center;
font-weight:bold;
background:
linear-gradient(
#eef7ff,
#d9eafb
);
color:#003366;
padding:5px;
border-top:1px solid #bdd4eb;
border-bottom:1px solid #bdd4eb;
}
.utp-footer{
padding:8px;
text-align:center;
background:#f6f6f6;
border-top:1px solid #ddd;
}