X-Git-Url: https://git-public.kairo.at/?p=mandelbrot.git;a=blobdiff_plain;f=skin%2Fclassic%2FmobileUI.css;fp=skin%2Fclassic%2FmobileUI.css;h=d72ac7136bf75f916839e4e5b7e24f81cd1b3f05;hp=0000000000000000000000000000000000000000;hb=3fd66836e6c5fbd25dd8f90dd50914cabeb7a9a7;hpb=ad2faff87132f18ada1b47149ca76678c1289ad1 diff --git a/skin/classic/mobileUI.css b/skin/classic/mobileUI.css new file mode 100644 index 0000000..d72ac71 --- /dev/null +++ b/skin/classic/mobileUI.css @@ -0,0 +1,121 @@ +/* ***** BEGIN LICENSE BLOCK ***** + * Version: MPL 1.1/GPL 2.0/LGPL 2.1 + * + * The contents of this file are subject to the Mozilla Public License Version + * 1.1 (the "License"); you may not use this file except in compliance with + * the License. You may obtain a copy of the License at + * http://www.mozilla.org/MPL/ + * + * Software distributed under the License is distributed on an "AS IS" basis, + * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License + * for the specific language governing rights and limitations under the + * License. + * + * The Original Code is KaiRo.at Mandelbrot, XULRunner version. + * + * The Initial Developer of the Original Code is + * Robert Kaiser . + * Portions created by the Initial Developer are Copyright (C) 2011 + * the Initial Developer. All Rights Reserved. + * + * Contributor(s): + * Robert Kaiser + * + * Alternatively, the contents of this file may be used under the terms of + * either the GNU General Public License Version 2 or later (the "GPL"), or + * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"), + * in which case the provisions of the GPL or the LGPL are applicable instead + * of those above. If you wish to allow use of your version of this file only + * under the terms of either the GPL or the LGPL, and not to allow others to + * use your version of this file under the terms of the MPL, indicate your + * decision by deleting the provisions above and replace them with the notice + * and other provisions required by the GPL or the LGPL. If you do not delete + * the provisions above, a recipient may use your version of this file under + * the terms of any one of the MPL, the GPL or the LGPL. + * + * ***** END LICENSE BLOCK ***** */ + +#mandelbrotWindow { + /* font-family: helvetica,arial,clean,sans-serif; + color: #69645c; */ +} + +#mandelbrotToolbar { + -moz-appearance: none; + padding: 0; + /* panel-dark */ + color: white; + background: rgb(94,97,102); + /* make it easier to touch */ + font-size: 20px; +} + +toolbarbutton { + -moz-appearance: none; + border: none; + margin: 0 6px; +} + +.toolbarbutton-menu-dropmarker { + list-style-image: url("chrome://browser/skin/images/arrowdowndark-16.png"); + -moz-margin-start: 3px; +} + +toolbarbutton, +menuitem, +menu { + -moz-appearance: none; + font-size: inherit; + color: white; + padding: 3px; +} + +toolbarbutton:hover:active, +toolbarbutton[open], +menuitem:hover, +menuitem:hover:active, +menu:hover, +menu:hover:active, +menu[open]{ + background-color: #8db8d8; + color: black; + border: none; +} + +toolbarbutton:hover:active > .toolbarbutton-menu-dropmarker, +toolbarbutton[open] > .toolbarbutton-menu-dropmarker { + list-style-image: url("chrome://browser/skin/images/arrowdown-16.png"); +} + +.menu-right { + -moz-appearance: none; + list-style-image: url("chrome://browser/skin/images/arrowrightdark-16.png"); +} + +menu:hover > .menu-right, +menu:hover:active > .menu-right, +menu[open] > .menu-right { + list-style-image: url("chrome://browser/skin/images/arrowright-16.png"); +} + +menupopup { + background-color: #69645c; + color: white; + font-size: inherit; +} + +menuitem[type="radio"][checked="true"] { + list-style-image: url("chrome://global/skin/radio/radio-check.gif"); + list-style-image: url("chrome://browser/skin/images/scrubber-hdpi.png"); +} +menuitem[type="checkbox"] { + list-style-image: url("chrome://browser/skin/images/check-unselected-30.png"); +} +menuitem[type="checkbox"][checked="true"] { + list-style-image: url("chrome://browser/skin/images/check-selected-30.png"); +} + +panel { + background-color: #69645c; + color: white; +}