Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Theme made by Krip (https://myanimelist.net/profile/MainKrip) using SASS (DM on discord (Krip#6436) for the .scss code)
- */
- @import url("https://fonts.googleapis.com/css?family=Electrolize&display=swap");
- @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
- .header .header-title {
- left: -350px;
- }
- }
- #cover-image {
- display: none;
- }
- #footer-block {
- background-color: unset;
- font-family: "Electrolize", sans-serif;
- padding-bottom: 30px;
- padding-left: 30px;
- }
- #copyright {
- color: #fff;
- float: left;
- }
- #copyright::after {
- content: "Theme made by Krip. Check the first line of the CSS-code for more info";
- margin-left: 50px;
- }
- body.ownlist {
- background-attachment: fixed;
- background-image: url("https://i.imgur.com/X2nXLpz.png");
- background-position: center center;
- background-repeat: no-repeat;
- background-size: 100% auto;
- font-family: "Electrolize", sans-serif;
- }
- .header a {
- font-weight: 700;
- }
- .header .header-title {
- background-image: url("https://i.imgur.com/Z6SQLy3.png");
- background-position: left top;
- background-size: auto 25px;
- top: 25px;
- }
- .header .header-menu.other {
- top: 18px;
- }
- .header .header-menu .btn-menu {
- display: none;
- }
- .icon-menu {
- color: #fff;
- display: block;
- font-size: 14px;
- font-weight: 700;
- height: 30px;
- text-decoration: none;
- transition-duration: 0.3s;
- transition-property: all;
- transition-timing-function: ease-in-out;
- width: 150px;
- }
- .icon-menu:hover {
- background-color: #323232;
- }
- .icon-menu svg.icon {
- fill: #fff;
- left: 12px;
- position: absolute;
- top: 4px;
- }
- .icon-menu .text {
- left: 52px;
- position: absolute;
- top: 6px;
- }
- .list-menu-float {
- border: 0;
- height: 40px !important;
- left: 0;
- opacity: 1;
- position: absolute;
- top: 0;
- width: 50px;
- z-index: 100;
- }
- .list-menu-float .icon-menu {
- background-color: transparent !important;
- display: block;
- height: 30px;
- line-height: 30px;
- opacity: 0;
- text-indent: 10px;
- width: 120px;
- }
- .list-menu-float:hover .icon-menu {
- opacity: 1;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -moz-transition-property: all;
- -o-transition-property: all;
- -webkit-transition-property: all;
- transition-property: all;
- -moz-transition-timing-function: ease-in-out;
- -o-transition-timing-function: ease-in-out;
- -webkit-transition-timing-function: ease-in-out;
- transition-timing-function: ease-in-out;
- }
- .list-menu-float .icon-menu.profile {
- background-image: none !important;
- }
- .list-menu-float .icon-menu.profile::before {
- color: #cdcdcd;
- content: "My Profile";
- margin-left: -65px !important;
- margin-top: 5px !important;
- position: absolute;
- text-align: center;
- width: 120px !important;
- }
- .list-menu-float .icon-menu .text {
- font-family: "Electrolize", sans-serif;
- font-size: 14px;
- left: 20px;
- opacity: 1;
- top: 0;
- width: auto;
- }
- .list-menu-float .icon-menu:hover {
- background-color: rgba(0, 0, 0, 0.25) !important;
- color: #e6e6e6 !important;
- width: 120px !important;
- }
- .list-menu-float .icon-menu:hover svg.icon {
- fill: #e6e6e6;
- }
- .list-menu-float .icon-menu:hover .text,
- .list-menu-float .icon-menu:hover::before,
- .list-menu-float .icon-menu:hover::after {
- color: #fff;
- width: auto;
- }
- .list-menu-float .icon-menu.logout {
- border-radius: 0 0 4px 4px;
- }
- .list-menu-float .icon-menu.setting::before {
- content: "Settings";
- display: block;
- }
- .list-menu-float .icon-menu.setting:hover::before {
- content: "";
- }
- .list-menu-float .icon-menu.setting:hover .text .link-style-setting, .list-menu-float .icon-menu.setting:hover .text .link-list-setting {
- background-color: unset;
- height: unset;
- line-height: unset;
- }
- .list-menu-float .icon-menu.setting:hover .text .link-style-setting {
- top: 30px;
- }
- .list-menu-float .icon-menu svg.icon {
- fill: #cdcdcd;
- height: 15px;
- left: 5px !important;
- top: 7px !important;
- width: 15px;
- }
- .list-menu-float .icon-menu.setting svg.icon-setting {
- display: block;
- }
- .list-menu-float::before {
- background-image: url("https://youhackers.com/wp-content/themes/publique/images/menu-icon.svg");
- background-repeat: no-repeat;
- background-size: 100%;
- border: 1px solid #fff !important;
- color: #000 !important;
- content: "";
- display: block !important;
- height: 50% !important;
- line-height: 50px;
- margin: 20px 0 0 20px;
- padding: 6px;
- text-align: center !important;
- text-indent: 10px;
- width: 50% !important;
- z-index: 2 !important;
- }
- .list-menu-float:hover::before {
- font-size: 1.7em !important;
- text-shadow: 0 0 2px #fff, 0 0 1px #fff, 1px 1px 7px #fff, 0 0 0 #fff;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- transition-duration: 0.3s;
- -moz-transition-property: all;
- -o-transition-property: all;
- -webkit-transition-property: all;
- transition-property: all;
- -moz-transition-timing-function: ease-in-out;
- -o-transition-timing-function: ease-in-out;
- -webkit-transition-timing-function: ease-in-out;
- transition-timing-function: ease-in-out;
- }
- .status-menu-container {
- border: 1px solid;
- margin-bottom: 40px;
- }
- .status-menu-container .search-container #search-button {
- color: #cdcdcd;
- }
- .status-menu-container .search-container #search-button:hover {
- color: #b4b4b4;
- }
- .list-container {
- border: 0;
- }
- .list-container,
- .status-menu-container {
- background-color: #0e0e0e61 !important;
- }
- .status-menu-container .status-menu {
- margin: 0 -15px 0 auto;
- width: 90%;
- }
- .status-menu-container .status-menu .status-button {
- color: #cdcdcd;
- font-family: "Electrolize", sans-serif;
- }
- .status-menu-container .status-menu .status-button.on {
- color: #cdcdcd;
- }
- .status-menu-container .status-menu .status-button::after {
- background-color: #cdcdcd;
- }
- .status-menu-container .status-menu .status-button:hover {
- color: #b4b4b4;
- }
- .list-unit {
- width: 100%;
- }
- .list-unit .list-status-title {
- background-color: #181818;
- border-color: #cdcdcd !important;
- border-style: solid;
- border-width: 1px 1px 0 !important;
- width: 100%;
- }
- .list-unit .list-status-title .text,
- .list-unit .list-status-title .stats a {
- color: #cdcdcd;
- }
- .list-table .list-table-data .tags .edit {
- margin-right: 10px;
- }
- .list-table .list-table-data .data a,
- .list-table .list-table-data .tags .edit {
- color: #cdcdcd !important;
- }
- .list-table .list-table-data .data a:hover,
- .list-table .list-table-data .tags .edit:hover {
- color: #b4b4b4 !important;
- }
- .list-table-header {
- display: none;
- }
- .list-table > .list-item {
- background-color: #95959559;
- }
- .list-table > .list-item:nth-of-type(2n+1) {
- background-color: #9595957a;
- }
- .list-stats {
- background-color: #181818;
- color: #cdcdcd;
- width: 100%;
- }
- .cover-block {
- background-color: #fff;
- background-image: url("http://i.imgur.com/JWV8A9C.gif");
- background-repeat: no-repeat;
- background-size: 100%;
- border: #cdcdcd 2px solid;
- border-radius: 5px;
- box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
- content: "";
- display: block !important;
- height: 120px !important;
- margin-left: 25px;
- margin-top: -55px;
- padding: 5px;
- position: absolute;
- width: 240px !important;
- z-index: 2 !important;
- }
- /*# sourceMappingURL=index.css.map */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement