User:HM100/mpistowar.css

/** Theming **/
 * root {

--background-image:url("dash.png") no-repeat; --background-color:#000066; --background-size:cover; --link-color:0,0,170; --content-bg:#ffffff; --dropdown-bg:#FFFFFF; --content-border:#cccccc; --content-color:#3a3a3a; --button-color:#0000AA; --button-color-dark:#000091; --community-header-bg:#0000aa; }


 * root {

--text-primary: #3A3A3A; --text-secondary: #FFF; --link-page: #00A; --link-contrast: #FFF; --link-contrasthover: #0AF; --link-buttonprimary: #FFF; --link-buttonsecondary: #3A3A3A; --link-module: #0F0; --link-administrator: #0FF; --link-moderator: #0F0; --border-general: #CCC; --border-contrast: #AAA; --border-module: #FFF; --border-menubuttondivide: rgba(204, 204, 204, 0.5); --background-main: url(http://vignette3.wikia.nocookie.net/geometry-dash/images/5/50/Wiki-background), linear-gradient(to bottom, #006, #6AC), #359; --background-page: rgba(136, 204, 255, 0.4); --background-content: rgba(217, 217, 237, 0.6); --background-contenthover: rgba(255, 255, 255, 0.6); --background-contentlight: rgba(217, 217, 237, 0.2); --background-contentlightaccent: rgba(102, 204, 255, 0.2); --background-contentheavy: #D9D9ED; --background-popovercontent: rgba(217, 217, 237, 0.9); --background-popovercontenthover: rgba(255, 255, 255, 0.9); --background-contrast: #00A; --background-contrastalternate: #08F; --background-module: linear-gradient(to bottom, #000, transparent); --background-buttonprimary: #00A; --background-buttonprimaryhover: #00B; --background-buttonsecondary: #EEE; --background-buttonsecondaryhover: #F7F7F7; --background-overlay: rgba(0, 0, 0, 0.2); --background-overlaydark: rgba(0, 0, 0, 0.6); --background-overlaygradient: linear-gradient(to bottom, transparent, #000); --background-footertoolbar: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 170, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%); --background-notification: rgba(0, 0, 170, 0.9); --background-tableheader: rgba(58, 58, 58, 0.8); --background-tablecell: rgba(0, 0, 0, 0.8); --colour-red: #C00; --colour-green: #0C0; --colour-lightblue: #08F; --colour-darkblue: #00A; --colour-purple: #60F; --colour-redtransparent: rgba(255, 0, 0, 0.6); --colour-greentransparent: rgba(0, 255, 0, 0.6); --colour-lightbluetransparent: rgba(0, 170, 255, 0.6); --colour-darkbluetransparent: rgba(0, 0, 204, 0.6); --colour-purpletransparent: rgba(102, 0, 255, 0.6); }

/** Main CSS **/ body { font-family:Trebuchet MS, Verdana, sans-serif; }

.mpisto-buttons2, .mpisto-buttons2-2nd { box-sizing: border-box !important; height: auto !important; margin: 0; padding: 0 10px!important; border: none !important; border-radius: 5px !important; line-height: 22px !important; letter-spacing: inherit; text-transform: capitalize; font-family: inherit !important; font-size: 12px; font-weight: normal; color: var(--link-buttonprimary) !important; background: var(--background-buttonprimary) !important; transition: none; }

.mpisto-buttons2-2nd { color: var(--link-buttonsecondary) !important; background: var(--background-buttonsecondary) !important; }

.mpisto-buttons2:hover {background: var(--background-buttonprimaryhover) !important;}

.mpisto-buttons2-2nd:hover {background: var(--background-buttonsecondaryhover) !important;}

.mpisto-button-group {position: relative;} .mpisto-button-group > .mpisto-buttons2 { margin: 0 !important; padding: 0 10px; border-right: 1px solid var(--border-menubuttondivide) !important; font-size: 12px; }

.mpisto-button-group .mpisto-dropdown {position: static;} .mpisto-button-group > .mpisto-dropdown .mpisto-buttons2 { box-sizing: border-box; min-width: 22px; height: 22px !important; margin: 0 !important; padding: 0 7px; }

.mpisto-dropdown-content .mpisto-dropdown-2nd.stacked .mpisto-dropdown-2nd-content { margin-left:0; }

.mpisto-dropdown:before, .mpisto-dropdown:after {display: none !important;}

.mpisto-dropdown-content, .mpisto-dropdown .mpisto-dropdown-2nd .mpisto-dropdown-2nd-content, .mpisto-dropdown .mpisto-dropdown-3rd .mpisto-dropdown-3rd-content { min-width: 100%; padding: 0; border: none; border-radius: 10px; background: none !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.mpisto-dropdown .mpisto-dropdown-content a { padding: 11.5px 10px; font-size: 12px; font-weight: normal; background-color: var(--background-popovercontent)!important; }

.mpisto-dropdown .mpisto-dropdown-content a:hover, .mpisto-dropdown-content:not(.plain) > div:hover > a, .mpisto-dropdown-content:not(.plain) > li:hover > a, .mpisto-dropdown-2nd-content:not(.plain) > div:hover > a, .mpisto-dropdown-2nd-content:not(.plain) > li:hover > a {background-color: var(--background-popovercontenthover) !important;}

.mpisto-dropdown .mpisto-dropdown-content > a:first-child, .mpisto-dropdown .mpisto-dropdown-content .mpisto-dropdown-2nd .mpisto-dropdown-2nd-content > a:first-child, .mpisto-dropdown .mpisto-dropdown-content .mpisto-dropdown-3rd .mpisto-dropdown-3rd-content > a:first-child, .mpisto-dropdown-2nd-content:not(.plain) > div:first-child > a, .mpisto-dropdown-2nd-content:not(.plain) > li:first-child > a, .mpisto-dropdown-content:not(.plain) > div:first-child > a, .mpisto-dropdown-content:not(.plain) > li:first-child > a {border-radius: 10px 10px 0 0;}

.mpisto-dropdown .mpisto-dropdown-content > a:last-child, .mpisto-dropdown .mpisto-dropdown-content .mpisto-dropdown-2nd .mpisto-dropdown-2nd-content > a:last-child, .mpisto-dropdown .mpisto-dropdown-content .mpisto-dropdown-3rd .mpisto-dropdown-3rd-content > a:last-child, .mpisto-dropdown-2nd-content:not(.plain) > div:last-child > a, .mpisto-dropdown-2nd-content:not(.plain) > li:last-child > a, .mpisto-dropdown-content:not(.plain) > div:last-child > a, .mpisto-dropdown-content:not(.plain) > li:last-child > a {border-radius: 0 0 10px 10px;}

.mpisto-dropdown .mpisto-dropdown-content > a:only-child, .mpisto-dropdown-2nd-content:not(.plain) > div:only-child > a, .mpisto-dropdown-2nd-content:not(.plain) > li:only-child > a, .mpisto-dropdown-content:not(.plain) > div:only-child > a, .mpisto-dropdown-content:not(.plain) > li:only-child > a {border-radius:10px;}

.mpisto-dropdown .mpisto-dropdown-content .mpisto-2nd-dropdown .mpisto-dropdown-2nd-content, .mpisto-dropdown .mpisto-dropdown-content .mpisto-dropdown-3rd .mpisto-dropdown-3rd-content { top: 0; left: 100%; }

.mpisto-dropdown-content .mpisto-dropdown-2nd > a, .mpisto-dropdown-content .mpisto-dropdown-3rd > a{margin-right:0; }

.mpisto-header {border: 1px solid var(--border-general) !important; border-bottom:0!important; margin-top:35px;} .mpisto-header a:hover {color: var(--link-contrasthover); background-color: var(--background-popovercontent);}

.mpisto-content { border: 1px solid var(--border-general) !important; background-color: var(--background-page); }

/* Header Bar */ position: fixed; border-bottom: 1px solid #AAA; background-color: #FFF; z-index:99999999; }   text-align: center; text-transform: capitalize; }   text-transform: capitalize; font-weight: bold; color: #00A; font-size:12px; }   text-decoration: underline; background: none; }
 * 1) p-personal {
 * 1) p-personal .pBody ul {
 * 1) p-personal .pBody ul li a {
 * 1) p-personal .pBody ul li a:hover {