Skip to content

FlyingForHome - Purple Hydrangeas by skylark

Screenshot of FlyingForHome - Purple Hydrangeas

Details

Authorskylark

LicenseNo License

Categoryflyingforhome.com

Created

Updated

Size40 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Purple skin for FlyingForHome.com

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           flyingforhome.com - 3/5/2023, 11:13:05 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("flyingforhome.com") {
    sup {
    font-size: 10px;
    font-family: Verdana, Geneva,sans-serif;
}

body {
    position: relative;
    background: #6d5a73;
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    left-margin: auto;
    right-margin: auto;
    padding: 20px;
    color: #6d5a73;
    font-family: Verdana, Geneva,sans-serif;
    line-height: 1.3
}
    

.name b {
    color: #e1dbf0
}

.tooltip {
    position: relative
}

.toolinfo {
    position: absolute;
    top: 0;
    right: -50px;
    display: none;
    z-index: 100000
}

.tooltip:hover .toolinfo {
    display: block
}

div.hider {
    position: relative;
    top: -320px;
    left: 0;
    width: 950px;
    z-index: 1
}

.copied {
    position: relative;
    background: #2595a4;
    font-family: Verdana, Geneva,sans-serif;
    font-weight: 700;
    z-index: 99;
    width: 200px;
    top: 67px;
    border-radius: 10px;
    text-align: center;
    display: none;
    padding: 5px;
    font-size: 16px
}

div.green {
    position: relative;
    width: 400px;
    height: auto;
    background-color: #678534;
    background: -webkit-linear-gradient(#90b163,#678534);
    background: -o-linear-gradient(#90b163,#678534);
    background: -moz-linear-gradient(#90b163,#678534);
    background: linear-gradient(#90b163,#678534);
    color: #e0ead1;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    border-top: 1px outset #c3dba1;
    border-bottom: 1px solid #435d1f;
    padding: 10px 15px;
    margin: auto
}

b.green {
    color: #435d1f
}

div.red {
    position: relative;
    width: 400px;
    height: auto;
    background-color: #da5e4d;
    background: -webkit-linear-gradient(#cd533b,#7d2010);
    background: -o-linear-gradient(#cd533b,#7d2010);
    background: -moz-linear-gradient(#cd533b,#7d2010);
    background: linear-gradient(#cd533b,#7d2010);
    color: #e9e3d0;
    text-align: center;
    border-radius: 5px;
    border-top: 1px outset #f28670;
    border-bottom: 1px solid #551307;
    padding: 10px 15px;
    margin: auto
}

b.red {
    color: #551307
}

input.buttonred {
    color: #420e05;
    font-family: Trebuchet MS, sans-serif;
    font-size: 12px;
    font-weight: 700;
    background: #ead9cf;
    background: -moz-linear-gradient(top,#fdb5a7 5%,#cd533b 5%,#cd533b 49%,#cd533b 95%,#7d2010 95%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#fdb5a7),color-stop(5%,#cd533b),color-stop(49%,#cd533b),color-stop(95%,#cd533b),color-stop(95%,#7d2010));
    background: -webkit-linear-gradient(top,#fdb5a7 5%,#cd533b 5%,#cd533b 49%,#cd533b 95%,#7d2010 95%);
    background: -o-linear-gradient(top,#fdb5a7 5%,#cd533b 5%,#cd533b 49%,#cd533b 95%,#7d2010 95%);
    background: -ms-linear-gradient(top,#fdb5a7 5%,#cd533b 5%,#cd533b 49%,#cd533b 95%,#7d2010 95%);
    background: linear-gradient(to bottom,#fdb5a7 5%,#cd533b 5%,#cd533b 49%,#cd533b 95%,#7d2010 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb5a7',endColorstr='#7d2010',GradientType=0 );
    border: 1px solid #551307;
    padding: 1px 4px
}

input.buttonred:hover {
    color: #55cbda;
    font-family: Trebuchet MS, sans-serif;
    font-size: 12px;
    background: #71caf8;
    background: -moz-linear-gradient(top,#cf5b47 5%,#72190a 5%,#72190a 49%,#72190a 95%,#310a04 95%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,#cf5b47),color-stop(5%,#72190a),color-stop(49%,#72190a),color-stop(95%,#72190a),color-stop(95%,#310a04));
    background: -webkit-linear-gradient(top,#cf5b47 5%,#72190a 5%,#72190a 49%,#72190a 95%,#310a04 95%);
    background: -o-linear-gradient(top,#cf5b47 5%,#72190a 5%,#72190a 49%,#72190a 95%,#310a04 95%);
    background: -ms-linear-gradient(top,#cf5b47 5%,#72190a 5%,#72190a 49%,#72190a 95%,#310a04 95%);
    background: linear-gradient(to bottom,#cf5b47 5%,#72190a 5%,#72190a 49%,#72190a 95%,#310a04 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf5b47',endColorstr='#310a04',GradientType=0 );
    border: 1px solid #310a04;
    padding: 1px 4px
}

div.ex {
    position: absolute;
    background: #9a86b3;
    left: 50%;
    width: 950px;
    height: auto;
    padding: 0;
    http: //border:9px double #0c0c0c;
    margin-left: -475px;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 14px;
    color: #542c52;
    padding-bottom: 50px
}

div.bannerad {
    position: relative;
    width: 600px;
    height: 100px;
    text-align: center
}

div.container {
    width: 950px;
    height: 200px;
    background-image: url(http://www.flyingforhome.com/Images/Skins/FFHFireflies.png);
    z-index: 1
}

div.exp {
    position: absolute;
    top: 10px;
    width: 400px;
    height: auto;
    padding: 0;
    border: 7px solid #0c0c0c;
    margin-top: 0;
    background-color: #9a86b3;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 14px;
    color: #542c52;
    padding-bottom: 15px
}

div.exs {
    position: absolute;
    top: 10px;
    width: 650px;
    height: auto;
    padding: 0;
    border: 7px solid #0c0c0c;
    margin-top: 0;
    background-color: #9a86b3;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 14px;
    color: #542c52;
    padding-bottom: 15px
}

div.shotex {
    position: absolute;
    top: 10px;
    width: 800px;
    height: auto;
    padding: 0;
    border: 7px solid #0c0c0c;
    margin-top: 0;
    background-color: #9a86b3;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 14px;
    color: #542c52;
    padding-bottom: 50px
}

div.exqi {
    position: absolute;
    top: 10px;
    width: 600px;
    height: auto;
    padding: 0;
    border: 7px solid #0c0c0c;
    margin-top: 0;
    background-color: #9a86b3;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 14px;
    color: #542c52
}

div.exq {
    position: absolute;
    top: 10px;
    width: 600px;
    height: auto;
    padding: 0;
    border: 7px solid #0c0c0c;
    margin-top: 0;
    background-color: #9a86b3;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 14px;
    color: #311a0e;
    padding-bottom: 50px
}

div.exp2 {
    position: absolute;
    top: 10px;
    width: 650px;
    height: 800;
    padding: 0;
    border: 7px solid #0c0c0c;
    margin-top: 0;
    background-color: #9a86b3;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 14px;
    color: #311a0e;
    padding-bottom: 50px
}

div.expi {
    position: absolute;
    top: 10px;
    width: 500px;
    height: 400;
    padding: 0;
    border: 15px solid #0c0c0c;
    margin-top: 0;
    background-color: #9a86b3;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 14px;
    color: #311a0e;
    padding-bottom: 50px
}

div.linkcont {
    position: relative;
    width: 950px;
    height: 250px;
    z-index: 2;
    padding: 0;
    margin: 0
}

div.minibar {
    position: relative;
    top: -200px;
    left: 377px;
    height: 210px;
    width: 160px;
    background-color: #f6d0a4
}

div.minisilk {
    position: relative;
    top: 0;
    left: 0;
    height: 100px;
    width: 100px
}

div.progsilk {
    position: relative;
    top: 0;
    left: 0;
    height: 75px;
    width: 75px
}

div.note {
    height: 200px;
    width: 350px;
    background-color: #e1dbf0;
    overflow: auto;
    vertical-align: top;
    display: tablecell
}

div.silk {
    position: relative;
    width: 100px;
    height: 100px
}

div.testsilk {
    position: relative;
    width: 200px;
    height: 200px
}

div.left {
    float: left;
    width: 150px;
    height: auto;
    text-align: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #e1dbf0;
    padding-left: 5px
}
    
div.left b {
        color: #542c52;
    }

div.mid {
    float: left;
    width: 610px;
    height: 100%;
    text-align: center;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 12px;
    color: #542c52;
}

div.chat {
    float: left;
    width: 610px;
    height: 100%;
    text-align: left;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 12px;
    color: #311a0e;
    padding: 5px
}

div.right {
    float: left;
    width: 170px;
    height: auto;
    text-align: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    color: #e1dbf0
}
    
div.right b {
        color: #542c52;
    }

div.legal {
    position: absolute;
    bottom: 0;
    margin-bottom: -140px;
    margin-left: -2px;
    width: 954px;
    height: auto;
    color: #0c0c0c;
    background-color: transparent
}

div.spacer {
    position: absolute;
    bottom: 0;
    height: 520px;
    margin-bottom: -100px;
    margin-left: -15px;
    width: 980px;
    height: auto;
    color: #e1dbf0
}

div.image {
    background-color: transparent;
    position: relative;
    width: 400px
}

div.limage {
    position: relative;
    width: 300px;
    border: 0
}

div.tinyimage {
    position: relative;
    width: 200px;
    height: 200px;
    border: 0
}

a:img {
    border: none;
    padding: 0;
    z-index: 1
}

a:link {
    color: #e1dbf0;
    text-decoration: none
}

a.link {
    color: #e1dbf0;
    text-decoration: none
}

a:visited {
    color: #e1dbf0;
    text-decoration: none
}

a:hover {
    color: #6d5a73;
    text-decoration: none
}

td a:link {
    color: #542c52;
    text-decoration: none
}

td a:visited {
    color: #542c52;
    text-decoration: none
}

td a:hover {
    color: #9a86b3;
    text-decoration: none
}

li a:link {
    color: #e1dbf0;
    text-decoration: none
}

li a:visited {
    color: ...

Reviews

No reviews yet.