A new userstyle
Alexandria27 Theme by FireOpal
Details
AuthorFireOpal
LicenseNo License
Categoryhorsereality.com
Created
Updated
Size41 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Bidding Theme
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("example.com") {
/* Insert code here... */
}.horse_photocon img.foal {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin-left: auto;
margin-right: auto;
max-width: 460px;
max-height: 370px;
transform:scaleX(-1)
}.horse-item .image-dam-and-foal .horse-image:last-child {
position: absolute;
z-index: 4;
top: unset;
right: -10px;
bottom: 0;
transform-origin: bottom center
}
.horse_photocon .horse_photo img.foal {
max-width: 320px;
max-height: 285px;
margin-left: 150px;
}
.horse-banner .container img.foal {
max-width: 320px;
max-height: 285px;
margin-left: 150px;
transform: scaleX(-1);
}
.horse-item .horse-image.is-foal img:first-child {
height: 80px !important;
transform: scaleX(-1)
}
.horse_banner.north-america {
background-image: url(https://i.imgur.com/AqoXIzD.png);
}
.horse_banner.africa {
background-image: url(https://i.imgur.com/AqoXIzD.png);
}
.horse_banner.south-america {
background-image: url(https://i.imgur.com/AqoXIzD.png);
}
.horse_banner.asia {
background-image: url(https://i.imgur.com/AqoXIzD.png);
}
.horse_banner.europe {
background-image: url(https://i.imgur.com/AqoXIzD.png);
}
.horse_banner.australia {
background-image: url(https://i.imgur.com/AqoXIzD.png);
}
body.background.north-america {
background-image: url(https://i.imgur.com/tvqESDL.png);
}
body.background.south-america {
background-image: url(https://i.imgur.com/tvqESDL.png);
}
body.background.africa {
background-image: url(https://i.imgur.com/tvqESDL.png);
}
body.background.australia {
background-image: url(https://i.imgur.com/tvqESDL.png);
}
body.background.europe {
background-image: url(https://i.imgur.com/tvqESDL.png);
}
body.background.asia {
background-image: url(https://i.imgur.com/tvqESDL.png);
}
.mx-auto.horse-banner {
background-image: url(https://i.imgur.com/AqoXIzD.png) !important;
}
.horse_left {
border-radius: 30px 30px 30px 30px;
position: absolute;
top: 0;
margin: 20px 0 20px 20px;
width: 220px;
padding: 10px;
background-color: #b8c4598a
}
.horse_left .left {
float: left;
width: 80px;
margin-right: 10px;
font-weight: 100;
}
.horse_photocon {
position: absolute;
height: 445px;
width: 550px;
margin-top: 80px;
margin-right: 130px;
margin-bottom: 10px;
margin-left: 20px;
top: 0;
right: 0;
background-image: url(https://i.imgur.com/Ck9mZPP.png)
}
.horse_photocon.foal {
width: 500px;
margin-top: 100px;
background-image: none;
}
.miniature img {
max-height: 100px;
max-width: 100px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 0;
transform: scaleX(-1);
}
.bluebar_container {
width: 100%;
background-color: #b8c459;
height: 80px;
position: relative;
z-index: 1000;
}
.gamestats a:link, .gamestats a:visited, .gamestats a:active {
color: #ffffff;
text-decoration: none;
}
.gamestats {
float: right;
font-family: 'papyrus';
font-weight: 400;
font-size: 11px;
text-align: right;
line-height: 14px;
color: #fff;
margin: 9px 0;
padding-right: 10px;
}
.footer {
background-color: #b8c459;
width: 100%;
margin: 0 auto;
padding: 10px 0;
}
body {
color: #59331f;
height: 100%;
position: relative;
width: 100%;
line-height: 1.5;
font-family: 'papyrus';
font-weight: 400;
font-size: 12px;
background-color: #fff;
word-wrap: break-word;
}
.toplinks {
float: left;
font-family: 'papyrus';
line-height: 50px;
text-transform: capitalize;
font-size: 13px;
color: #fff;
}
#bbmenu.user ul.slidedown li a.arrow {
float: left;
font-family: 'papyrus';
padding: 9px 30px 11px 10px;
width: auto;
line-height: 30px;
background-image: url(../images/bottom-arrow-blue.png);
background-repeat: no-repeat;
background-position: 98% 51%;
background-color: #b8c459;
}
.looking_at p {
color: #59331f;
}
.looking_at {
border-radius: 10px 10px 10px 10px;
background-color: #b8c4598a;
position: absolute;
padding: 10px;
margin-left: 280px;
text-align: center;
top: 20px;
width: 640px;
}
.tabclick, .tabclick2, .tabclick3 {
float: left;
margin-right: 1px;
padding: 5px 10px;
background-color: #b8c459;
text-align: center;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.tabclick.tabsel, .tabclick2.tabsel, .tabclick3.tabsel {
text-decoration: none;
cursor: pointer;
background-color: #506c2f;
font-weight: 700;
font-family: 'papyrus';
}
p a:active, p a:link, p a:visited {
color: #59331f;
text-decoration: none;
font-weight: 600;
font-family: 'papyrus';
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
color: #455a2d;
text-decoration: none;
font-weight: 700;
}
p {
font-family: 'papyrus';
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #506c2f;
}
h1 {
font-size: 26px;
line-height: 30px;
font-family: 'papyrus';
font-weight: 400;
margin-bottom: 15px;
color: #e5ffc7;
}
.top {
border-radius: 10px 10px 10px 10px;
background-color: #b8c459;
color: #59331f;
font-family: 'papyrus';
font-size: 16px;
font-weight: 600;
line-height: 21px;
padding: 5px;
width: calc(100% - 10px);
float: left;
}
.horse_blockimg {
float: left;
border-radius: 10px 10px 10px 10px;
width: 60px;
padding: 5px;
height: 60px;
margin: 5px;
background-color: #b8c4598a;
}
.horse_statusbar {
float: left;
width: 76px;
background-color: #ffffff00;
border: 2px solid #eaf0f200;
height: 12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #000;
text-align: center;
font-size: 12px;
line-height: 12px;
font-weight: 400;
}
.horse_xp {
float: left;
border-radius: 10px 10px 10px 10px;
display: block;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#75923c), to(#59331f));
background: -moz-linear-gradient(top, #8DC63F 0%, #598527 100%);
}
.container_12 .grid_6.half_block {
border-radius: 10px 10px 10px 10px;
background-color: #9ac0b1a8;
border-left: 1px solid #75923c;
border-bottom: 5px solid #75923c;
border-right: 1px solid #75923c;
width: 458px;
margin: 10px;
}
.grandparents p {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #455a2d;
}
.parents a:active p, .parents a:link p, .parents a:visited p {
color: #455a2d;
}
.parents p {
display: table-cell;
vertical-align: middle;
text-align: center;
color: #455a2d;
}
.grandparents a:active p, .grandparents a:link p, .grandparents a:visited p {
color: #455a2d;
}
.ggrandparents a:active p, .ggrandparents a:link p, .ggrandparents a:visited p {
text-decoration: none;
color: #455a2d;
}
.container_12 .grid_12.stable_block {
background-color: #9ac0b1a8;
border-radius: 10px 10px 10px 10px;
border-left: 1px solid #75923c;
border-bottom: 5px solid #75923c;
border-right: 1px solid #75923c;
width: 938px;
margin: 10px;
}
.pedigree {
float: left;
background-color: #8769a900;
}
.table_con.private_notes .grid_12, .table_con.public_notes .grid_12 {
border-radius: 10px 10px 10px 10px;
background-color: #b8c459;
border-left: 1px solid #75923c;
border-bottom: 5px solid #75923c;
border-right: 1px solid #75923c;
}
.table_con.private_notes .text, .table_con.public_notes .text {
background: #9ac0b1a8;
width: 100%;
float: left;
padding: 5px;
line-height: 18px;
}
.col_200 a:active, .col_200 a:link, .col_200 a:visited {
color: #e5ffc7;
text-decoration: none;
font-family: 'papyrus';
font-weight: 600;
font-size: 13px;
}
.col_150 a:active, .col_150 a:link, .col_150 a:visited {
color: #e5ffc7;
text-decoration: none;
font-family: 'papyrus';
font-weight: 600;
font-size: 13px;
}
.center {
background-color: #b8c4598a;
margin: 0;
padding-bottom: 25px;
float: right;
min-height: 650px;
}
.horse_blocktext p a:active, .horse_blocktext p a:link, .horse_blocktext p a:visited {
color: #59331f;
}
.training_left h6 {
border-radius: 10px 10px 10px 10px;
font-size: 16px;
font-family: 'papyrus';
font-weight: 500;
text-align: center;
margin: 20px 10px;
padding: 5px;
color: #59331f;
background-color: #b8c459;
}
.container_12 .grid_8.training_left {
border-radius: 10px 10px 10px 10px;
margin-top: 10px;
background-color: #9ac0b1a8;
border-left: 1px solid #75923c;
border-bottom: 5px solid #75923c;
border-right: 1px solid #75923c;
width: 618px;
}
.training_left .horsetraining .traincon {
border-radius: 10px 10px 10px 10px;
display: flex;
width: 118px;
padding: 20px 10px 10px;
margin-bottom: 10px;
margin-left: 8px;
margin-right: 8px;
text-align: center;
background-color: #b8c4598a;
}
.traincon.selected {
background-color: #506c2f !important;
}
h3 {
font-size: 16px;
line-height: 18px;
font-family: 'papyrus';
font-weight: 700;
color: #e5ffc7;
}
.training_right>.block {
float: left;
width: 278px;
background-color: #9ac0b1eb;
padding: 10px;
}
.container_12 .grid_4.training_right {
border-radius: 10px 10px 10px 10px;
margin-top: 10px;
border-left: 1px solid #75923c;
border-bottom: 5px solid #75923c;
border-right: 1px solid #75923c;
width: 298px;
}
.training_right>.block>....