/* ==UserStyle==
@name         neocities dark & round
@version      20220610.03.28
@namespace    userstyles.world/user/skykristal
@description  A Dark theme for Neocities!! Everything is nice and round.
Changes the look for any page except people's own websites.
This includes your "edit site" page as well.
@author       skykristal
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://neocities.org/") {


.website-Gallery.int-Gall li {
    border-radius: 20px;
    height:fit-content;
   border:none;
    padding-bottom:30px
}

.site-info{
border:9px solid transparent;
}

.modal-header, .modal-header h3 {
    background: #29cef2;
    color: black;
}

.modal, .emph-Block{
    background:#222;
}

.section.plans h2, .section.plans h3.subtitle , .section.plans.welcome h3{
    color: #04c1ed;

}

body, h1, h2, h3, h4, h5, h6, input, input.btn-Action, select{
    font-family: monospace;
}

body, .section.plans.welcome, .section {
   background: #171717;
}

.plan-chart th {
    background: #f9f9ff;
    border-radius: 20px 0px 0px 0px;
}

.plan-chart th.professional {
    background: #16b7d6;
    border-radius:0px 20px 0px 0px;
}

.plan-chart td, .plan-chart td:nth-child(even) {
    border: 1px solid #1b1a1a;
    background: #211e1e;
    padding: 7px 0;
    text-align: center;
}

.news-item.comment .icon {
    background: #0f0f0f;
    border-radius: 20px;
}

.overlay {
    background-color: rgb(0 0 0 / 79%);
    border-radius: 20px;
    filter: hue-rotate(250deg) brightness(2);
}

.files.list-view .list .file:nth-child(even) {
    background: #161616;
}

.header-Outro {
    background: #1e1d1d linear-gradient(to bottom, #171717 0%, #1e1d1d 100%);
  
}

@media (max-device-width: 480px), screen and (max-width: 800px){
.files .list .file:nth-child(even) {
    background: #090909;
}
}

.header-Nav a.small-Nav {
    background: #000000;

}

.alert{
    border-radius:20px;
}

.section.featured-Websites {
    background: #1e1d1d;
    border-top: 0px;
    border-bottom: 0px;
}

.header-Outro .signup-Form fieldset {
    margin-top: 30px;
    margin-left: 6%;
    background: #141313!important;
}

.hp-Gallery img, .neo-Screen-Shot img {
 
    border: 0px;
    border-radius: 20px;
}

.interior .header-Outro .screenshot{
    transition:0.5s;
}

.interior .header-Outro .screenshot:hover, .large-portrait:hover{
    transition:.5s;
    box-shadow:0 0 10px #8eccff;
    transform:rotate(3deg);
    overflow:visible;
}

.accordion-group {
    border: none;
}

.footer-Intro {
    background: #2c2b2b;
    border-top: 1px solid #0a0a0a;
}

.section.bottom-signup, .section.features  {
    background: #201e1e;
}

.section.previews{
    background: #2d2c2c;
}

.section.previews h3 , .section.previews p, .section.previews h2{
   color:white;
}


.avatar, .btn-Action, .large-portrait {
   transition:.5s;
}

.avatar, a {
    border-radius: 20px;
}

.avatar:hover, .btn-Action:hover{
    transform:scale(1.2);
    transition:.5s;
}

.files.list-view .btn.listview-button, .files .btn-group .btn:focus, .files .btn-group .btn.active {
    background: #19e4f2;
}

.files.list-view .btn.iconview-button, .files .btn.listview-button {
    background: #0a595f;
}

.fa-list, .fa-th{
    color:black;
}

.file .title {
    color: #bfbfbf;
   border-radius:20px;
}

.folder-icon {
    padding-top: 35px;
    filter: hue-rotate(356deg) saturate(4) drop-shadow(0px 0px 6px #2e7cbc);
}

.content.wide, .wide.footer-Content {
    margin-bottom: 31px;
}

.header-Nav a:hover {
    background: #000000!important;
    border-radius: 20px;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    color: #ffffff;
    cursor: default;
    background-color: #0f0f0f;
    border: 0px;
    border-bottom-color: transparent;
    border-radius: 20px 20px 0px 0px;
}

.files {
    background: #0e0e0e;
    border-radius:20px;
    padding-top:10px;
}

.files .header{
    background: #1c1b1b00;
}

.files .list .upload-Boundary{
    border:0px;
}

a:visited{
    color:#bcd6ec;
}

.content-Base {
    background: #161616;
    min-height: 500px;
    padding-bottom: 50px;
}


.welcoming-cat {
    width: 177px;
    float: right;
    margin-top: -40px;
    border-radius: 20px;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #0f0f0f;
    border-radius: 20px;
    border: 1px solid aqua;
}

p, h2, base, ul, div{
    color:white;
}

a, .nav-tabs>li>a{
    color:aqua;
}

.misc-page.columns a:focus, .misc-page.columns a:visited{
    color:aqua!important;
}

.nav-tabs {
    border-bottom: 0px;
}

 input, input.btn-Action, .select-Container {
   border-radius:20px;
     background: #292626;
    border: 0px!important;
}
.input-Select, .input-Area, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
    color:white!important;
     background: #222020!important;
     border: 0px!important;
    border-radius:20px!important;
}

.footer-Outro {
    background: #0a0a0a;
    border-top: 0px;
    overflow: hidden;
    color: white;
    margin-top: 20px;
}

.content.single-Col.misc-page, .single-Col.misc-page.footer-Content{
    background:#151515;
    border-radius:20px;
}

.news-item.update .icon {
    background: #0bb4ff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    box-shadow: 0 0 10px #0bb4ff;
}

.news-item.follow .icon {
    background: transparent;
}

.footer-Outro a, .actions > a{
    color: aqua!important;
}

.news-item .user, .news-item .you{
    color:white!important;
}

.content.misc-page.columns .col-66, .misc-page.columns.footer-Content .col-66, .post-comment, .col-33 , .content.misc-page.columns, .misc-page.columns.footer-Content, .news-item .files, hr, .news-item, .col-left{
    background: #2c2b2b; 
    border-top:0px;
    border-right:0px;
   
}

.interior .header-Outro.with-site-image {
    padding-top: 94px;
}

.news-item .title {
    border-radius: 20px;
    padding: 10px;
    color: white;
  
    
}

.news-item{
    padding:10px;
        padding-top: 11px;
}

.content.misc-page.columns .col-66, .misc-page.columns.footer-Content .col-66, .post-comment, .col-33, .content.misc-page.columns, .misc-page.columns.footer-Content, .news-item .files, hr, .news-item, .col-left{
        background: #2c2b2b;
    margin-top:30px;
    border-radius:20px;
}

.col.col-33, .col.col-66{
    margin:auto;
    justify-content:center;
}

.right-col .col-left {
    background: transparent;
}

.news-item .file:first-child .html-thumbnail.html img, .html-thumbnail.html img{
    border-radius:20px;
    padding:5px;
    box-shadow:none;
}


h3, b, strong, .stat > span{
    color:white;
}

.col-66 a, .col-33 a, .interior .header-Outro a, .stat a{
    color:aqua;
    
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus{
    outline:none!important;
}

.grouping {
    padding: 4px 0;
    text-align: left;
}

.site-info, .title, .website-Gallery.int-Gall li{
      background:#1c1c1c;
    color:white;
    transition: 0.5s ease;
}

 .website-Gallery.int-Gall li:hover{
    transition: 0.5s ease;
    transform: scale(1.05) rotate(2deg);
     box-shadow: 0 0 20px black;
}

.website-Gallery .site-info a, .website-Gallery .site-info a:visited {
    color: #fff;
    font-size: 80%;
}

.title a{
color:aqua;
}

.title{
text-align:center;
}

.img-Holder, .header-Base, .large-portrait{
    border:none;
}

.page {
    background: #171717;
}

a{
    text-decoration:none!important;
}

.interior .header-Base {
    width: 85%;
    left: 50%;
    transform: translateX(-50%);
}
.header-Nav{
    background: #1c1c1c;
    border-bottom: 0px;
    border-radius: 0px 0px 20px 20px;
    box-shadow:0 0 20px black;
    height: 43px;
}

.header-Nav a, .header-Nav a:visited {
    margin-top: 3px;
}

.header-Nav .dropdown-menu li a:hover, .header-Nav .dropdown-menu li a:focus{
    background:black;
}

.header-Nav .dropdown-menu li a{
     background: #1c1c1c;
    border-radius: 20px;
        margin-bottom: 8px;
}

.interior .header-Outro {
    padding-top: 60px;
    text-align: center;
    background: #171717 linear-gradient(to bottom, #000000 0%, #171717 100%);
}

.header-Nav .dropdown-menu .divider{
    display:none;
}

.interior .header-Outro.with-columns, .interior .header-Outro {
    padding-top: 75px;
    margin-top: -25px;
}

.header-Nav .dropdown-menu {
    background-color: transparent;
    box-shadow: none;
}

.header-Base{
    background:transparent;
}

.btn-Action, #tipButton, .header-Nav .notification-value, .header-Outro .signup-Form fieldset, .tag{
    background: -webkit-linear-gradient(top, #32dfe9,#271fb1)!important;
    border-radius:20px;
}

a.tag, a.tag:visited{
    color:#fdfdfd!important;
}

.header-Outro .signup-Form fieldset{
    margin-top:30px;
    margin-left:6%;
}

.interior .signup-Form fieldset {
    padding: 4px;
}

.header-Outro .signup-Form{
    background:transparent;
}

.interior .header-Outro .screenshot {
    border: none;
    border-radius: 20px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: grey;
      border-radius: 20px;
  ; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
}