View source for User:Revanche/sarna.css

/* This is a CSS comment. It will be ignored by the parser.*/
/* Find an unordered list inside a DIV tag that has a CSS class of ownerhistory. */
div.ownerhistory ul 
{
	border-width:1px;
	border-style:solid;
	border-color:#D0D0D0;/* this is set via hexidecimal values, but can use RGB as well. See http://www.w3schools.com/css/css_colors.asp */
	width:250px;
}

/* Modify the items in the unordered list contained in the DIV tag with CSS class ownerhistory. */
div.ownerhistory ul li 
{
	/* Remove the bullets */
	list-style-type:none;
	/*Set up border*/
	border-width:1px;
	border-style:solid;
	border-color:##D0D0D0;/* this is set via hexidecimal values, but can use RGB as well. See http://www.w3schools.com/css/css_colors.asp */
	
	/* center the text */
	text-align:center;
	
	/* close the gaps between list items (If this isn't here, you get weird white spaces between the list items */
	margin:0;
	
	/* 
	If the cells are too "tight" around the text, uncomment these lines to give the text more "breathing room."
	I've specified the sides individually here so you can tweak to your preferences. (To uncomment just remove the / * and * / from the lines below
	*/
	
	/*padding-top: 2px;*/
	/*padding-right: 2px;*/
	/*padding-bottom: 2px;*/
	/*padding-left:2px;*/
}




div#awardsboard
{
	background-color: #FFFFE0; 
	border: 2px solid #FC0; 
	margin-right: 0.45em; 
	padding: .45em; 
	text-align: center; 
	width: 400px;
}
div#awardsboard h2
{
	background-color: inherit; 
	border: inherit; 
	font-size: large; 
	font-weight: bold; 
	padding: inherit;
font-style:normal;
}


/* Any JavaScript here will be loaded for all users on all edit pages. */
//<source lang="javascript">

/******** GLOBAL VARIABLES ********/
/*** Symbol information list ***/
var symbols = new Array();
symbols["id"] = "symbols_box";
symbols["header"] = "Insert a character";
symbols["sections"] = new Array();

symbols["sections"]["nonstandard"] = new Array();
symbols["sections"]["nonstandard"]["title"] = "Symbols";
symbols["sections"]["nonstandard"]["items"] = new Array("–", "—", " ", "¡", "¿", "†", "‡", "§", "Ø", "ø", " ", "·", "…", " ", "←", "→", "↑", "↓", " ", "½", "⅓", "⅔", "¼", "¾", "⅛", "⅜", "⅝", "⅞");

symbols["sections"]["vowels"] = new Array();
symbols["sections"]["vowels"]["title"] = "Vowels"
symbols["sections"]["vowels"]["items"] = new Array("Á", "á", "À", "à", "Ã", "ã", " ", "É", "é", "È", "è", "Ẽ", "ẽ", " ", "Í", "í", "Ì", "ì", "Ĩ", "ĩ", " ", "Ó", "ó", "Ò", "ò", "Õ", "õ", " ", "Ú", "ú", "Ù", "ù", "Ũ", "ũ");

symbols["sections"]["consonants"] = new Array();
symbols["sections"]["consonants"]["title"] = "Consonants"
symbols["sections"]["consonants"]["items"] = new Array("Ć", "ć", "Ç", "ç", " ", "Ģ", "ģ", " ", "Ķ", "ķ", " ", "Ĺ", "ĺ", "Ļ", "ļ", " ", "Ń", "ń", "Ñ", "ñ", "Ņ", "ņ", " ", "Ŕ", "ŕ", "Ŗ", "ŗ", " ", "Ś", "ś", "Ş", "ş", " ", "Ţ", "ţ", " ", "Ý", "ý", "Ỹ", "ỹ", " ", "Ź", "ź", " ", "ß", "Đ", "đ");

/*** Template information list ***/
var templates = new Array();
templates["id"] = "templates_box";
templates["header"] = "Insert a template";
templates["sections"] = new Array();

templates["sections"]["stubs"] = new Array();
templates["sections"]["stubs"]["title"] = "Stubs";
templates["sections"]["stubs"]["items"] = new Array("{{Stub}}", "{{Sectionstub}}");

templates["sections"]["notices"] = new Array();
templates["sections"]["notices"]["title"] = "Notices";
templates["sections"]["notices"]["items"] = new Array("{{Citation needed}}", "{{Refimprove}}", "{{Update Needed}}", "{{Cleanup}}", "{{Verify}}", "{{NonCanon}}");

templates["sections"]["misc"] = new Array();
templates["sections"]["misc"]["title"] = "Miscellaneous";
templates["sections"]["misc"]["items"] = new Array("{{Disambig}}", "{{Emoticon| :) }}", "{{Quote|Write quote here}}", "{{Yearlist}}", "|{{PAGENAME}}");


/***********************************************************
 * Extra toolbar options
 *
 * Description: Adds extra buttons to the editing toolbar.
 ***********************************************************/
