NEW VERSION ->https://userstyles.world/style/14283/google-docs-2010-11-rewritten
google docs 2010-11 style (old version see desc) by ivyclaw22
Details
Authorivyclaw22
LicenseNo License
Categorydocs.google.com
Created
Updated
Size24 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
update 9/23: dictionary has working sidebar! also, equations toolbar
update 11/03: Print Preview toolbar fixed
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name 2010 docs
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://docs.google.com/document") {
/*removing some stuff to make the style work*/
#docs-branding-container, #docs-omnibox-toolbar, #fontFamilySelectSeparator, #headingStyleSeparator, #zoomSelect, #spellGrammarCheckButton, #fontSizeDecrement, #fontSizeIncrement, #textControlsInsertSeparator, #fontSizeSelectSeparator, #addChecklistButton, #checklistPresetMenuButton, #docs-side-toolbar, .left-sidebar-container, .docs-titlebar-badges, .onegoogle-material-minibar, #fontSizeSelect, #kix-vertical-ruler, .docs-vertical-ruler-active-indicators, .goog-menu .docs-icon-img, #lineSpacingMenuButton, #docs-instant-bubble, #docs-presence-container, .docs-titlebar-buttons > .goog-inline-block:not(.docs-revisions-appbarbutton-container), #titlebar-mode-indicator-container, .docs-dictionary-titlebar-back-icon, .docs-gm-sidebar-icon-path, .docs-dictionary-titlebar-zero-state-icon, .docs-explore-sidebar-title-icon {
display: none!important
}
/*some anti-fixes*/
.docs-material #kix-horizontal-ruler .docs-icon-img::before {
content: url(https://ssl.gstatic.com/docs/common/material_common_sprite593_gm3_grey_medium.svg)!important;
}
/*main toolbar*/
.docs-grille-gm3 .docs-material #docs-header #docs-titlebar {
padding-top: 7px;
}
.apps-hoverable-menu-separator-container .apps-hoverable-menu-separator-bottom {
border-top: 1px solid #ccc;
padding: 1px;
}
.apps-hoverable-menu-separator-container .apps-hoverable-menu-separator-top {
padding: 1px;
}
#docs-titlebar {
clear: both;
font-size: 18px;
height: 44px;
}
.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-hover, .docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-selected {
border: 1px solid #6b90da;
}
.goog-tab-hover {
background: #eee
}
.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab {
font-size: 14px;
text-align: center;
width: auto;
background: #ddd;
border: 1px solid #369;
color: #333;
}
.docs-revisions-tile-selected {
background-color: #e3e9ff!important
}
.docs-revisions-tile-collaborator {
display: block;
color: #808080 !important;
font-size: 13px;
margin-right: 8px;
}
.docs-gm .docs-revisions-tile-swatch {
border-radius: 0px;
}
#docs-revisions-sidebar {
position: absolute;
right: 0;
border-left: 1px solid #68e;
width: 244px;
outline-style: none
}
#docs-revisions-sidebar-header {
font-size: 13px;
background-color: #68e;
font-weight: bold;
color: white;
padding: 6px
}
.docs-gm .docs-revisions-sidebar-title {
font-size: 13px;
line-height: normal;
padding: 0px;
}
.docs-revisions-sidebar .docs-revisions-sidebar-title {
height: auto;
}
#docs-revisions-sidebar-actions {
font-size: 13px;
position: absolute;
bottom: 0;
width: 230px;
background-color: #f4f4f4;
border-top: 1px solid #cfcfcf;
padding: 9px 0 9px 14px
}
.docs-revisions-tile-swatch {
width: 8px;
height: 8px;
position: relative;
top: 3px;
float: left;
margin-right: 3px;
}
#docs-banner-container, #docs-header-container {
display: block;
}
.docs-material #docs-header #docs-titlebar-container {
max-height: 100%;
}
.docs-grille-gm3 #docs-header {
height: auto !important;
}
.docs-grille-gm3 .docs-material #docs-header #docs-titlebar {
padding-top: 0px;
margin-top: -1px;
}
.docs-material .docs-title-outer {
margin-right: -9999px;
overflow: hidden;
position: relative;
white-space: nowrap;
width: 100%;
margin-left: 0px;
}
.docs-title-widget {
border: 1px solid #fff;
cursor: default;
font: 15px/21px Arial, sans-serif;
padding: 1px 4px 1px 3px;
overflow: hidden;
_width: 160px
}
.docs-grille-gm3.docs-gm .docs-material #docs-toolbar-wrapper {
background: url(https://ssl.gstatic.com/docs/documents/images/toolbar-bg.png) repeat-x bottom left;
border-radius: 0px;
margin: 0px;
min-height: 24px;
padding: 0px;
width: 100% !important;
border-bottom: 1px solid #d5d5d5;
cursor: default;
font: normal 12px Arial, sans-serif;
}
.docs-printpreview-toolbar {
border-top: 2px solid #d7d7d7;
}
.docs-grille-gm3 #docs-align-palette .goog-toolbar-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button, .docs-grille-gm3 .trix-palette .goog-toolbar-menu-button {
background-color: transparent;
}
.docs-grille-gm3 #docs-equationtoolbar .goog-toolbar-button, .docs-grille-gm3 #docs-equationtoolbar .goog-toolbar-menu-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select, .docs-grille-gm3 .trix-palette .goog-palette-cell {
border-radius: 0px;
height: 26px;
line-height: normal;
margin: 0 2px;
min-width: 0px;
}
.docs-textcolormenubutton .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption .goog-color-menu-button-indicator {
height: 14px;
width: 16px;
}
.docs-grille-gm3 #headingStyleSelect .goog-toolbar-menu-button-caption {
width: 110px;
}
.goog-toolbar-menu-button-caption {
padding: 0 4px 0 0;
vertical-align: middle
}
.docs-grille-gm3 #docs-font-family .goog-toolbar-menu-button-caption, .docs-grille-gm3 #headingStyleSelect .goog-toolbar-menu-button-caption, .docs-grille-gm3 .docs-main-toolbars .docs-toolbar-text-button {
font-size: unset;
}
.goog-toolbar-button-outer-box, .goog-toolbar-button-inner-box {
border: 0;
vertical-align: top
}
.goog-toolbar-button-outer-box {
margin: 0;
padding: 1px 0
}
.goog-toolbar-button-inner-box {
margin: 0 -1px;
padding: 3px 4px
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box, .goog-toolbar-button-active .goog-toolbar-button-outer-box, .goog-toolbar-button-checked .goog-toolbar-button-outer-box, .goog-toolbar-button-selected .goog-toolbar-button-outer-box {
border-width: 1px 0;
border-style: solid;
padding: 0
}
.goog-toolbar-button-hover .goog-toolbar-button-inner-box, .goog-toolbar-button-active .goog-toolbar-button-inner-box, .goog-toolbar-button-checked .goog-toolbar-button-inner-box, .goog-toolbar-button-selected .goog-toolbar-button-inner-box {
border-width: 0 1px;
border-style: solid;
padding: 3px
}
.docs-grille-gm3 .trix-palette .goog-toolbar-menu-button-hover, .docs-grille-gm3.docs-gm #docs-align-palette .goog-toolbar-button-hover, .docs-grille-gm3.docs-gm .clean-palette .goog-palette-cell-hover, .docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-button-hover, .docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-menu-button-hover, .docs-grille-gm3.docs-gm .docs-toolbar-zoom-combobox.goog-toolbar-combo-button-hover {
background-color: transparent;
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-inner-box, .docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-inner-box {
height: auto;
min-width: auto;
}
.goog-toolbar-button-hover .goog-toolbar-button-outer-box, .goog-toolbar-button-hover .goog-toolbar-button-inner-box {
border-color: #a1badf!important
}
.goog-toolbar-button-active, .goog-toolbar-button-checked, .goog-toolbar-button-selected {
background-color: #dde1eb!important
}
.goog-toolbar-menu-button-active, .goog-toolbar-menu-button-open {
background-color: #dde1eb!important
}
.docs-material .docs-toolbar-small-separator + div.goog-toolbar-button, .docs-material .docs-toolbar-small-separator + div.goog-toolbar-menu-button {
margin-left: 2px;
}
.goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box {
margin: 0;
margin-right: 0px;
}
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
border-color: #a1badf!important
}
.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
border-width: 1px 0;
border-style: solid;
padding: 0
}
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-width: 0 1px;
border-style: solid;
padding: 3px
}
.goog-toolbar-select .goog-toolbar-menu-button-outer-box, .goog-toolbar-select .goog-toolbar-menu-button-inner-box {
border-color: #bfcbdf
}
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box {
border-width: 1px 0;
border-style: solid;
padding: 0
}
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
border-width: 0 1px;
border-style: solid;
padding: 3px
}
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
border-color: #a1badf!important
}
.goog-toolbar-menu-button-active, .goog-toolbar-menu-button-open {
background-color: #dde1eb!important
}
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box, .goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
border-color: #729bd1
}
.goog-toolbar-menu-button-outer-box...