Template:Adachi Wiki/Header/style.css: Difference between revisions

From The Adachi Wiki
Jump to navigation Jump to search
Styling social Panels for front page
No edit summary
 
(One intermediate revision by the same user not shown)
Line 8: Line 8:


/* Social Panels */
/* Social Panels */
.mainpage-social { padding-top: 0.5rem; }
.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; }
.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-icon { margin-right: 0.75em; width: 60px; text-align: center; }

Latest revision as of 16:48, 2 May 2023

.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;}