Difference between revisions of "MediaWiki:Common.css"

From TSAS Library
Jump to: navigation, search
Line 1: Line 1:
.smaller{
<noinclude>__NOTOC__
    font-size: smaller;
This widget allows you to add '''[http://documents.google.com/support/presentations/ Google Presentations]''' to your wiki page.
}


/* [[Template:Note]] */
It was originally created by [[mediawikiwiki:User:Sergey Chernyshev|Sergey Chernyshev]] for [http://www.semanticcommunities.com/ Semantic Communities LLC.]
.tip,
.note {
padding: 0.5em;
margin: 0.5em 0;
overflow: hidden;
background-color: #F9F9F9;
background-position: 4px 2px;
background-repeat: no-repeat;
border: 1px solid #DDD;
}
.tip-info,
.note-info {
background-color: #F0F0E7;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);
border-color: #cc9933;
/* @noflip */ padding-left: 30px;
min-height: 28px;
}
.tip-reminder,
.note-reminder {
background-color: #F6FDEA;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);
border-color: #D6E434;
padding-left: 31px;
min-height: 28px;
}
.tip-error,
.note-error {
background-color: #F0E7E7;
background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);
border-color: #cc3333;
padding-left: 32px;
min-height: 25px;
}


/*Custom Alert Styling*/
To insert this widget, use the following code:
.alert-primary {
    background-color: #d9edf7;
    padding:5px;
    margin-bottom:0px;
}
.alert-la {
    background-color: #e8af6f;
    padding:5px;
}
.alert-st {
    background-color: #b4a7d6;
    padding:5px;
}
.alert-cc {
    background-color: #b7e1cd;
    padding:5px;
}
.alert-fa {
    background-color: #ffe599;
    padding:5px;
}


