Template:Adachi Wiki/Header/style.css

From The Adachi Wiki
Revision as of 16:48, 2 May 2023 by Adachi (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
.MainHeader, .header-status { display:flex; }

.header-intro { flex:2;margin-right:2em; }

.header-status { flex:0;align-self:flex-start;flex-direction:column; }

.MainHeader h1 { border-bottom: 0px;font-size: 1.4em;margin-top: 0.5em; }

/* Social Panels */
.mainpage-social { padding-top: 0.5rem; line-height:1.6; }
.mainpage-social-taglines { display:flex; flex-direction:column; }
.tile-top { display: flex; align-items: center; padding: 0rem 3rem; background: #5865F2; }
.mainpage-social .social-icon { margin-right: 0.75em; width: 60px; text-align: center; }
.mainpage-social .social-header { color: #fff; font-weight: bold; font-size: 1.15em; margin: 0rem 0 -0.25rem !important; }
.mainpage-social .social-tagline { color: #fff; margin: 0; }


/* table CSS from divtable.com, what I was lazy. - To be removed and use Wiki table formatting */
div.blueTable { border: 2px solid #C30D86;background-color: #FFFFFF;width: 352px;text-align: center;border-collapse: collapse; }
.divTable.blueTable .divTableCell, .divTable.blueTable .divTableHead { border: 1px solid #C30D86;padding: 6px 0px; }

.divTable.blueTable .divTableHeading { background: #C30D86;background: linear-gradient(to bottom, #d249a4 0%, #c92592 66%, #C30D86 100%); }

.divTable.blueTable .divTableHeading .divTableHead { font-size: 18px;font-weight: bold;color: #FFFFFF; }
.blueTable .tableFootStyle { font-size: 14px; }
.blueTable .tableFootStyle .links { text-align: right; }
.blueTable .tableFootStyle .links a{ display: inline-block;background: #1C6EA4;color: #FFFFFF;padding: 2px 8px;border-radius: 5px; }
.blueTable.outerTableFooter { border-top: none; }
.blueTable.outerTableFooter .tableFootStyle { padding: 3px 5px; }
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}