did you know that all of the old icons and their placement on the megaimage can be found in like 20 seconds? anyways here is an incomplete classic docs theme. id do more, but it takes too long to find the menus icon placement, which i cant find
classic docs buttons by claw241
Details
Authorclaw241
LicenseNo License
Categorydocs.google.com
Created
Updated
Size12 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name docs.google.com - 10/10/2022, 10:13:30 PM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("docs.google.com") {
.docs-gm #docs-toolbar-wrapper {
border-top: 1px solid transparent;
border-bottom: 1px solid #ebebeb;
}
.docs-material #docs-toolbar-wrapper {
background: #f5f5f5;
}
.docs-material .goog-toolbar-button, .docs-material .goog-toolbar-combo-button, .docs-material .goog-toolbar-menu-button{
background:transparent;
}
.docs-gm .docs-material .goog-toolbar-button-hover, .docs-gm .docs-material .goog-toolbar-menu-button-hover,.docs-gm .docs-material .goog-toolbar-combo-button-hover{
box-shadow: 0 1px 1px rgba(0,0,0,.1)!important;
background: linear-gradient(to bottom,#f8f8f8,#f1f1f1)!important;
border: 1px solid #c6c6c6 !important;
}
.docs-gm .docs-material .goog-toolbar-button-checked{
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
background-color: #eee;
border: 1px solid #ccc!important;
}
.docs-gm .docs-material .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/jfk_sprite186.png)
}
.docs-gm .docs-material .goog-toolbar-button-active .docs-icon-img, .docs-gm .docs-material .goog-toolbar-button-checked .docs-icon-img, .docs-gm .docs-material .goog-toolbar-button-selected .docs-icon-img, .docs-gm .docs-material .goog-toolbar-combo-button-open .docs-icon-img, .docs-gm .docs-material .goog-toolbar-menu-button-open .docs-icon-img, .docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active .docs-icon-img, .docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active .docs-icon-img, .docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open .docs-icon-img, .docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon-img, .docs-gm .docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon-img, .docs-gm .docs-material .docs-analytics-sidebar-tab-selected .docs-icon-img, .docs-gm .docs-material.docs-sheet-active-tab .docs-icon-img, .docs-gm .docs-material .docs-sheet-button-active .docs-icon-img, .docs-gm .docs-material .docs-sheet-button-open .docs-icon-img, .docs-gm .docs-material .punch-present-startmenuitem .docs-icon-img, .docs-gm .docs-material .punch-start-presentation-container .docs-icon-img, .docs-gm .docs-material .waffle-named-ranges-promo-title .docs-icon-img, .docs-gm .docs-material.goog-flat-menu-button-open .docs-icon-img, .docs-gm .docs-material.trix-palette .goog-palette-cell-selected .docs-icon-img, .docs-bubble .docs-bubble-button.jfk-button:hover:active .docs-icon-img, .docs-material .docs-save-indicator-popup-icon .docs-icon-img, .docs-material .docs-icon-system-applied-labels.docs-icon-img, .docs-material .docs-labels-banner-icon .docs-icon-editors-ia-label.docs-icon-img, .docs-material .fta-blanket-warning .docs-icon-img, .docs-material .docs-titlebar-badge:active .docs-icon-img, .docs-material .docs-titlebar-badge.docs-titlebar-badge-selected .docs-icon-img, .docs-gm .docs-material .docs-smart-summary-tinted.docs-icon-img, .docs-material .smart-canvas-date-details-bubble-pattern-picker-button .docs-icon-img, .docs-material .smart-canvas-date-details-bubble-pattern-picker-button-original .docs-icon-img, .docs-material .smart-canvas-date-details-bubble-book-meeting-button .docs-icon-img, .docs-gm .docs-emoji-picker-tabbar .docs-tabbar-tab-selected .docs-icon-img, .docs-gm .docs-material .docs-talk-track-menu-button .docs-icon-img, .docs-gm .docs-material .kix-task-bubble-blue-icon .docs-icon-img, .docs-gm .docs-talk-track-filmstrip-button-record-icon .docs-icon-img, .docs-gm .docs-icon-camera-placeholder-18 .docs-icon-img, .docs-gm .docs-icon-camera-placeholder-24 .docs-icon-img, .docs-gm .docs-icon-video-camera-front-18 .docs-icon-img, .docs-gm .docs-icon-video-camera-front-24 .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/jfk_sprite186.png);
}
.docs-material .docs-icon, .docs-material .goog-color-menu-button-indicator .docs-icon, .docs-material .sketchy-toolbar-color-menu-button .goog-toolbar-menu-button-caption .docs-icon {
width:21px;
height:21px;
}
.docs-material .docs-icon-img-container {
height: auto;
position: absolute;
width: auto;
}
/*patching buttons*/
.docs-material .docs-icon-align-left {
left: 0!important;
top: -3750px!important;
}
.docs-icon-align-center {
left: -21px!important;
top: -1623px!important;
}
.docs-icon-align-right {
left: -21px!important;
top: -2274px!important;
}
.docs-icon-align-justify {
left: 0!important;
top: -2253px!important;
}
.docs-icon-line-spacing {
left: -21px!important;
top: -1497px!important;
}
#addChecklistButton{
display:none!important;
}
.docs-icon-list-bullet {
left: 0!important;
top: -2232px!important;
}
.docs-icon-arrow-dropdown {
left: 0!important;
top: -3981px!important;
}
.docs-icon-list-number {
left: 0!important;
top: -3624px!important;
}
.docs-icon-outdent {
left: -21px!important;
top: -864px!important;
}
.docs-icon-indent {
left: 0!important;
top: -3876px!important;
}
.docs-icon-clear-formatting {
left: 0!important;
top: -1707px!important;
}
.docs-icon-enter-compact {
left: 0!important;
top: -2736px!important;
}
.docs-icon-image-type {
left: 0!important;
top: -2925px!important;
}
.docs-icon-comment {
left: -21px!important;
top: -66px!important;
}
.docs-icon-link {
left: -21px!important;
top: -4125px!important;
}
.docs-icon-text-bgcolor {
left: -21px!important;
top: -192px!important;
}
.docs-icon-text-color {
left: -21px!important;
top: -2148px!important;
}
.docs-icon-underline {
left: 0!important;
top: -675px!important;
}
.docs-icon-italic {
left: 0!important;
top: -3540px!important;
}
.docs-icon-bold {
left: 0!important;
top: -1035px!important;
}
.docs-material .docs-icon-editors-ia-clear-format {
left: 0!important;
top: -1707px!important;
}
.docs-menubar .goog-control {
padding: 3px 7px 5px 7px;
margin-top: 2px;
border: 1px solid transparent;
outline: none;
}
.goog-inline-block {
position: relative;
display: inline-block;
}
.docs-material .docs-icon-increase-22, .docs-material .docs-icon-decrease-22, .docs-material .docs-icon-spellcheck, .docs-material .docs-icon-comment-topbar-24, .docs-material .docs-icon-editors-ia-filter-funnel-solid{
content: url(//ssl.gstatic.com/docs/common/material_common_sprite423_grey_medium.svg) !important;
}
.docs-material .docs-icon-paint-format {
left: 0;
top: -591px;
}
.docs-material .docs-icon-print {
left: 0;
top: -528px;
}
.docs-icon-redo, .docs-icon-undo-rtl {
left: -21px!important;
top: -1434px!important;
}
.docs-icon-undo, .docs-icon-redo-rtl {
left: 0!important;
top: -759px!important;
}
.goog-menuitem.apps-menuitem {
padding: 6px 10px 6px 10px !important;
white-space: normal;
}
.docs-gm .goog-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-transition: opacity 0.218s;
-moz-transition: opacity 0.218s;
-o-transition: opacity 0.218s;
transition: opacity 0.218s;
background: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
cursor: default;
font-size: 13px;
margin: 0;
outline: none;
padding: 0;
position: absolute;
}
.docs-material .docs-icon-editors-ia-photo-image {
left: 0;
top: -2442px;
}
.docs-material .docs-icon, .docs-material .goog-color-menu-button-indicator .docs-icon, .docs-material .sketchy-toolbar-color-menu-button .goog-toolbar-menu-button-caption .docs-icon {
margin: 1px 2px 2px 1px !important;
}
.docs-material .docs-icon-editors-ia-camera {
left: -21px;
top: -2484px;
}
.docs-material .docs-icon-drive-monochrome-2021 {
left: -21px;
top: -1812px;
}
.docs-material .docs-icon-editors-ia-upload {
left: 0;
top: -2379px;
}
.docs-material .docs-icon-search-this-document {
left: 0;
top: -24px;
}
.docs-material .docs-icon-editors-ia-link {
left: -21px;
top: -4125px;
}
.docs-material .docs-icon-editors-ia-photos {
left: -21px;
top: -907px;
}
.docs-material .docs-icon-editors-ia-plus {
left: 0;
top: -4147px;
}
.docs-material .docs-icon-timeline {
display:none
}
.docs-material .docs-icon-editors-ia-cut {
left: 0;
top: -2085px;
}
.docs-material .docs-icon-editors-ia-paste {
left: -21px;
top: -529px;
}
.docs-material .docs-icon-editors-ia-paste-no-format {
left: -21px;
top: -1979px;
}
.docs-material .docs-icon-editors-ia-content-copy {
left: 0;
top: -2694px;
}
.docs-material .docs-icon-editors-ia-delete-trash {
display:none;
}
.docs-icon-decimal-decrease {
left: 0!important;
top: -1308px!important;
}
.doc...