111 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			111 lines
		
	
	
		
			2.1 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| up:: [[firefox extensions]]
 | |
| #s/informatique 
 | |
| 
 | |
| # Code pour le style :
 | |
| 
 | |
| ```css
 | |
| /* Show title of unread tabs with red and italic font */
 | |
| /*
 | |
| :root.sidebar tab-item.unread .label-content {
 | |
|   color: red !important;
 | |
|   font-style: italic !important;
 | |
| }
 | |
| */
 | |
| 
 | |
| /* Add private browsing indicator per tab */
 | |
| /*
 | |
| :root.sidebar tab-item.private-browsing tab-label:before {
 | |
|   content: "🕶";
 | |
| }
 | |
| */
 | |
| 
 | |
| tab-item {
 | |
|   --tab-margin-top: 0px;
 | |
|   --tab-margin-bottom: 0px;
 | |
|   --tab-margin-right: 0;
 | |
| }
 | |
| 
 | |
| 
 | |
| :root.right tab-item-substance {
 | |
|   margin-left: calc(var(--tab-margin-left) + var(--tab-indent) * 1.2); /**/
 | |
|   margin-right: 10px;
 | |
|   border: 1px solid #AAAAAAAA;
 | |
|   padding-left: 0px;
 | |
|   padding-top: 1px;
 | |
|   padding-bottom: 1px;
 | |
| 
 | |
| }
 | |
| 
 | |
| /* highlight active tab */
 | |
| tab-item.active tab-item-substance {
 | |
|   /* height: 39px !important;*/ 
 | |
| }
 | |
| tab-item.active .background {
 | |
|   background-color: green;
 | |
| }
 | |
| tab-item.active .label-content {
 | |
|   font-weight: bold;
 | |
|   /* font-size: 14px; */
 | |
| }
 | |
| tab-item.active tab-twisty,
 | |
| tab-item.active .label-content,
 | |
| tab-item.active tab-counter {
 | |
|   color: #fff;
 | |
| }
 | |
| 
 | |
| /* hovered tab */
 | |
| tab-item tab-item-substance:hover {
 | |
|   background: darkgreen !important;
 | |
|   opacity: 0.9;
 | |
| }
 | |
| 
 | |
| /* Change styling of pending (unloaded) tabs */
 | |
| tab-item.discarded tab-item-substance {
 | |
|   opacity: 0.8;
 | |
| }
 | |
| 
 | |
| /* tab counting */
 | |
| #tabbar {
 | |
|   counter-reset: vtabs atabs tabs;
 | |
|   /* vtabs tracks visible tabs, atabs tracks active tabs, tabs tracks all tabs */
 | |
| }
 | |
| tab-item:not(.collapsed):not(.discarded) {
 | |
|   counter-increment: vtabs atabs tabs;
 | |
| }
 | |
| tab-item:not(.collapsed) {
 | |
|   counter-increment: vtabs tabs;
 | |
| }
 | |
| tab-item:not(.discarded) {
 | |
|   counter-increment: atabs tabs;
 | |
| }
 | |
| tab-item {
 | |
|   counter-increment: tabs;
 | |
| }
 | |
| 
 | |
| /* show active tabs / total tabs */
 | |
| .newtab-button {
 | |
|   --tab-count-text: counter(atabs) "/" counter(tabs) " tabs";
 | |
| }
 | |
| 
 | |
| /* hide the new tab button */
 | |
| :root.simulate-svg-context-fill .newtab-button::after {
 | |
|   content: var(--tab-count-text);
 | |
|   pointer-events: none;
 | |
|     
 | |
|   width: 100%;
 | |
| 
 | |
|   /* TST 2.4.0 - Fix for Issue #1664 */
 | |
|   background: transparent !important;
 | |
|   mask: none !important;
 | |
| }
 | |
| 
 | |
| 
 | |
| 
 | |
| /* wrap tabs instead of cropping them 
 | |
| tab-item:not(.collapsed) tab-label {
 | |
|   overflow: unset;
 | |
|   white-space: unset;
 | |
| }
 | |
| /* */
 | |
| ```
 |