stcoro
6 styles • 45 ★
FSXL: YouTube
2 months ago by stcoro
0 0/* Disclaimer: This has only been tested in Chrome 16 for the Mac. I believe that it should also work on other webkit-compatible browsers.
Objective: I wrote this so that I can watch videos on my widescreen TV without having to use YouTube XL. I find that the user experience on this revised YouTube css is more pleasant on both my laptop and television. */
/* Features:
- Larger video (picture shows it at 58% of screen height, but default is 65%
- Changed layout
- Removed advertisements and other annoying features to make it cleaner
- Related videos displayed in a grid
- Homepage de-cluttered and made fullscreen, videos in feed made into clean grid
- Page header turned into a fixed, gradient-filled bar that floats above the page
- Cleaned up navigation on the movies, videos, music, etc. pages
*/
/* To change the video size, set height and width under #watch-video-container */
html {
height: 100%;
width: 100%;
}
body {
height: 100%;
width: 100%;
}
#page {
width: 100%;
height: 100%;
}
#content-container {
position: absolute;
top: 60px;
left: 0px;
text-align: center;
width: 100%;
height: 100%;
}
#content {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 95%;
height: 100%;
padding: 10px;
}
/* Restyle the top bar */
#masthead-user-button {
background-color: #F0F0F0;
border: 0px;
}
#masthead-expanded {
background-color: #EEE;
margin-top: -8px;
}
#masthead-expanded-container {
width: 100%;
border-bottom: 1px SOLID #333;
}
#masthead-container {
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.7);
position: fixed;
width: 100%;
top: 0px;
left: 0px;
z-index: 1000;
padding-bottom: 10px;
height: 50px;
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
}
#masthead-nav a {
color: #FFF;
}
#masthead-nav a:hover {
background-color: #222;
border-radius: 5px;
}
/* Remove unnecessary content */
div.ad-div.mastad, #video-sidebar, #footer {
display: none;
}
/* Redesign Homepage */
/* Left Menu */
.guide-layout-container {
background-color: #FFF;
/*min-width: 1025px;*/
}
.guide-container {
width: 20%;
min-width: 150px;
}
/* Content Feed */
#feed-background {
background-color: #FFF;
}
#feed {
width: 80%;
padding-left: 20%;
margin: 0px;
}
.feed-item, .feed-item-container {
width: 46%;
min-width: 250px;
float: left;
margin-left: 10px;
margin-bottom: 5px;
padding: 10px;
border: 2px SOLID #DDD;
background-color: #FFF;
border-radius: 5px;
min-height: 130px;
}
.feed-item:hover, .feed-item-container:hover {
border: 2px SOLID #AAA;
}
.feed-item-content {
background-color: #FFF;
}
.feed-header-icon {
margin-left: 10px;
}
.feed-header-details {
padding-left: 10px;
}
.feed-item-visual-content {
width: 150px;
}
.feed-item-visual-description {
width: 200px;
}
.feed-load-more-container {
width: 79%;
}
.feed-comment {
display: none;
}
/* Video Watching Page */
.watch-sidebar-section .horizontal-rule, .vertical-rule-corner-top, .vertical-rule-main, .vertical-rule-corner-bottom, .watch-sidebar-head, .watch-pyv-vid, .comment-list, .comments-section-see-all, .comments-pagination, #watch-info, #watch-channel-brand-div, #watch-longform-ad, #watch-discussion {
display: none;
}
#watch-container {
height: 100%;
width: 100%;
}
#watch-video-container {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
width: 100%;
height: 75%;
}
#watch-video {
width: 100%;
height: 100%;
text-align: center;
}
#watch-player {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 100%;
min-width: 750px;
}
#watch-headline-container {
padding: 10px;
margin-left: -10px;
margin-top: -10px;
margin-bottom: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
width: 100%;
}
#watch-headline-user-info {
width: 100%;
}
#watch-main-container {
width: 100%;
}
#watch-main {
width: 100%;
}
#watch-panel {
width: 100%;
padding-top: 13px;
}
#watch-actions {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
width: 100%;
}
#watch-sidebar {
margin: 0;
padding: 0;
width: 100%;
min-width: 800px;
background: none;
clear: both;
}
#watch-context-container {
display: none;
width: 30%;
min-width: 300px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
margin-right: 1%;
}
#watch-context-container .watch-sidebar-body {
margin: 10px;
}
.watch-sidebar-section {
width: 100%;
margin-left: auto;
margin-right: auto;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.watch-sidebar-section #watch-related-container {
padding: 10px;
min-width: 450px;
float: left;
background: none;
text-align: center;
}
.watch-sidebar-section #watch-related-container .video-list-item {
float: left;
margin-right: 1%;
border: 1px SOLID #CCC;
clear: none;
width: 32%;
}
.watch-headline {
margin-left: 0;
}
/* Movies Section */
#masthead-subnav ul {
width: 100%;
}
.browse-stage {
height: 22px;
}
#browse-ad-container {
display: none;
}
FSXL: Wikipedia
2 months ago by stcoro
5 2/* Navigation Bar */
#content, #footer, #mw-head, #p-logo {
display: block;
}
#left-navigation {
display: none;
}
#mw-head-base {
width: 100%;
position: fixed;
top: 80px;
left: -160px;
height: 40px;
background: -webkit-linear-gradient(top, rgba(50,53,56,1) 0%,rgba(0,0,0,1) 100%);
border-bottom: 1px SOLID #333;
z-index: 150;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
/* MW Panel (main wikipedia menu) */
#mw-panel {
position: fixed;
top: 0px;
left: 210px;
z-index: 4000;
opacity: 0.9;
}
#mw-panel #p-interaction, #mw-panel #p-coll-print_export, #mw-panel #p-lang, #mw-panel #p-tb, #p-navigation .body {
display: none;
}
#mw-panel:hover #p-interaction, #mw-panel:hover #p-coll-print_export, #mw-panel:hover #p-lang, #mw-panel:hover #p-tb {
display: block;
background-color: #FFF;
padding: 5px;
width: 180px;
}
#mw-panel #p-navigation {
display: block;
margin-top: -20px;
padding-top: 13px;
height: 29px;
}
#mw-panel #p-navigation h5 {
color: #FFF;
font-weight: 600;
font-family: Verdana;
font-size: 12px;
}
#mw-panel:hover #p-navigation {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,0,1)), color-stop(100%,rgba(160,0,0,1)));
width: 90px;
}
#mw-panel .portal {
overflow: hidden;
}
#mw-panel:hover .portal {
}
#mw-panel .portal:hover {
/*height:400px;*/
}
#mw-panel .portal h5 {
display: block;
margin: 0px;
}
#mw-panel .portal .body {
height: 0px;
-webkit-transition: height 1s;
}
#mw-panel .portal:hover .body {
height: 200px;
overflow: auto;
}
/* Contents Dropdown */
#toc {
position: fixed;
top: 0px;
left: 55px;
border: 0px;
z-index: 200;
overflow: hidden;
opacity: 0.9;
padding: 0px;
margin-top: -2px;
background: none;
}
#toc tbody, #toc tr, #toc td {
padding: 0px;
margin: 0px;
}
#toc:hover {
}
#toc #toctitle {
text-align: left;
height: 31px;
padding-top: 10px;
padding-left: 8px;
padding-right: 8px;
width: 65px;
}
#toc:hover #toctitle {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,0,1)), color-stop(100%,rgba(160,0,0,1)));
}
#toc #toctitle h2 {
font-family: Verdana;
font-weight: 600;
font-size: 13px;
color: #FFF;
}
#toc:hover #toctitle h2 {
}
#toc #toctitle .toctoggle {
display: none;
}
#toc .toclevel-1 {
display: none;
}
#toc:hover ul {
margin: 0px;
padding: 0px;
}
#toc:hover li {
display: block;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
margin: 0px;
background-color: #FFF;
}
#toc:hover li a {
color: #555;
}
#toc:hover li:hover a {
color: #000;
}
table.toc tbody tr td ul {
max-height: 540px;
overflow: auto;
}
/* Views */
#p-views {
position: fixed;
z-index: 3000;
top: 0px;
left: 150px;
border: 0px;
}
#p-views:hover {
opacity: 0.9;
}
#p-views h5 {
display: block;
font-family: Verdana;
font-weight: normal;
font-size: 13px;
padding-top: 11px;
padding-left: 8px;
padding-right: 8px;
padding-bottom: 14px;
color: #FFF;
width: 40px;
}
#p-views:hover h5 {
color: #FFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,0,1)), color-stop(100%,rgba(160,0,0,1)));
}
.vectorTabs {
background: none;
}
#p-views ul {
display: none;
}
#p-views:hover ul {
display: block;
}
#p-views ul li {
clear: both;
width: 110px;
}
#p-views ul li span {
width: 110px;
padding-left: 10px;
background: none;
background-color: #FFF;
}
#p-views ul li span:hover {
}
#p-views ul li span a {
color: #555;
}
#p-views ul li span:hover a {
color: #000;
}
/* Search Bar */
#right-navigation {
padding-right: 20px;
padding-top: 10px;
position: fixed;
top: -53px;
left: 320px;
z-index: 5000;
width: 400px;
}
#simpleSearch {
width: 500px;
}
#searchInput {
width: 480px;
}
/* Login */
/* Content */
#siteSub {
display: none;
}
#firstHeading {
padding-top: 20px;
padding-bottom: 10px;
padding-left: 5%;
background-color: #EEE;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(219,219,219,1)));
color: #000;
z-index: 50;
position: fixed;
width: 95%;
top: 33px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-align: left;
opacity: 0.9;
}
.articleFeedback-buffer.articleFeedback-ui {
display: none;
}
#editform {
padding-left: 30px;
padding-right: 30px;
}
.ambox {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,52,59,1)), color-stop(100%,rgba(129,134,142,1)));
color: #FFF;
}
.ambox a {
color: #FFCC00;
}
.navbox-title {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,52,59,1)), color-stop(100%,rgba(129,134,142,1)));
color: #FFF;
}
.navbox-title a {
color: #FFF;
}
.mw-content-ltr {
margin-left: 50px;
margin-right: 50px;
}
#contentSub {
display: none;
}
#p-personal {
height: 35px;
padding-top: 10px;
position: fixed;
top: -1px;
right: 15px;
z-index: 7000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1)));
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px SOLID #ff7b0d;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}
#pt-login {
margin-left: -150px;
}
#pt-login a {
color: #FFF;
}
#content {
margin-left: 0;
width: 100%;
padding-left: 0px;
padding-right: 0px;
padding-top: 45px;
z-index: 0;
}
#footer {
display: none;
}
.topicon {
display: none;
visibility: hidden;
}
#coordinates {
margin-right: 50px;
}
Readable Wikipedia
8 months ago by stcoro
10 1td.mbox-image {
display: none;
}
td.mbox-text small {
display: none;
}
td.mbox-text {
}
table.metadata.plainlinks.ambox.ambox-content {
width: 100%;
margin: 0;
font-size: 10px;
opacity: 0.5
;
}
#siteSub {
font-size: .6em;
color: #AAA;
font-style: italic;
}
table.toc:hover li.toclevel-1 {
display: block;
}
li.toclevel-1:hover {
color: #FFCC00;
}
span.toctoggle {
display: none;
}
span.tocnumber {
display: none;
}
#toctitle {
text-align: left;
}
h1.firstHeading {
font-variant: small-caps;
text-transform: capitalize;
color: #000;
}
#toctitle h2 {
color: #666;
padding-left: 3px;
font-weight: 100;
font-variant: small-caps;
}
#bodyContent p {
text-align: justify;
text-justify: newspaper;
margin-top: 10px;
padding: 3px;
line-height: 1.3em;
}
#footer {
display: none;
}
#bodyContent h2 {
text-transform: capitalize;
}
span.toctext {
color: #666;
text-transform: capitalize;
}
li.toclevel-1 {
padding-left: 3px;
padding-top: 0px;
padding-right: 3px;
font-size: .75em;
line-height: 1.5em;
}
sup.reference a {
font-size: 8px;
border: 0px;
color: #999;
}
div.dablink a {
color: #333;
}
#bodyContent {
position: inherit;
}
span.editsection a {
color: #999;
}
span.editsection {
font-size: 10px;
color: #999;
}
sup.Template-Fact {
font-size: 8px;
color: #999;
}
sup.Template-Fact i a {
color: #999;
border: 0px;
}
sup.noprint.Inline-Template i a {
font-size: 10px;
color: #999;
}
sup.noprint.Inline-Template {
font-size: 10px;
color: #999;
}
a.mw-redirect {
color: #6699FF;
border-bottom: 1px SOLID #CCC;
}
ul li a {
color: #6699FF;
border-bottom: 1px SOLID #CCC;
}
#coordinates {
display: none;
}
div.dablink {
font-size: .7em;
color: #999;
width: 650px;
}
#content {
margin-left: 230px;
padding: 10px;
border-left: 1px SOLID #CCC;
border-right: 1px SOLID #CCC;
border-bottom: 0px;
border-top: 0px;
font-family: "Times";
font-size: 1.25em;
width: 700px;
}
#bodyContent p a {
color: #999;
border-bottom: 1px SOLID #CCC;
}
div.noprint.collapsible-nav {
display: none;
}
#mw-head {
position: absolute;
top: 0px;
left: 951px;
margin: 0px;
padding: 0px;
width: 265px;
}
#p-namespaces {
display: none;
}
#pt-personal {
position: absolute;
top: 0px;
left: 25px;
}
#p-cactions {
display: none;
}
#p-views {
display: none;
}
div.noprint {
position: absolute;
}
#left-navigation {
display: none;
}
#pt-login {
position: absolute;
top: 20px;
left: 8px;
}
#p-personal {
display: none;
}
#right-navigation {
position: absolute;
top: -35px;
left: 0px;
}
.vcard {
position: absolute;
top: 47px;
left: 951px;
margin: 0;
font-size: .6em;
width: 220px;
background-color: #FFF;
border: 1px SOLID #CCC;
}
table.toc {
position: fixed;
top: 0px;
left: 10px;
background-color: #FFF;
border: 0px;
width: 220px;
border-bottom: 1px SOLID #CCC;
border-left: 1px SOLID #CCC;
}
table.toc tbody tr td ul {
overflow: auto;
max-height: 500px;
}
body {
overflow-x: hidden;
}
Google Office
docs*.google.com,spreadsheets*.google.com
8 months ago by stcoro
17 12#gb {
display: none;
}
#docs-logo {
display: none;
}
div.kix-noteviewmanager-fade3 {
display: none;
}
div.kix-noteviewmanager-fade2 {
display: none;
}
div.kix-noteviewmanager-fade1 {
display: none;
}
div.kix-headerview.kix-boxview-content {
z-index: 10;
}
.kix-documentplugin {
box-shadow: 3px 3px 4px #333;
}
div.kix-appview-editor {
background-color: #333;
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%);
}
div.goog-toolbar {
box-shadow: 1px 1px 1px #999;
}
#t-formula-bar-label {
color: #FFF;
}
div.doclistappview-header {
position: absolute;
bottom: 0;
z-index: 1000;
height: 60px;
background-color: #FFF;
width: 100%;
text-align: center;
}
table.searchbar {
padding-top: 35px;
}
div.goog-inline-block.goog-toolbar.goog-toolbar-disabled {
background-color: #EEE;
}
div.docs-presence-widget {
}
div.kix-ruler.kix-unprintable {
height: 11px;
background-color: #999;
}
div.goog-container.goog-container-horizontal {
}
table.docs-menubar {
color: #FFF;
}
td.docs-sheet-status-container {
border: 0;
}
#docs-presence {
background-color: #333;
border: 0px;
}
div.menu-button {
border: 0px;
}
div.menu-button:hover {
boder: 0px;
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
}
div.docs-menubar, #menubar {
z-index: 999;
color: #FFF;
border: 0px;
padding: 0px;
background-color: #333;
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}
div.goog-toolbar-disabled {
background-color: #666;
}
td.docs-title-td {
padding-left: 10px;
}
#docs-titlebar {
background-color: #FCFCFC;
position: relative;
z-index: 9000;
top: 0;
background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
color: #000;
}
div.docs-title-fade1 {
display: none;
}
#docs-notice {
color: #000;
}
span.share-pill-text {
color: #000;
}
div.docs-title-fade2 {
display: none;
}
div.docs-title-fade3 {
display: none;
}
#grid-bottom-bar {
background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
}
#menuBar {
z-index: 999;
color: #FFF;
border: 0px;
padding: 0px;
background-color: #333;
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}
div.docs-title-inner:hover {
color: #FFF;
background-color: #333;
}
div.menu-button.goog-control.goog-inline-block.goog-control-hover { margin-left: 1px; margin-right: 1px; } div.menu-button.goog-control.goog-inline-block.goog-control-open { margin-left: 1px; margin-right: 1px; }
Google Office 2.0 - Spreadsheets
8 months ago by stcoro
4 5/**
Title: Google Office 2.0 - Spreadsheets
URL: http://stylebot.me/styles/440
Author: http://stylebot.me/users/stcoro
**/
#gb {
display: block;
}
#docs-titlebar {
height: 70px;
width: 100%;
padding-left: 30px;
padding-right: 30px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
background-color: #F4F4F4;
border-bottom: 1px SOLID #E0E0E0;
z-index: 900;
}
.docs-titlebar-mid-td {
padding-top: 10px;
}
.docs-title-inner {
font-size: 12px;
padding: 3px;
padding-left: 10px;
padding-right: 13px;
color: #999;
border: 1px SOLID #CCC;
}
#docs-file-menu {
border-left: 1px SOLID #CCC;
border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}
#docs-help-menu {
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}
#docs-menubar {
background-color: #FFF;
border: 0px;
border-bottom: 1px SOLID #E0E0E0;
padding-top: 10px;
padding-left: 40px;
padding-bottom: 10px;
z-index: 500;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.menu-button {
border-right: 1px SOLID #CCC;
border-top: 1px SOLID #CCC;
border-bottom: 1px SOLID #CCC;
border-left: 0px;
color: #666;
height: 20px;
line-height: 20px;
padding-left: 13px;
padding-right: 13px;
background-color: #F3F3F3;
font-weight: bold;
font-size: 11px;
}
.menu-button:hover {
background-color: #E0E0E0;
color: #333;
border-right: 1px SOLID #CCC;
border-top: 1px SOLID #CCC;
border-bottom: 1px SOLID #CCC;
border-left: 0px;
}
#docs-toolbar {
padding-left: 10px;
padding-top: 10px;
width: 40px;
position: absolute;
left: 5px;
margin-top: -1px;
background-color: #FFF;
text-align: center;
z-index: 700;
border-right: 1px SOLID #E0E0E0;
border-left: 1px SOLID #E0E0E0;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.goog-toolbar-separator {
display: none;
}
.goog-toolbar-select {
margin-bottom: 5px;
}
div.docs-title-fade1 {
display: none;
}
#docs-header {
z-index: 120;
}
.docs-chat-pane-container {
border: 0px;
border-left: 1px SOLID #E0E0E0;
opacity: .4;
z-index: 900;
box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4);
}
.docs-chat-pane-container:hover {
opacity: 0.8;
}
#docs-presence {
background-color: #F0F0F0;
margin-top: 10px;
border-bottom-left-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border: 1px SOLID #E0E0E0;
color: #333;
width: 295px;
z-index: -100;
}
#formula-bar {
width: 100%;
left: 58px;
position: absolute;
margin-top: -3px;
background-color: #FFFFFF;
z-index: 700;
border-right: 1px SOLID #E0E0E0
border-bottom-right-radius: 5px 5px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
#docs-editor-container {
padding-left: 56px;
padding-top: 24px;
}
#grid-bottom-bar {
background-color: #FFF;
position: absolute;
}
.docs-sheet-tab {
border-left: 1px SOLID #CCC;
border-right: 1px SOLID #CCC;
border-bottom: 1px SOLID #CCC;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}
#t-formula-bar-formulaview-toggle {
position: absolute;
right: 80px;
top: 1px;
}
div.menu-button.goog-control.goog-inline-block:hover {
padding: 5px 13px;
}
td.docs-sheet-status-container {
display: none;
}
Google Office 2.0 - Documents
8 months ago by stcoro
9 7/**
Title: Google Office 2.0 - Documents
URL: http://stylebot.me/styles/438
Author: http://stylebot.me/users/stcoro
**/
#gb {
display: block;
}
#docs-titlebar {
height: 70px;
width: 100%;
padding-left: 30px;
padding-right: 30px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
background-color: #F4F4F4;
border-bottom: 1px SOLID #E0E0E0;
z-index: 900;
}
.docs-titlebar-mid-td {
padding-top: 10px;
}
.docs-title-inner {
font-size: 12px;
padding: 3px;
padding-left: 10px;
padding-right: 13px;
color: #999;
border: 1px SOLID #CCC;
}
#docs-file-menu {
border-left: 1px SOLID #CCC;
border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}
#docs-help-menu {
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}
#docs-menubar {
background-color: #FFF;
border: 0px;
border-bottom: 1px SOLID #E0E0E0;
padding-top: 10px;
padding-left: 40px;
padding-bottom: 10px;
z-index: 500;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
.menu-button {
border-right: 1px SOLID #CCC;
border-top: 1px SOLID #CCC;
border-bottom: 1px SOLID #CCC;
border-left: 0px;
color: #666;
height: 20px;
line-height: 20px;
padding-left: 13px;
padding-right: 13px;
background-color: #F3F3F3;
font-weight: bold;
font-size: 11px;
}
.menu-button:hover {
background-color: #E0E0E0;
color: #333;
border-right: 1px SOLID #CCC;
border-top: 1px SOLID #CCC;
border-bottom: 1px SOLID #CCC;
border-left: 0px;
}
#printButton {
position: absolute;
top: -44px;
left: 480px;
border: 1px SOLID #CCC;
background-color: #F3F3F3;
height: 30px;
line-height: 0px;
width: 30px;
text-align: center;
border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}
#undoButton {
position: absolute;
top: -44px;
left: 511px;
border: 1px SOLID #CCC;
background-color: #F3F3F3;
height: 30px;
line-height: 0px;
width: 30px;
text-align: center;
}
#redoButton {
position: absolute;
top: -44px;
left: 542px;
border: 1px SOLID #CCC;
background-color: #F3F3F3;
height: 30px;
line-height: 0px;
width: 30px;
text-align: center;
}
#cloudboardMenuButton {
position: absolute;
top: -44px;
left: 573px;
border: 1px SOLID #CCC;
background-color: #F3F3F3;
height: 30px;
line-height: 0px;
width: 30px;
text-align: center;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}
.kix-ruler {
background-color: #FFF;
}
#docs-toolbar {
padding-left: 10px;
padding-top: 10px;
width: 180px;
position: absolute;
left: 5px;
margin-top: -1px;
background-color: #FFF;
text-align: center;
z-index: 700;
border-right: 1px SOLID #E0E0E0;
border-left: 1px SOLID #E0E0E0;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}
div.kix-ruler.docstext-unprintable {
padding-right: 190px;
}
.kix-appview {
background-color: #FFF;
padding-left: 100px;
min-width: 1080px;
}
#fontSizeSelect {
display: block;
}
.goog-toolbar-separator {
display: block;
visibility: hidden;
}
.goog-toolbar-select {
margin-bottom: 5px;
}
div.docs-title-fade1 {
display: none;
}
#docs-header {
z-index: 120;
}
.docs-chat-pane-container {
border: 0px;
border-left: 1px SOLID #E0E0E0;
opacity: .4;
z-index: 900;
box-shadow: -4px 0px 4px rgba(0, 0, 0, 0.4);
}
.docs-chat-pane-container:hover {
opacity: 0.8;
}
#docs-presence {
background-color: #F0F0F0;
margin-top: 10px;
border-bottom-left-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border: 1px SOLID #E0E0E0;
color: #333;
width: 295px;
z-index: -100;
}
#gbx4 {
background-color: #555;
}
div.docs-title-fade3 {
display: none;
}
div.docs-title-fade2 {
display: none;
}
div.menu-button.goog-control.goog-inline-block:hover {
padding: 5px 13px;
}