User:Aphrodite Sweetheart/common.css

.portable-infobox { width: 282px; border: 3px ridge #FF0000; border-radius: 10px; text-align: center; vertical-align: middle; } .portable-infobox .pi-horizontal-group { padding: 2px !important; } .portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin: 2px; margin-bottom: 0; padding: 0; } .portable-infobox .pi-item-spacing { text-align: center; padding: 2px; } .portable-infobox .pi-title, .portable-infobox .pi-data-label, .portable-infobox .pi-secondary-background { background-color: #DC143C; color: #FFF; } .pi-background { background: transparent; } .pi-image img { width: 100%; height: auto; margin-top: 2px; } .pi-border-color { border-color: #FF0000; } .pi-title { border-radius: 6px 6px 0 0; font-weight:bold; } .pi-header { border-radius: 0 8px 8px 0; } .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; } .pi-horizontal-group .pi-data-label { border-radius: 0 0 0 0; display: table-cell; vertical-align: middle; padding: 2px !important; } .pi-data-value { margin: 0.4em 0; } .pi-navigation:nth-child(3) { font-weight: normal; font-style: italic; border-top: 1px dotted; margin-top: 0; } .pi-navigation:last-child { border-radius: 0 0 6px 6px; margin-bottom: 2px; } .pi-navigation:last-child a { color: #FFF; } .pi-horizontal-group .pi-data-value { vertical-align: middle; } .pi-image-collection { text-align: center; vertical-align: middle; } ul.pi-image-collection-tabs { display: flex; flex-wrap: wrap; justify-content: center; border-color: transparent; } .pi-image-collection-tabs .pi-tab-link { flex-grow: 1; } ul.pi-image-collection-tabs li { background: none repeat scroll 0 0 #FF0000; color: #FFF; border: none; font-weight: bold; } ul.pi-image-collection-tabs li.current { background: none repeat scroll 0 0 #DC143C; border-color: #DC143C #DC143C; } ul.pi-image-collection-tabs li.current:hover { background-color: #DC143C; } .pi-tab-link.pi-item-spacing { text-align: center; vertical-align: middle; } .pi-theme-Bloom, .pi-theme-Bloom .pi-border-color { border-color: #64C5FC; } .pi-theme-Bloom .pi-title, .pi-theme-Bloom .pi-secondary-font { background-color: #3F9EFC; background: linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; background: -o-linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; background: -moz-linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; background: -webkit-linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; background: -ms-linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; } .pi-theme-Bloom ul.pi-image-collection-tabs li { background: #64C5FC; } .pi-theme-Bloom ul.pi-image-collection-tabs li.current { background-color: #3F9EFC; background: linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; background: -o-linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; background: -moz-linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; background: -webkit-linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; background: -ms-linear-gradient(#7DBEFF 25%, #3483D1 75%) !important; } .pi-theme-Bloom ul.pi-image-collection-tabs li.current:hover { background-color: #64C5FC; } .pi-theme-Bloom ul.pi-image-collection-tabs li:hover { background-color: #3F9EFC; } .pi-theme-Bloom ::-webkit-scrollbar { width: 12px; height: 12px; } .pi-theme-Bloom ::-webkit-scrollbar-thumb { background: #3F9EFC; border-radius: 6px; } .pi-theme-Bloom ::-webkit-scrollbar-thumb:hover { background: #3F9EFC !important; } .pi-theme-Bloom ::-webkit-scrollbar-thumb:active { background: #64C5FC !important; } .pi-theme-Bloom ::-moz-scrollbar { width: 12px; height: 12px; } .pi-theme-Bloom ::-moz-scrollbar-thumb { background: #3F9EFC; border-radius: 6px; } .pi-theme-Bloom ::-moz-scrollbar-thumb:hover { background: #3F9EFC !important; } .pi-theme-Bloom ::-moz-scrollbar-thumb:active { background: #64C5FC !important; } .pi-theme-Bloom ::-o-scrollbar { width: 12px; height: 12px; } .pi-theme-Bloom ::-o-scrollbar-thumb { background: #3F9EFC; border-radius: 6px; } .pi-theme-Bloom ::-o-scrollbar-thumb:hover { background: #3F9EFC !important; } .pi-theme-Bloom ::-o-scrollbar-thumb:active { background: #64C5FC !important; } .pi-theme-Bloom ::-ms-scrollbar { width: 12px; height: 12px; } .pi-theme-Bloom ::-ms-scrollbar-thumb { background: #3F9EFC; border-radius: 6px; } .pi-theme-Bloom ::-ms-scrollbar-thumb:hover { background: #3F9EFC !important; } .pi-theme-Bloom ::-ms-scrollbar-thumb:active { background: #64C5FC !important; } .pi-theme-Stella, .pi-theme-Stella .pi-border-color { border-color: #F52ED1; } .pi-theme-Stella .pi-title, .pi-theme-Stella .pi-secondary-font { background-color: #FC9149; background: linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; background: -o-linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; background: -moz-linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; background: -webkit-linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; background: -ms-linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; } .pi-theme-Stella ul.pi-image-collection-tabs li { background: #F52ED1; } .pi-theme-Stella ul.pi-image-collection-tabs li.current { background-color: #FC9149; background: linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; background: -o-linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; background: -moz-linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; background: -webkit-linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; background: -ms-linear-gradient(#FFBA8C 25%, #CC753B 75%) !important; } .pi-theme-Stella ul.pi-image-collection-tabs li.current:hover { background-color: #F52ED1; } .pi-theme-Stella ul.pi-image-collection-tabs li:hover { background-color: #FC9149; } .pi-theme-Stella ::-webkit-scrollbar { width: 12px; height: 12px; } .pi-theme-Stella ::-webkit-scrollbar-thumb { background: #FC9149; border-radius: 6px; } .pi-theme-Stella ::-webkit-scrollbar-thumb:hover { background: #FC9149 !important; } .pi-theme-Stella ::-webkit-scrollbar-thumb:active { background: #F52ED1 !important; } .pi-theme-Stella ::-moz-scrollbar { width: 12px; height: 12px; } .pi-theme-Stella ::-moz-scrollbar-thumb { background: #FC9149; border-radius: 6px; } .pi-theme-Stella ::-moz-scrollbar-thumb:hover { background: #FC9149 !important; } .pi-theme-Stella ::-moz-scrollbar-thumb:active { background: #F52ED1 !important; } .pi-theme-Stella ::-o-scrollbar { width: 12px; height: 12px; } .pi-theme-Stella ::-o-scrollbar-thumb { background: #FC9149; border-radius: 6px; } .pi-theme-Stella ::-o-scrollbar-thumb:hover { background: #FC9149 !important; } .pi-theme-Stella ::-o-scrollbar-thumb:active { background: #F52ED1 !important; } .pi-theme-Stella ::-ms-scrollbar { width: 12px; height: 12px; } .pi-theme-Stella ::-ms-scrollbar-thumb { background: #FC9149; border-radius: 6px; } .pi-theme-Stella ::-ms-scrollbar-thumb:hover { background: #FC9149 !important; } .pi-theme-Stella ::-ms-scrollbar-thumb:active { background: #F52ED1 !important; } .pi-theme-Flora, .pi-theme-Flora .pi-border-color { border-color: #45BE07; } .pi-theme-Flora .pi-title, .pi-theme-Flora .pi-secondary-font { background-color: #00FF00; background: linear-gradient(#57FF57 25%, #00C400 75%) !important; background: -o-linear-gradient(#57FF57 25%, #00C400 75%) !important; background: -moz-linear-gradient(#57FF57 25%, #00C400 75%) !important; background: -webkit-linear-gradient(#57FF57 25%, #00C400 75%) !important; background: -ms-linear-gradient(#57FF57 25%, #00C400 75%) !important; color: #000; } .pi-theme-Flora .pi-navigation:last-child a { color: #000; } .pi-theme-Aisha ul.pi-image-collection-tabs li { background: #45BE07; color: #000; } .pi-theme-Aisha ul.pi-image-collection-tabs li.current { background-color: #00FF00; background: linear-gradient(#57FF57 25%, #00C400 75%) !important; background: -o-linear-gradient(#57FF57 25%, #00C400 75%) !important; background: -moz-linear-gradient(#57FF57 25%, #00C400 75%) !important; background: -webkit-linear-gradient(#57FF57 25%, #00C400 75%) !important; background: -ms-linear-gradient(#57FF57 25%, #00C400 75%) !important; } .pi-theme-Aisha ul.pi-image-collection-tabs li.current:hover { background-color: #45BE07; } .pi-theme-Aisha ul.pi-image-collection-tabs li:hover { background-color: #00FF00; } .pi-theme-Flora ::-webkit-scrollbar { width: 12px; height: 12px; } .pi-theme-Flora ::-webkit-scrollbar-thumb { background: #00FF00; border-radius: 6px; } .pi-theme-Flora ::-webkit-scrollbar-thumb:hover { background: #00FF00 !important; } .pi-theme-Flora ::-webkit-scrollbar-thumb:active { background: #45BE07 !important; } .pi-theme-Flora ::-moz-scrollbar { width: 12px; height: 12px; } .pi-theme-Flora ::-moz-scrollbar-thumb { background: #00FF00; border-radius: 6px; } .pi-theme-Flora ::-moz-scrollbar-thumb:hover { background: #00FF00 !important; } .pi-theme-Flora ::-moz-scrollbar-thumb:active { background: #45BE07 !important; } .pi-theme-Flora ::-o-scrollbar { width: 12px; height: 12px; } .pi-theme-Flora ::-o-scrollbar-thumb { background: #00FF00; border-radius: 6px; } .pi-theme-Flora ::-o-scrollbar-thumb:hover { background: #00FF00 !important; } .pi-theme-Flora ::-o-scrollbar-thumb:active { background: #45BE07 !important; } .pi-theme-Flora ::-ms-scrollbar { width: 12px; height: 12px; } .pi-theme-Flora ::-ms-scrollbar-thumb { background: #00FF00; border-radius: 6px; } .pi-theme-Flora ::-ms-scrollbar-thumb:hover { background: #00FF00 !important; } .pi-theme-Flora ::-ms-scrollbar-thumb:active { background: #45BE07 !important; }

.pi-theme-Musa, .pi-theme-Musa .pi-border-color { border-color: #F53580; } .pi-theme-Musa .pi-title, .pi-theme-Musa .pi-secondary-font { background-color: #FF008A; background: linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; background: -o-linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; background: -moz-linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; background: -webkit-linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; background: -ms-linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; } .pi-theme-Musa ul.pi-image-collection-tabs li { background: #F53580; } .pi-theme-Musa ul.pi-image-collection-tabs li.current { background-color: #FF008A; background: linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; background: -o-linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; background: -moz-linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; background: -webkit-linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; background: -ms-linear-gradient(#FF4DAD 25%, #CC006E 75%) !important; } .pi-theme-Musa ul.pi-image-collection-tabs li.current:hover { background-color: #F53580; } .pi-theme-Musa ul.pi-image-collection-tabs li:hover { background-color: #FF008A; } .pi-theme-Musa ::-webkit-scrollbar { width: 12px; height: 12px; } .pi-theme-Musa ::-webkit-scrollbar-thumb { background: #FF008A; border-radius: 6px; } .pi-theme-Musa ::-webkit-scrollbar-thumb:hover { background: #FF008A !important; } .pi-theme-Musa ::-webkit-scrollbar-thumb:active { background: #F53580 !important; } .pi-theme-Musa ::-moz-scrollbar { width: 12px; height: 12px; } .pi-theme-Musa ::-moz-scrollbar-thumb { background: #FF008A; border-radius: 6px; } .pi-theme-Musa ::-moz-scrollbar-thumb:hover { background: #FF008A !important; } .pi-theme-Musa ::-moz-scrollbar-thumb:active { background: #F53580 !important; } .pi-theme-Musa ::-o-scrollbar { width: 12px; height: 12px; } .pi-theme-Musa ::-o-scrollbar-thumb { background: #FF008A; border-radius: 6px; } .pi-theme-Musa ::-o-scrollbar-thumb:hover { background: #FF008A !important; } .pi-theme-Musa ::-o-scrollbar-thumb:active { background: #F53580 !important; } .pi-theme-Musa ::-ms-scrollbar { width: 12px; height: 12px; } .pi-theme-Musa ::-ms-scrollbar-thumb { background: #FF008A; border-radius: 6px; } .pi-theme-Musa ::-ms-scrollbar-thumb:hover { background: #FF008A !important; } .pi-theme-Musa ::-ms-scrollbar-thumb:active { background: #F53580 !important; }

.pi-theme-Aisha, .pi-theme-Aisha .pi-border-color { border-color: #4FDFAC; } .pi-theme-Aisha .pi-title, .pi-theme-Aisha .pi-secondary-font { background-color: #20B2AA; background: linear-gradient(#27E6DB 25%, #157A75 75%) !important; background: -o-linear-gradient(#27E6DB 25%, #157A75 75%) !important; background: -moz-linear-gradient(#27E6DB 25%, #157A75 75%) !important; background: -webkit-linear-gradient(#27E6DB 25%, #157A75 75%) !important; background: -ms-linear-gradient(#27E6DB 25%, #157A75 75%) !important; } .pi-theme-Aisha ul.pi-image-collection-tabs li { background: #4FDFAC; } .pi-theme-Aisha ul.pi-image-collection-tabs li.current { background-color: #20B2AA; background: linear-gradient(#27E6DB 25%, #157A75 75%) !important; background: -o-linear-gradient(#27E6DB 25%, #157A75 75%) !important; background: -moz-linear-gradient(#27E6DB 25%, #157A75 75%) !important; background: -webkit-linear-gradient(#27E6DB 25%, #157A75 75%) !important; background: -ms-linear-gradient(#27E6DB 25%, #157A75 75%) !important; } .pi-theme-Aisha ul.pi-image-collection-tabs li.current:hover { background-color: #4FDFAC; } .pi-theme-Aisha ul.pi-image-collection-tabs li:hover { background-color: #20B2AA; } .pi-theme-Aisha ::-webkit-scrollbar { width: 12px; height: 12px; } .pi-theme-Aisha ::-webkit-scrollbar-thumb { background: #20B2AA; border-radius: 6px; } .pi-theme-Aisha ::-webkit-scrollbar-thumb:hover { background: #20B2AA !important; } .pi-theme-Aisha ::-webkit-scrollbar-thumb:active { background: #4FDFAC !important; } .pi-theme-Aisha ::-moz-scrollbar { width: 12px; height: 12px; } .pi-theme-Aisha ::-moz-scrollbar-thumb { background: #20B2AA; border-radius: 6px; } .pi-theme-Aisha ::-moz-scrollbar-thumb:hover { background: #20B2AA !important; } .pi-theme-Aisha ::-moz-scrollbar-thumb:active { background: #4FDFAC !important; } .pi-theme-Aisha ::-o-scrollbar { width: 12px; height: 12px; } .pi-theme-Aisha ::-o-scrollbar-thumb { background: #20B2AA; border-radius: 6px; } .pi-theme-Aisha ::-o-scrollbar-thumb:hover { background: #20B2AA !important; } .pi-theme-Aisha ::-o-scrollbar-thumb:active { background: #4FDFAC !important; } .pi-theme-Aisha ::-ms-scrollbar { width: 12px; height: 12px; } .pi-theme-Aisha ::-ms-scrollbar-thumb { background: #20B2AA; border-radius: 6px; } .pi-theme-Aisha ::-ms-scrollbar-thumb:hover { background: #20B2AA !important; } .pi-theme-Aisha ::-ms-scrollbar-thumb:active { background: #4FDFAC !important; }