body { background-color: #76094C; } a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; } a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; } a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #E73098; text-decoration: underline; } a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; } .plugbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; color: #FFFFFF; float: left; margin: 2px; } .details { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; color: #FFFFFF; float: left; margin: 2px; } .title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none; } #pages {margin:12px 4px 10px 4px;} .page {float:left;margin:11px 1px 1px 1px;height:80px;} #pages a {float:left;min-width:15px;padding:4px;margin:11px 1px 1px 1px;background: #D29BAC;border:1px solid #E64A7D;color:#fff;text-decoration:none;text-align:center;} #pages a:hover {float:left;padding:4px;margin:11px 1px 1px 1px;background: #E64A7D;color:#000;border:1px solid #E64A7D;} #pagesel {float:left;min-width:15px;padding:4px;margin:11px 1px 1px 1px;background: #fff;border:1px solid #E64A7D;color:#E64A7D;text-decoration:none;text-align:center;} .wppagenavi { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; } .wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active { text-decoration:none; border:1px solid #76094C; color:#fff; background-color:#E42B91; font-size:18px; margin:2px; padding:2px 4px; } .wp-pagenavi a:hover { border:1px solid #E42B91; color:#fff; background-color:#76094C; font-size:18px; } .toplist,.toplist a:link,.toplist a:visited,.toplist a:active { font-size: 16px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration:none; } .toplist a:hover { color:#FF0066; } .parent { float: left; width: 300px; align: center; position: relative; max-width: 300px; margin: 5px; } .parent img { vertical-align: middle; } .parent .text { position: relative; bottom: 0; background: rgb(0, 0, 0); /* Fallback color */ background: rgba(0, 0, 0, 1); /* Black background with 0.5 opacity */ color: #ffffff; width: 290px; padding: 5px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { padding: 0px; margin: 0px; left: 0px; top: 0px; right: 0px; bottom: 0px; } .flex-container { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; } .flex-container > div { width: 300px; text-align: center; } .tlist { -webkit-column-width: 180px; -moz-column-width: 180px; column-width: 180px; margin-left: 0px; text-align: left; }