Hi! I have decided to do a rewrite of my "google docs 2010-11" style. this version is much better made and has a few more features;
Google Docs 2010-11 Rewritten by ivyclaw22
Details
Authorivyclaw22
LicenseNo License
Categorygoogle
Created
Updated
Size88 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Updates:
1-19-24: released
-added Comments
-improved icon support
-buttons
1-19-24: added tooltips
1-19-24: added a basic theme to the google drawings ui(WIP), fixed a few toolbar bugs
5-5-24: made a few tweaks related to the share button and the pub dialogue
5-17-24: a few fixes+ checkboxes
8-16-24: a few topbar fixes + new share button + FONT SIZE NOW WORKS
2: topbar buttons adjusted
3: comments fixed
12-22-24: firefox specific fix + deflexing
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name google docs 2010-11 rewritten
@namespace github.com/openstyles/stylus
@version 122224
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://docs.google.com/document/d/") {
/*going to make things 100% less annoying*/
* {
letter-spacing: normal!important
}
/* Okay... I have decided to try this again */
/*my last attempt was spaghetti and I think I could do better*/
#fontSizeIncrement,
#fontSizeDecrement,
#fontSizeSelectSeparator,
.onegoogle-material-minibar,
.left-sidebar-container,
#kix-vertical-ruler-container,
.docs-companion-app-switcher-container,
#docs-omnibox-toolbar,
#fontFamilySelectSeparator,
#headingStyleSeparator,
#textControlsInsertSeparator {
display: none
}
/*hiding the hard to/unstylable parts*/
/*base styling/body*/
body.docs-gm {
background-color: white;
color: black;
font-family: Arial, sans-serif, sans;
font-size: 13px;
margin: 0
}
/*topbars basic styling/structure*/
#docs-banner-container,
#docs-header-container {
display: block;
}
.docs-material #docs-header #docs-titlebar-container {
max-height: 100%;
margin-left: 0px;
}
#docs-titlebar-container {
position: static;
}
.docs-material #docs-header #docs-titlebar {
clear: both;
font-size: 13px;
height: 44px;
margin-top: 0;
width: 100%;
padding: 0!important
}
.docs-grille-gm3 #docs-header {
height: unset !important;
}
.docs-grille-gm3 .docs-material #docs-header .docs-titlebar-buttons {
padding: 0 7px;
height: 44px!Important;
}
.docs-title-outer {
padding-top: 9px
}
/*new*/
.docs-title-widget {
font-family: Arial, sans-serif;
height: 25px;
width: auto;
}
.docs-title-input-label {
padding: 1px 4px 1px 3px;
font: 15px/21px Arial, sans-serif;
}
.docs-title-input-label-inner {
display: inline;
line-height: 21px;
}
.docs-title-input:focus {
border: 1px solid!important;
border-color: #ccc;
border-top-color: #aaa
}
/*end new*/
.docs-grille-gm3 .docs-title-input {
border-radius: 0!important;
border: 1px solid #fff;
}
.docs-grille-gm3 .docs-title-input:hover {
border-color: #fff;
}
.docs-grille-gm3 .docs-title-input:focus {
background-color: #ffffd6;
cursor: pointer;
}
.docs-grille-gm3 div:has(div.docs-title-untitled) .docs-title-input,
.docs-grille-gm3 .docs-title-input:focus,
.docs-grille-gm3 .docs-title-input:hover {
border-color: #ccc;
border-top-color: #aaa
}
.docs-grille-gm3 .docs-title-input:focus,
.docs-grille-gm3 .docs-title-input:hover {
background-color: #ffffd6;
}
/*adding better (google translate) buttons for scb 5/5/24 (Happy cinco de mayo!)*/
/*
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-hover,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover {
font-size: 13px;
letter-spacing: normal
}
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button:focus,
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-hover:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover:focus {
border-color: orange!important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd));
background: -moz-linear-gradient(top, #fff, #ddd);
height: auto;
font: normal normal normal 13px/13px Arial, sans-serif;
}
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button-disabled,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-active,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-checked,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-hover,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-hover:focus,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button:focus {
padding: 3px 8px 5px;
border-radius: 2px;
}
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button {
height: auto;
border-width: 1px!important;
border-style: solid!important;
border-color: #bbb #999 #999 #bbb!important;
background: #eee;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd));
background: -moz-linear-gradient(top, #fff, #ddd);
box-sizing: content-box;
font: normal normal normal 13px/13px Arial, sans-serif;
color: #000
}
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-active,
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-checked,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-active {
color: #000;
background-color: #ccc;
border-color: #999 #bbb #bbb #999!important;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#fff))!important;
background-image: -moz-linear-gradient(top, #ddd, #fff);
filter: progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#ffffff', StartColorstr='#dddddd', GradientType=0);
height: auto;
font: normal normal normal 13px/13px Arial, sans-serif;
}
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-hover,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover {
border-color: #9cf #69e #69e #7af!important;
height: auto;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd));
background: -moz-linear-gradient(top, #fff, #ddd);
font: normal normal normal 13px/13px Arial, sans-serif;
}
.apps-share-sprite {
background-image: url(https://ssl.gstatic.com/docs/documents/share/images/icons-7.png);
}
.docs-grille-gm3 .scb-public-s900,
.scb-gm3 .scb-public-s900 {
background-position: -304px 0
}
.docs-grille-gm3 .scb-lock-s900,
.scb-gm3 .scb-lock-s900 {
background-position: -368px 0
}
.docs-grille-gm3 .scb-domain-s900,
.scb-gm3 .scb-domain-s900 {
background-position: -336px 0
}
.docs-grille-gm3 .scb-people-s900,
.scb-gm3 .scb-people-s900 {
background-position: -320px 0
}
.scb-person-add-s900 {
background-position: 0px 0px
}
.docs-grille-gm3 #docs-menubars {
height: auto !important;
margin-top: 0px;
transition-duration: .1s;
}*/
/*editing for accuracy*/
#docs-header:not(.docs-hub-appbar) .docs-titlebar-buttons {
background: transparent
}
.docs-material .docs-titlebar-button {
display: inline-block
}
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button-disabled,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-active,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-checked,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-hover,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button.jfk-button-hover:focus,
.docs-grille-gm3 #docs-titlebar-share-client-button .scb-split-button.jfk-button:focus {
padding: 0 4px;
padding-right: 6px;
line-height: 1.5em;
font-family: Arial, sans-serif;
font-weight: bold!important;
}
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button-disabled,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-active,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button.goog-flat-menu-button-hover:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button:focus {
padding: 0 4px;
width: auto;
min-width: 0;
line-height: 1.5em;
font-family: Arial, sans-serif;
font-weight: bold!important;
}
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button,
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button:focus,
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button:focus,
.docs-grille-gm3 #scb-quick-actions-menu-button.goog-flat-menu-button:focus {
border-radius: 2px;
box-sizing: content-box;
height: auto;
border: 1px solid #bbb!important;
background: linear-gradient(to bottom, #f9f9f9 9px, #eee 3px, #e3e3e3);
color: #222;
font-size: 13px;
}
.docs-grille-gm3 #docs-titlebar-share-client-button .jfk-button.jfk-button-hover,
.do...