Share Speed Mod



  • Sorry, my English is not good!

    I am not the author of css!

    Thanks to https://forum.vivaldi.net/topic/13616/hide-the-navigation-bar-on-start-page

    Thanks to https://github.com/sjudenim/Mods-for-Vivaldi/blob/master/mods/speeddial-tweaks.css

    /* Hide the navigation bar on Start Page
     Source https://forum.vivaldi.net/topic/13616/hide-the-navigation-bar-on-start-page
       ============================*/
       
    @keyframes hide-startpage-navigation {
    	from {
    		top: 0;
      }
    	to {
    		top: -25px;
        opacity: 0;
      }
    }
    .startpage-navigation {
    	animation: hide-startpage-navigation 1s ease forwards;
    	animation-delay: 1s;
    }
    .startpage-navigation:hover {
    	animation: show-startpage-navigation 0.5s ease forwards;
    }
    
    .startpage .startpage-navigation {min-height: 30px}
    
    /* Speed Dial Thumbnails
    Source https://github.com/sjudenim/Mods-for-Vivaldi/blob/master/mods/speeddial-tweaks.css
      ============================*/
    
    .speeddial {
        margin-top: 35px !important;
        /* margin-right: -4px !important; */
    }
    
    .dials {zoom: 110%}
    
    .speeddial .dial {
        position: relative;
        float: left;
        transform: none !important;
        width: 230px !important;  /* width+margin<236px */
        height: 203px !important;
        margin: 6px;
        margin-top: -14px !important;
    }
    
    .dials .dial .thumbnail-image {
        background-color: var(--colorBgDarker) !important;
        border-radius: 4px;
        opacity: .99;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,0.4) !important;
    }
    
    /* Tile titles */
     .dials .dial .button-title {display: none !important}
     
     .dials .dial:not(.folder) .button-title {
        display: initial !important;
        background-color: var(--colorBgDarker) !important;
        opacity: .95 !important;
        min-width: 230px !important;
        height: 28px;
        margin-top: -46px;
        height: 25px;
        margin-top: -43px;
        border-radius: 0 0 4px 4px;
        font-size: .85em;
        color: var(--colorFg);
    }
     .dials .dial:not(.folder):hover .button-title {
        transform: scale(1.028,1);
        margin-top: -40px;
        margin-top: -38px;
        color: var(--colorFgIntense);
    }
     .dials .dial .editable-title-container {
        margin-top: 0 !important;
    }
    .dials .dial .editable-title-container>input,
    .dials .dial .editable-title-container>input:active {
        margin-top: -40px;
        padding-top: 1px;
        margin-top: -38px;
        padding-top: 2px;
        min-width: 230px !important;
        height: 27px;
        height: 24px;
        font-size: .85em;
        border-radius: 0 !important;
        border: none !important
    }
    .dials .dial .editable-title-container {
        margin-top: 0 !important;
    }
    
    /* Dial overlay buttons */
    .thumb-controls {
        bottom: 20px !important;
        right: 5px;
        bottom: 28px !important;
        right: 3px;
    }
    .dials .dial .close {
        top: 15px !important;
        right: 5px;
        right: 3px;
    }
    

    0_1544366973860_f660ecdb-d51c-405c-9620-90e07c0f2158.png


 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.