.alert-quotation {
<nowiki>{{#widget:</nowiki>{{PAGENAME}}<nowiki>|docid=dcn37mcz_22cmnwnwf8}}</nowiki>
    background-color: #0765a2;
    color: #ffffff;
    font-style: italic;
    font-size: larger;
}


/*
== Parameters ==
* Infoboxes
* '''docid''' - docid parameter in document URL
*/
* '''size''' - (optional) allows you to change the size of presentation from small (410x342) to  '''medium''' (555x451) or '''large''' (700x599)
.infobox {
float: right;
clear: right;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
border: 1px solid #AAA;
background: #F9F9F9;
color: black;
}


.infobox td,
{{Template:Copy to your site}}
.infobox th {
vertical-align: top;
}


.infobox td {
== Related widgets ==
        padding-left: 10px;
* [[Widget:Google Document|Google Document]] - for embedding documents
}
* [[Widget:Google Spreadsheet|Google Spreadsheet]] - for embedding spreadsheets
* [[Widget:Google Form|Google Form]] - for embedding spreadsheet forms


.infobox caption {
https://docs.google.com/presentation/d/18OiqvpV6gGkepvLYBiJwSUAbJspdZdkjE7K7hd8vy7Y/embed?slide=id.p4
margin-left: inherit;
font-size: larger;
}
/* Fix Ugly Save Buttons*/
input[type=submit], input[type=button] {
    text-shadow: none;
}


.oo-ui-buttonElement > .oo-ui-buttonElement-button {
== Sample result ==
    font-size:14px;
{{#widget:Google Presentation|docid=18OiqvpV6gGkepvLYBiJwSUAbJspdZdkjE7K7hd8vy7Y|size=small}}
}
{{#widget:Google Presentation|docid=18OiqvpV6gGkepvLYBiJwSUAbJspdZdkjE7K7hd8vy7Y|size=medium}}
 
{{#widget:Google Presentation|docid=18OiqvpV6gGkepvLYBiJwSUAbJspdZdkjE7K7hd8vy7Y|size=large}}
/*Fix tiny upload window from .8Rem;*/
</noinclude><includeonly><div class="google-slides-container">
body > .oo-ui-windowManager {
<!--{if $size eq 'medium'}--><iframe src="//docs.google.com/presentation/d/<!--{$docid|escape:'urlpathinfo'}-->/embed?start=<!--{$start|escape:'html'|default:'false'}-->&loop=<!--{$loop|escape:'html'|default:'false'}-->&delayms=<!--{$delay|escape:'html'|default:'3000'}-->" frameborder='0' width='960' height='569'></iframe><!--{elseif $size eq 'large'}--><iframe src="//docs.google.com/presentation/d/<!--{$docid|escape:'urlpathinfo'}-->/embed?start=<!--{$start|escape:'html'|default:'false'}-->&loop=<!--{$loop|escape:'html'|default:'false'}-->&delayms=<!--{$delay|escape:'html'|default:'3000'}-->" frameborder='0' width='1440' height='839'></iframe><!--{else}--><iframe src="//docs.google.com/presentation/d/<!--{$docid|escape:'urlpathinfo'}-->/embed?start=<!--{$start|escape:'html'|default:'false'}-->&loop=<!--{$loop|escape:'html'|default:'false'}-->&delayms=<!--{$delay|escape:'html'|default:'3000'}-->" frameborder='0' width='480' height='299'></iframe><!--{/if}--></div></includeonly>
    font-size: 0.8em;
}
 
/*Adaptive Google Presentations*/
.google-slides-container{
    position: relative;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
}
 
.google-slides-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Revision as of 12:34, 14 April 2020

<noinclude>__NOTOC__
This widget allows you to add '''[http://documents.google.com/support/presentations/ Google Presentations]''' to your wiki page.

It was originally created by [[mediawikiwiki:User:Sergey Chernyshev|Sergey Chernyshev]] for [http://www.semanticcommunities.com/ Semantic Communities LLC.]

To insert this widget, use the following code:

 <nowiki>{{#widget:</nowiki>{{PAGENAME}}<nowiki>|docid=dcn37mcz_22cmnwnwf8}}</nowiki>

== Parameters ==
* '''docid''' - docid parameter in document URL
* '''size''' - (optional) allows you to change the size of presentation from small (410x342) to  '''medium''' (555x451) or '''large''' (700x599)

{{Template:Copy to your site}}

== Related widgets ==
* [[Widget:Google Document|Google Document]] - for embedding documents
* [[Widget:Google Spreadsheet|Google Spreadsheet]] - for embedding spreadsheets
* [[Widget:Google Form|Google Form]] - for embedding spreadsheet forms

https://docs.google.com/presentation/d/18OiqvpV6gGkepvLYBiJwSUAbJspdZdkjE7K7hd8vy7Y/embed?slide=id.p4

== Sample result ==
{{#widget:Google Presentation|docid=18OiqvpV6gGkepvLYBiJwSUAbJspdZdkjE7K7hd8vy7Y|size=small}}
{{#widget:Google Presentation|docid=18OiqvpV6gGkepvLYBiJwSUAbJspdZdkjE7K7hd8vy7Y|size=medium}}
{{#widget:Google Presentation|docid=18OiqvpV6gGkepvLYBiJwSUAbJspdZdkjE7K7hd8vy7Y|size=large}}
</noinclude><includeonly><div class="google-slides-container">
<!--{if $size eq 'medium'}--><iframe src="//docs.google.com/presentation/d/<!--{$docid|escape:'urlpathinfo'}-->/embed?start=<!--{$start|escape:'html'|default:'false'}-->&loop=<!--{$loop|escape:'html'|default:'false'}-->&delayms=<!--{$delay|escape:'html'|default:'3000'}-->" frameborder='0' width='960' height='569'></iframe><!--{elseif $size eq 'large'}--><iframe src="//docs.google.com/presentation/d/<!--{$docid|escape:'urlpathinfo'}-->/embed?start=<!--{$start|escape:'html'|default:'false'}-->&loop=<!--{$loop|escape:'html'|default:'false'}-->&delayms=<!--{$delay|escape:'html'|default:'3000'}-->" frameborder='0' width='1440' height='839'></iframe><!--{else}--><iframe src="//docs.google.com/presentation/d/<!--{$docid|escape:'urlpathinfo'}-->/embed?start=<!--{$start|escape:'html'|default:'false'}-->&loop=<!--{$loop|escape:'html'|default:'false'}-->&delayms=<!--{$delay|escape:'html'|default:'3000'}-->" frameborder='0' width='480' height='299'></iframe><!--{/if}--></div></includeonly>