|
|
Line 1: |
Line 1: |
| __NOTOC__{{DISPLAYTITLE:Ritsu}}{{#css: | | __NOTOC__{{DISPLAYTITLE:Ritsu}}{{#css:User:Ritsu/style.css |
| ::selection { | |
| color: white;
| |
| background-color: black;
| |
| }
| |
| | |
| .header {
| |
| display: flex;
| |
| gap: 45px;
| |
| align-items: center;
| |
| justify-content: center;
| |
| }
| |
| | |
| .header > p {
| |
| width: 200px;
| |
| height: 200px;
| |
| border-radius: 50%;
| |
| border: 10px solid black;
| |
| }
| |
| | |
| .header img {
| |
| border-radius: 50%;
| |
| user-select: none;
| |
| }
| |
| | |
| .header h1 span {
| |
| font-size: 35pt;
| |
| font-family: 'Consolas'!important;
| |
| letter-spacing: 1.5px!important;
| |
| }
| |
| | |
| .header h1::after {
| |
| content: unset!important;
| |
| }
| |
| | |
| .custom-grid p {
| |
| display: grid;
| |
| grid-template-columns: repeat(4, 1fr);
| |
| gap: 15px;
| |
| }
| |
| | |
| .custom-grid p a {
| |
| font-size: 17pt;
| |
| color: black!important;
| |
| padding: 15px;
| |
| background-image: none!important;
| |
| text-align: center;
| |
| transition: .3s;
| |
| font-family: 'Consolas'!important;
| |
| position: relative;
| |
| border-radius: 7px;
| |
| }
| |
| | |
| .custom-grid p a:hover {
| |
| background: #ececec;
| |
| }
| |
| | |
| .custom-grid p a::after {
| |
| content: "/";
| |
| font-size: 14pt;
| |
| position: absolute;
| |
| right: -13px;
| |
| }
| |
| | |
| .custom-grid p a:last-of-type::after {
| |
| display: none;
| |
| }
| |
| | |
| .custom-section {
| |
| padding: 0 15px;
| |
| width: 700px;
| |
| border-radius: 10px;
| |
| border: 5px solid black;
| |
| margin: auto;
| |
| font-size: 13pt;
| |
| margin-top: 30px;
| |
| }
| |
| | |
| .custom-section p { | |
| font-family: 'Consolas'!important;
| |
| }
| |
| }} | | }} |
| <div class="header"> | | <div class="header"> |