WhoogleToGoogle by krokko123

/* ==UserStyle==
@name         WhoogleToGoogle
@version      20230201.22.14
@namespace    userstyles.world/user/krokko123
@description  A whoogle theme to make it look like google
@author       krokko123
@license      No License
==/UserStyle== */

/* ==UserStyle==

@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Whoogle to Google
@author         Me
==/UserStyle== */

@-moz-document url-prefix("") {
body{
    width:100% !important;
    max-width:100% !important;
}
#search-bar{
     border-radius: 24px !important;
     padding-left: 20px !important; 
     padding-right:20px !important;
}
header{
    display: flex;
    margin-top: 25px;
    margin-left:1%;
}
.search-div{
    width: 40% !important;
    margin: 12px !important;
    margin-left:30px !important;
}
.header-tab-div {
    margin-top:20px !important;
    margin-left: 13.6% !important;
}
.header-tab-div-2 {
  border-bottom: 1px solid #dadce0;
  border-top:none;
}
span.header-tab-span {
  border-bottom: 4px solid #4285f4;
  border-top:none;
  margin-left: 5px;
}
.header-tab{
    justify-content:unset !important; 
    margin-right:10px !important;
}
#main {
  margin-left: 13%;
}
.tAd8D.AP7Wnd {
  color: white !important;
}
}

@-moz-document url-prefix("") {
html {
        background: #202124 !important;
    }

    :root {
        --whoogle-dark-page-footer:#171717 !important;
        --whoogle-dark-page-hover-color:#303134 !important;
        --whoogle-dark-page-footer-font:#999da2 !important;
        --whoogle-dark-page-autocomplete-item-list:#3c4043 !important;
    }
    
    .logo-container {
        max-height: 500px;
        margin: 30px;
    }
    .search-container{
        top: 40% !important;
    }

    #search-submit {
        border: 1px solid #303134 !important;
        background: #303134 !important;
        margin-top:30px!important;
        border-radius: 4px;
        color: #e8eaed;
        font-family: arial,sans-serif;
        font-size: 14px;
        padding: 0 16px;
        line-height: 27px;
        height: 36px;
        min-width: 54px;
        max-width: 250px;
        text-align: center;
        cursor: pointer;
        user-select: none;
        margin-left: 30% !important;
    }
   #search-submit:hover{
       border: 1px solid #5f6368 !important;
    }

    .autocomplete{
        display:flex !important;
    }    

    #search-bar {
        background-color: #202124 !important;
        border: 1px solid #5f6368 !important;
        height: 45px;
        font-size: 16px;
        flex: 100%;
    }

    #search-bar:hover {
        background:var(--whoogle-dark-page-hover-color) !important;
        border:none !important;
        box-shadow: 0 1px 6px 0 #171717 !important;
    }
    #search-bar:focus {
        background:var(--whoogle-dark-page-hover-color) !important;
        border:none !important;
    }
    body{
        max-width: 100% !important;
    }

    .active {
        background-color: #303134 !important;
    }

    .content,
    .result-config {
        background-color: #303134 !important;
    }

    a:link div {
        color: #bdc1c6 !important;
    }

    a:link h3 div {
        color: #8ab4f8 !important;
    }

    div {
        color: #bdc1c6 !important;
    }
    html body footer {
        background-color: var(--whoogle-dark-page-footer) !important;
    }
    .footer{
        color:var(--whoogle-dark-page-footer-font) !important;
    }   
    input.home-search:hover {
        background-color:var(--whoogle-dark-page-hover-color) !important;
    }
    input.home-search {
     border-radius: 24px !important;
     padding-left: 20px !important; 
     padding-right:20px !important;
    }
    .autocomplete-items{
    background: #303134 !important;
    box-shadow: 0 4px 6px 0 #171717;
    border:none !important;
    border-radius: 0px 0px 24px 24px !important;
    }
    .autocomplete-items div{
        border:none !important;
        padding-left: 20px !important;
        border-radius: 0px 0px 24px 24px !important;
    }
    .autocomplete-items div:hover{
        background-color:#3c4043 !important;
    }
}

@-moz-document url-prefix("http://example.com") {

}