Skip to content

Google Docs 2010-11 Rewritten by ivyclaw22

Screenshot of Google Docs 2010-11 Rewritten

Details

Authorivyclaw22

LicenseNo License

Categorygoogle

Created

Updated

Size90 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

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;

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

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        1.0.0
@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!i...

Reviews

No reviews yet.