lila/public/stylesheets/user-show.css

434 lines
9.1 KiB
CSS

div.user_show div.content_box_top .connected {
color: #759900;
}
div.user_show .staff {
color: #aa3333;
font-weight: bold;
margin-bottom: 1em;
}
div.user_show div.content_box_top > span,
div.user_show div.content_box_top > .trophy {
margin-left: 10px;
text-decoration: none;
}
div.user_show div.content_box_top > span strong {
font-weight: normal;
color: #666;
}
div.user_show div.content_box_top > .trophy {
float: right;
margin-top: -47px;
}
div.user_show div.content_box_top > .trophy:first-child {
margin-right: 50px;
}
div.user_show .fire_trophy {
width: 70px;
height: 80px;
}
div.user_show .fire_trophy span {
transform: scale(0.35) translate(-103px, -3px);
-webkit-transform: scale(0.35) translate(-103px, -3px);
margin-top: -63px!important;
margin-right: -50px;
opacity: 0.8;
transition: 0.8s;
}
div.user_show .fire_trophy span:hover {
opacity: 1;
transform: scale(0.35) translate(-103px, -10px);
-webkit-transform: scale(0.35) translate(-103px, -10px);
}
div.user_show .fire_trophy.marathonTopTen span {
transform: scale(0.3) translate(-112px, 14px);
-webkit-transform: scale(0.3) translate(-112px, 14px);
}
div.user_show .fire_trophy.marathonTopTen span:hover {
transform: scale(0.3) translate(-112px, 6px);
-webkit-transform: scale(0.3) translate(-112px, 6px);
}
div.user_show .fire_trophy.marathonTopFifty span {
animation: none;
-moz-animation: none;
-webkit-animation: none;
-o-animation: none;
}
div.user_show .trophy.icon3d {
margin-top: -10px!important;
font-size: 30px;
color: #ccc;
text-shadow: 0 1px 0 rgba(0,0,0,0.5);
transition: 0.3s;
}
div.user_show .trophy.icon3d:hover {
margin-top: -12px!important;
}
div.user_show .fire_trophy.marathonTopFifty span {
transform: scale(0.25) translate(-112px, 36px);
-webkit-transform: scale(0.25) translate(-112px, 36px);
text-shadow: 0px 0px 20px #ffae34, 0px 0px 25px #ec760c, 0px 0px 30px #cd4606;
}
div.user_show .fire_trophy.marathonTopFifty span:hover {
transform: scale(0.25) translate(-112px, 28px);
-webkit-transform: scale(0.25) translate(-112px, 28px);
}
div.user_show .fire_trophy.marathonSurvivor span {
transform: scale(0.3) translate(-112px, 14px);
-webkit-transform: scale(0.3) translate(-112px, 14px);
}
div.user_show .fire_trophy.marathonSurvivor span:hover {
transform: scale(0.3) translate(-112px, 6px);
-webkit-transform: scale(0.3) translate(-112px, 6px);
}
div.user_show .fire_trophy.bongcloudWarrior span {
filter: hue-rotate(70deg);
-webkit-filter: hue-rotate(70deg);
}
div.user_show .trophy.donor span {
color: #d59120;
transition: 0.5s;
}
div.user_show .trophy.donor:hover {
margin-top: -14px!important;
}
div.user_show .trophy.donor span:hover {
animation: fire 1.25s ease-in-out infinite alternate;
-moz-animation: fire 1.25s ease-in-out infinite alternate;
-webkit-animation: fire 1.25s ease-in-out infinite alternate;
-o-animation: fire 1.25s ease-in-out infinite alternate;
}
div.user_show .honorific {
display: inline-block;
margin-top: 1em;
font-weight: bold;
font-size: 1.4em;
}
div.user_show a.honorific {
text-decoration: none;
}
div.user_show a.honorific:hover {
text-decoration: underline;
}
div.user_show .social {
position: relative;
border-top: 0;
padding: 0 0 5px 10px;
height: 52px;
}
div.user_show .relation_actions {
position: absolute;
top: 12px;
right: 12px;
font-size: 1.2em;
}
div.user_show .relation_actions form {
display: inline;
}
div.user_show div.meat {
height: 325px;
position: relative;
}
div.engine_warning {
margin: 10px 0;
}
div.sub_ratings > div {
margin: 20px 0 0 -10px;
}
div.sub_ratings > div::before {
font-size: 40px;
float: left;
margin: 1px 5px 0 0;
opacity: 0.6;
}
div.sub_ratings > div:hover::before {
opacity: 1;
}
div.sub_ratings h3 {
font-weight: 100;
font-size: 1.2em;
letter-spacing: 2px;
margin: 0;
display: inline-block;
}
#site_header div.sub_ratings strong {
font-weight: bold;
font-size: 1.2em;
}
div.user_show .rating_history {
position: absolute;
left: -10px;
display: block;
width: 477px;
height: 339px;
}
div.user_show .rating_history span {
position: absolute;
top: 164px;
left: 232px;
}
div.user_show .user-infos {
position: absolute;
top: 0;
left: 458px;
padding: 0 14px;
border-left: 1px solid #c0c0c0;
overflow: hidden;
width: 305px;
height: 325px;
}
div.user_show .user-infos:hover {
overflow-y: auto;
}
div.user_show .name,
div.user_show .bio,
div.user_show .stats,
div.user_show .tournament_points,
div.user_show .teams {
display: block;
margin-top: 16px;
}
div.user_show .bio {
font-style: italic;
}
div.user_show .teams a {
display: block;
margin: 5px 0;
}
div.user_show div.games {
margin-top: 10px;
}
div.user_show div.games.center {
text-align: center;
}
div.user_show .profile {
margin-bottom: 1em;
}
div.user_show .claim_title_zone {
padding: 30px;
font-size: 1.2em;
line-height: 1.5em;
}
div.user_show .claim_title_zone h2 {
font-size: 1.5em;
}
div.user_show .claim_title_zone p {
margin: 2em 0;
}
div.user_show .claim_title_zone .actions {
margin: 3em 0;
text-align: center;
}
div.user_show .note_zone {
display: none;
margin: 1em 20px;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}
div.user_show .note_zone textarea {
width: 98%;
margin-bottom: 5px;
height: 8em;
}
div.user_show .note_zone div {
padding-top: 1em;
border-top: 1px dotted #ccc;
margin-top: 1em;
}
div.user_show .note_zone p.meta {
float: right;
text-align: right;
margin-left: 1em;
white-space: nowrap;
}
div.user_show .note_zone p.text {
min-height: 2.7em;
word-break: break-all;
}
div.user_show .mod_zone {
display: none;
margin: 1em 20px;
}
div.user_show .mod_zone .actions {
width: 100%;
text-align: center;
}
div.user_show .mod_zone .slist {
border: 1px solid #ccc;
border-top: none;
font-size: 0.9em;
margin-bottom: 1em;
}
div.user_show .mod_zone .same {
font-style: italic;
font-weight: bold;
}
div.user_show .mod_zone form {
display: inline;
}
div.user_show .mod_zone .listings {
border: 1px solid #ccc;
}
div.user_show .mod_zone .listings > div {
max-height: 20em;
overflow: auto;
}
div.user_show .mod_zone .spy_ips {
float: left;
margin-left: 1%;
width: 31%;
}
div.user_show .mod_zone .spy_ips > ul > li {
list-style: inside disc;
}
div.user_show .mod_zone .spy_ips ul p {
font-weight: bold;
display: inline;
}
div.user_show .mod_zone .spy_ips li li {
margin-left: 1em;
font-family: monospace;
}
div.user_show .mod_zone .spy_uas {
margin-left: 34%;
}
div.user_show .mod_zone .listings .blocked {
color: red;
font-weight: bold;
}
div.user_show .mod_zone strong {
display: block;
margin-top: 0.5em;
}
div.user_show .evaluation time {
display: inline;
}
div.user_show .evaluation strong {
display: inline;
text-transform: uppercase;
}
div.user_show .evaluation .percentage {
font-size: 0.9em;
}
div.user_show .evaluation .legend {
text-align: center;
font-weight: bold;
margin-bottom: 10px;
}
div.user_show .evaluation .legend span {
padding: 10px;
}
div.user_show .evaluation [data-icon] {
text-shadow: 1px 1px 1px #000;
}
div.user_show .evaluation .sig_1 {
color: #2077C0;
/* dark blue */
}
div.user_show .evaluation .sig_2 {
color: #23A1AB;
/* light blue */
}
div.user_show .evaluation .sig_3 {
color: #DDCF3F;
/* yellow */
}
div.user_show .evaluation .sig_4 {
color: #E79B64;
/* orange */
}
div.user_show .evaluation .sig_5 {
color: #E73B38;
/* red */
}
div.user_show .evaluation .result_4 {
color: #E73B38;
/* red */
}
div.user_show .evaluation .result_3 {
color: #E73B38;
/* red */
}
div.user_show .evaluation .result_2 {
color: #E79B64;
/* orange */
}
div.user_show .evaluation .result_1 {
color: #2077C0;
/* dark blue */
}
div.user_show .evaluation .match {
font-weight: bold;
color: #759900;
}
div.user_show div.content_box_inter.tabs {
margin-left: -8px;
padding-left: 30px;
width: 775px;
border: 1px solid #ccc;
}
div.crosstable {
margin: 25px 10px 15px 10px;
}
div.user_show .evaluation .peerLink {
text-align: center;
text-decoration: none;
}
div.user_show .reportCard {
margin: 0 auto 10px auto;
}
div.user_show .reportCard th {
font-weight: bold;
font-size: 1.6em;
text-align: center;
padding: 0 5px 0 5px;
}
div.user_show .reportCard td {
text-align: center;
padding: 5px;
}
div.user_show .extra_stats {
margin: 0 auto 10px auto;
}
div.user_show .extra_stats caption {
text-align: center;
font-weight: bold;
font-size: 1.2em;
padding-bottom: 5px;
}
div.user_show .extra_stats th {
text-align: right;
font-weight: bold;
font-size: 1.2em;
padding: 0 5px 0 5px;
}
div.user_show .extra_stats td {
text-align: center;
padding: 5px;
}
div.user_show .results .aggregate {
text-shadow: 1px -1px 1px #000;
font-weight: bold;
font-size: 2.2em;
text-align: center;
margin-left: -20px;
width: 50px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
div.user_show .reportCard .mark {
color: #dc322f;
/* red */
}
div.user_show .reportCard .noMark {
/*color: #dc322f;*/
/* red */
}
div.user_show .reportCard .report {
color: #B8AA1A;
/* red */
}
div.user_show .reportCard .noReport {
/*color: #dc322f;*/
/* red */
}