:root { --accent: #a22382; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }.sp { padding-top: 15px; padding-bottom: 3px; } .cat { columns: 5 130px; } .cat a { color: #347497; } .cat a:hover { color: #FFF; background: #a22382 /*#BB0B0B*/; padding: 2px; border-radius: 2px; font-weight: bold; } .mainItemOfListF { padding-top: 15px; } .mainItemOfList { background: #a22382 /*#BB0B0B*/; padding: 2px; border-radius: 2px; font-weight: bold; } .bazarfriq { columns: 5 130px; } .bazarfriq a { color: #347497; } .bazarfriq a:hover { color: #FFF; background: #FF7F00; padding: 2px; border-radius: 2px; font-weight: bold; } .mainItemOfListBazarfriq { background: #FF7F00; padding: 2px; border-radius: 2px; font-weight: bold; }