Skip to content

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

NEW VERSION ->https://userstyles.world/style/14283/google-docs-2010-11-rewritten

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...

Reviews

No reviews yet.