Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Main page/featured/styles.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 1: Line 1:
.featured1 {  
.featured1 {  
     color: #ffffff;  
     color: #ffffff;  
     font-weight: 500;
     font-weight: 700;
     width: 8em;
     width: 9em;
     height: 12em;
     height: 12em;
     text-align: center;
     text-align: center;
     font-size: 1.5em;
     font-size: 24px;
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
Line 12: Line 12:
     padding: 16px 0;
     padding: 16px 0;
     margin-bottom: 10px;
     margin-bottom: 10px;
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://static.wikia.nocookie.net/silly-cat/images/9/95/Billy.png);
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/3/3c/Zazu.jpg);
     user-select: none;
     user-select: none;
     overflow: hidden;
     overflow: hidden;
Line 24: Line 24:
.featured1:hover {
.featured1:hover {
     color: #8993ff;
     color: #8993ff;
     background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://static.wikia.nocookie.net/silly-cat/images/9/95/Billy.png);
     background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/3/3c/Zazu.jpg);
     transition: all .25s;
     transition: all .25s;
     cursor: pointer;
     cursor: pointer;
Line 31: Line 31:
     background-position: center;
     background-position: center;
}
}
.featured2 { /*Cuh*/
.featured2 {
    font-family: "NexaBold";
     color: #ffffff;  
     color: #ffffff;  
     font-weight: 500;
     font-weight: 700;
     width: 8em;
     width: 9em;
     height: 12em;
     height: 12em;
     text-align: center;
     text-align: center;
Line 45: Line 44:
     padding: 16px 0;
     padding: 16px 0;
     margin-bottom: 10px;
     margin-bottom: 10px;
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://static.wikia.nocookie.net/silly-cat/images/3/35/Cuh.png);
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/c/c8/Doudou.jpg);
     user-select: none;
     user-select: none;
     overflow: hidden;
     overflow: hidden;
Line 57: Line 56:
.featured2:hover {
.featured2:hover {
     color: #8993ff;
     color: #8993ff;
     background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://static.wikia.nocookie.net/silly-cat/images/3/35/Cuh.png);
     background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/c/c8/Doudou.jpg);
     transition: all .25s;
     transition: all .25s;
     cursor: pointer;
     cursor: pointer;
Line 64: Line 63:
     background-position: center;
     background-position: center;
}
}
.featured3 { /* Luna */
.featured3 {  
    font-family: "NexaBold";
     color: #ffffff;  
     color: #ffffff;  
     font-weight: 500;
     font-weight: 700;
     width: 8em;
     width: 9em;
     height: 12em;
     height: 12em;
     text-align: center;
     text-align: center;
Line 78: Line 76:
     padding: 16px 0;
     padding: 16px 0;
     margin-bottom: 10px;
     margin-bottom: 10px;
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://static.wikia.nocookie.net/silly-cat/images/1/13/Luna.png);
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/e/ea/Xiaojie.png);
     user-select: none;
     user-select: none;
     overflow: hidden;
     overflow: hidden;
Line 90: Line 88:
.featured3:hover {
.featured3:hover {
     color: #8993ff;
     color: #8993ff;
     background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://static.wikia.nocookie.net/silly-cat/images/1/13/Luna.png);
     background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/e/ea/Xiaojie.png);
     transition: all .25s;
     transition: all .25s;
     cursor: pointer;
     cursor: pointer;
Line 97: Line 95:
     background-position: center;
     background-position: center;
}
}
.featured4 { /* Ah So Cat*/
.featured4 {  
    font-family: "NexaBold";
     color: #ffffff;  
     color: #ffffff;  
     font-weight: 500;
     font-weight: 700;
     width: 8em;
     width: 9em;
     height: 12em;
     height: 12em;
     text-align: center;
     text-align: center;
Line 111: Line 108:
     padding: 16px 0;
     padding: 16px 0;
     margin-bottom: 10px;
     margin-bottom: 10px;
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://static.wikia.nocookie.net/silly-cat/images/3/36/Ah_So_Cat.png);
     background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(https://catpedia.wiki/images/5/5c/Cumshot.jpeg);
     user-select: none;
     user-select: none;
     overflow: hidden;
     overflow: hidden;