Created
March 29, 2018 07:00
-
-
Save chloe-626/43f3ce7e2835085182201eec2bfdb938 to your computer and use it in GitHub Desktop.
Vivaldi CSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*To use: | |
Find your Vivaldi resources folder | |
s/t like: Vivaldi\Application\VersionNumber\resources\vivaldi | |
Edit browser.html and include this line: | |
<link rel="stylesheet" href="style/custom.css"/> | |
Move this file to the style folder, so you have both common.css and custom.css | |
Enjoy <3 */ | |
/* fix toolbar bg being darker than address bg */ | |
.addressfield, .searchfield { | |
border: none; | |
background: var(--colorAccentBg); | |
background-color: var(--colorAccentBg); | |
height: 24px; | |
} | |
/* center tab and address text */ | |
.addressfield form input.url, .tab-position .tab .title { | |
text-align: center; | |
} | |
/* remove rubbish bin */ | |
button.button-tabbar.toggle-trash { | |
display: none | |
} | |
/* remove home button */ | |
.button-addressfield.home,.button-tabbar.home,.button-toolbar-small.home,.button-toolbar.home { | |
display:none !important | |
} | |
/* remove vivaldi button */ | |
button.vivaldi { | |
display: none !important; | |
} | |
.tab-strip, #tabs-container .resize { | |
margin-left: -14px; | |
} | |
/* fix favicons */ | |
#tabs .tab .tab-header .favicon, .favicon { | |
background-color: transparent !important; | |
box-shadow: none !important; | |
} | |
/* remove reload */ | |
button.button-toolbar.reload { | |
display: none; | |
} | |
/* remove back and forward buttons */ | |
.toolbar .button-toolbar { | |
display: none; | |
} | |
.addressfield { | |
margin-left: 0px; | |
margin-right: 0px; | |
} | |
/* remove new tab button */ | |
#tabs-container .newtab { | |
display: none; | |
} | |
/* remove bookmarks button */ | |
.addressfield button.button-addressfield.input-dropdown:last-child, .add-bookmark-container > button.button-addressfield { | |
display: none; | |
} | |
/* autohide/remove site info */ | |
#browser:not(.private) .addressfield .addressfield-siteinfo { | |
opacity: 0; | |
display: none; | |
} | |
#browser:not(.private) .addressfield .addressfield-siteinfo:hover { | |
opacity: 1; | |
} | |
/* fix command and search dropdown hover bg */ | |
.hasfocus .quick-command-container .quick-commands .quick-command[data-selected], .isblurred .quick-command-container .quick-commands .quick-command[data-selected], .urlSearch section .highlight { | |
/*background-color: var(--colorAccentBg);*/ | |
background-color: var(--colorBgIntense); | |
color: var(--colorFgFaded); | |
} | |
.quick-command-container .quick-command-search, .quick-command-container .quick-command-search-hint { | |
border: none; | |
} |
Hi! I'm using Linux and I'm still a little new. Can you tell me where must I place this CSS file?
sorry for the late reply, I believe this link will help you out: https://forum.vivaldi.net/topic/10549/modding-vivaldi
impressionante, ficou uma bosta
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Hi! I'm using Linux and I'm still a little new. Can you tell me where must I place this CSS file?