Jump to content

User:Subh83/JavaScriptTools/Menus.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
.rightclickmenu { 
    font-size:8pt;
    background-color:#ccc;
    border:2px outset #aaa;
    padding:3px;
    max-width:600px;
}

.rightclickmenu .heading {
    font-weight:bold;
    font-style:italic;
    color:#210;
}

.rightclickmenu .summary{
    font-size:6pt;
}

.rightclickmenu .items {
    padding:2px;
}

.rightclickmenu .menuitem {
    margin:0;
    padding:3px;
}

.rightclickmenu .odd {
    background-color:#f5f5f5;
}

.rightclickmenu .even {
    background-color:#e8e8e8;
}

/* ----------------- */

.floatingpanel {
    font-size:8pt; 
    background-color:#aaa; 
    border:2px outset #aaa; 
    padding:3px;
    max-width:600px;
}

.floatingpanel div.topbar {
    background-color:#988; 
    border:1px solid #888; 
    padding: 1px; 
    color: #224; 
    font-weight: bold;
}

.floatingpanel div.topbar a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.floatingpanel div.itemgroup {
    padding: 1px; 
    margin: 1px; 
}

.floatingpanel div.itemgroup div.item {
    padding: 2px; 
    border:1px solid #bbb; 
    background-color:#999; 
    margin: 1px; 
    text-align: center;
}

.floatingpanel div.itemgroup div.item a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

/* ----------------- */

.floatingmenu {
    font-size:8pt; 
    background-color:#ccc; 
    border:2px outset #aaa; 
    padding:3px;
    max-width:600px;
}

.floatingmenu div.topbar {
    background-color:#aaa; 
    border:1px solid #888; 
    padding: 1px; 
    color: #666; 
    font-weight: bold;
}

.floatingmenu div.topbar a {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.floatingmenu div.itemgroup {
    padding: 1px; 
    border:1px solid #ddd; 
    margin: 1px; 
}

.floatingmenu div.itemgroup div.item {
    padding: 2px; 
    border:1px solid #bbb; 
    margin: 1px; 
    display: inline-block;
}