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

From The Adachi Wiki
Jump to navigation Jump to search
Creation for Header specific CSS
 
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
.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;}

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