if (mwCustomEditButtons) {
    mwCustomEditButtons.push({
        "imageId": "mw-editbutton-br",
        "imageFile": "http://www.sarna.net/images/Button_enter.png",
        "speedTip": "Line break",
        "tagOpen": "<br />",
        "tagClose": "",
        "sampleText": ""
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://www.sarna.net/images/Button_sup_letter.png",
        "speedTip": "Superscript",
        "tagOpen": "<sup>",
        "tagClose": "</sup>",
        "sampleText": "Superscript text"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://www.sarna.net/images/Button_sub_letter.png",
        "speedTip": "Subscript",
        "tagOpen": "<sub>",
        "tagClose": "</sub>",
        "sampleText": "Subscript text"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://www.sarna.net/images/Button_small_2.png",
        "speedTip": "Small text",
        "tagOpen": "<small>",
        "tagClose": "</small>",
        "sampleText": "Small text"
    });

    mwCustomEditButtons.push({
        "imageFile": "http://www.sarna.net/images/Button_redirect.png",
        "speedTip": "Redirect",
        "tagOpen": "#REDIRECT[[",
        "tagClose": "]]",
        "sampleText": "Target page name"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://www.sarna.net/images/Button_gallery.png",
        "speedTip": "Insert a picture gallery",
        "tagOpen": "\n<gallery>\n",
        "tagClose": "\n</gallery>",
        "sampleText": "Image:Example.jpg|Caption1\nImage:Example.jpg|Caption2"
    });
 
    mwCustomEditButtons.push({
        "imageFile": "http://www.sarna.net/images/Button_insert_table.png",
        "speedTip": "Insert a table",
        "tagOpen": '{| class="wikitable" border="1"\n|',
        "tagClose": "\n|}",
        "sampleText": "-\n! header 1\n! header 2\n! header 3\n|-\n| row 1, cell 1\n| row 1, cell 2\n| row 1, cell 3\n|-\n| row 2, cell 1\n| row 2, cell 2\n| row 2, cell 3"
    });

    mwCustomEditButtons.push({
        "imageId": "mw-editbutton-ref",
        "imageFile": "http://www.sarna.net/images/Button_reflink.png",
        "speedTip": "Insert a reference (requires a reference footer)",
        "tagOpen": "<ref>",
        "tagClose": "</ref>",
        "sampleText": "Insert footnote text here"
    });

    mwCustomEditButtons.push({
        "imageId": "mw-editbutton-references",
        "imageFile": "http://www.sarna.net/images/Button_referencesR.png",
        "speedTip": "Insert the reference footer",
        "tagOpen": "<references />",
        "tagClose": "",
        "sampleText": ""
    });

    if (window.jQuery) { 
        var menus = new Array(symbols, templates);

        addOnloadHook(function(){
            insertToolbarExtras(menus);
        });
    }
}

/******************************************************
 * insertToolbarExtras()
 *
 * Description: Creates a <div> placed above the edit 
 *   form and fills it with toolbar menus.
 *   Requires jQuery JavaScript library.
 *
 * @author  ebakunin
 * @param   menus (array) 
 ******************************************************/
function insertToolbarExtras(menus)
{
    var code = '<div id="toolbar-menu-header">';
    for (var i=0; i < menus.length; i++) {
        code += insertToolbarHeader(menus[i]);
    }
    code += '</div>';

    for (var i=0; i < menus.length; i++) {
        code += insertToolbarMenu(menus[i]);
    }

    jQuery("#editform").prepend(code);
}

/*********************************************************
 * insertToolbarHeader()
 *
 * Description: Inserts the name of the toolbar extra
 *   section. Clicking on the header shows/hides the
 *   related section. Requires jQuery JavaScript library.
 * 
 * @author  ebakunin
 * @param   menu (array)
 *********************************************************/
function insertToolbarHeader(menu)
{
    return "<span onclick=\"jQuery('#" + menu['id'] + "').slideToggle('fast')\">" + menu['header'] + "</span>";
}

/****************************************************
 * insertToolbarMenu()
 *
 * Description: Creates a hidden <div> and fills it 
 *   with insertable characters.
 *   Requires jQuery JavaScript library.
 *
 * @author  ebakunin
 * @param   list (array) 
 ****************************************************/
function insertToolbarMenu(list)
{
    var insert = '<div id="' + list["id"] + '" class="toolbar-menu">';

    for (var i in list['sections']) {
        insert += "<strong>" + list['sections'][i]['title'] + "</strong>: ";

        for (var j=0; j < list['sections'][i]['items'].length; j++) {
            insert += wrapToolbarCharacter(list['sections'][i]['items'][j]);
        }
        insert += "<br />";
    }

    insert += "</div>";

    return insert;
}

/********************************************************
 * wrapToolbarCharacter()
 *
 * Description: Places an <a> tag around a character to 
 *   call insertTags() from the "CharInsert" extension.
 *
 * @author  ebakunin
 * @param   char (string) 
 ********************************************************/
function wrapToolbarCharacter(char)
{
    return (char == " " || char == "&nbsp;")
      ? ' &nbsp; '
      : '<a title="Click on the character or tag to insert it into the edit window" href="javascript:insertTags(\'' + char + '\',\'\',\'\')">' + char + '</a> &nbsp;';
}

//</source>