MediaWiki:Common.css

From Iskomunidad
Revision as of 17:00, 17 April 2023 by Iskwiki.admin (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/*
 * GLOBAL
 */
 body{
 	font-family: 'Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif;
 	font-size: 0.95em;
 	line-height: 1.4;
 	
 }
 
/*.mw-userlogin-rememberme {display:none;}*/
 
#p-logo-text a {
	font-variant: unset !important;
	font-size: 1.50em !important;
}
#p-logo-text a::first-letter {
	text-transform: uppercase;
}
#userloginForm .mw-htmlform-field-HTMLInfoField {
	display:none;
}
tr.statistics-group-bot, 
tr.statistics-group-sysop, 
tr.statistics-group-bureaucrat, 
tr.statistics-group-widgeteditor {
	display:none;
}
a.new:hover, .new a:hover, a.new:visited, .new a:visited {color: #850038;}
a.new, .new a {color: #0E6021;}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {background-color:#1b3256;}
a {color:#36b;}
a:hover, a:visited {color:#0088dd;}
fieldset legend {color:#1b3256;}
.addthis_button_facebook, .addthis_button_google_plusone, .addthis_button_email{
	display:none;
}
#mw-content h1.firstHeading { display: none; }
#pt-createaccount {display:none;}



/*
 * HEADER
 */
.color-left {background-color:#0E6021;}
.color-right {background-color:#0E6021;}
.color-middle {background-color:#0E6021;}
#mw-header-container {background-color:#850038;color:#ffffff;}
/*
 * BLOCKS
 */
#p-logo-text a {font-family:'arial', 'serif';font-weight:600;color:#ffffff;}
/*
 * PAGES
 */
body {background-color:#212328;}
#mw-content-container {
background:url(/resources/assets/iskomunidad-22-bg.png) no-repeat center center fixed !important;
background-size:cover !important;}
#mw-content h1.firstHeading {border-bottom: solid 4px #1b3256;}
#mw-page-header-links li.selected {border-bottom-color: #1b3256;}
#mw-site-navigation .sidebar-chunk h3 {border-bottom: solid 2px #1b3256;}
#mw-related-navigation .sidebar-chunk h3 {border-bottom: solid 2px #1b3256;}
#mw-content-container {border-bottom:none; background-image:none;}
#mw-content h1, #mw-content h2 {border-bottom: solid 2px #1b3256 !important;}
/*
 * Login
 */
#mw-createaccount-cta {display:none;}
/*
 * MainPage
 */

/* Features */
 .iskomunidad-features {
 	display: flex;
 	flex-direction:row;
 }

.isk-features-image {display:flex;justify-content:center;}
 .isk-features-image img{width:100%;max-width:200px;} 
.isk-features{
        margin:.5em;
        background:#fcfcfc;
        vertical-align:top;
        border: solid #eeeeee;
        border-width: 8px 0px 0.2em 0px;
        border-radius:5px 5px 0 0;
}
.isk-features-title{font-weight: 600;font-size:1em;}
.isk-features-body {
        padding: .5em;
        text-align:left;
}

 
 /* ILC Announcement */
 .ilc-announcement {
 	display: flex;
 	flex-direction:row;
 }
 
.isk-article-image {display:flex;justify-content:center;}
 .isk-article-image img{width:100%;max-width:330px;} 
.isk-article{
        margin:.5em;
        background:#fcfcfc;
        vertical-align:top;
        border: solid #eeeeee;
        border-width: 8px 0px 0.2em 0px;
        border-radius:5px 5px 0 0;
}
.isk-article-title{font-weight: 600;font-size:1em;}
.isk-article-body {
        padding: .5em;
        text-align:left;
}

@media only screen and (max-width: 600px){
.customized-footer-col {margin-left:-8em !important;}
.isk-lastmod {padding-left: 1.9em !important;margin-left:0;}
}
 
 
 /* Featured Wiki Pages */
 .featuredwiki tr { display:flex; flex-direction: row; }
 .communitycontrib tr { display:flex; flex-direction: row; }
 .faqandhowto tr { display:flex; flex-direction: row; }
 @media (max-width: 800px) {
  .featuredwiki tr, .communitycontrib tr, .faqandhowto tr, .ilc-announcement, .iskomunidad-features {
    flex-direction: column;
  }
}
 
.main-updates {display:inline-block;}
.main-updates ul {list-style-type: none;}

.mw-body .toctitle{ border-bottom: none;	}
hr { border: none; }
#About, #ILC_Diliman_Announcements, #Featured_Wiki, #Community_Contribution, #FAQ_and_How_To, #Features, #Get_Started { 
	font-size:1.5em; 
	font-family: "Lato", sans-serif;
    font-weight: 800;
    color: #012f56;
}


/* background */
#mw-content-container {
 background: url('') no-repeat center center fixed !important;
 background-size:unset !important;
 background-color: #F8F9FA !important;
}

#mw-content,
#mw-related-navigation .sidebar-chunk, 
#mw-site-navigation .sidebar-chunk{
	box-shadow: rgba(60,64,67,0.3) 0px 1px 2px 0px,rgba(60,64,67,0.15) 0px 2px 6px 2px;
	border: solid #fff !important;
}

#mw-related-navigation .sidebar-chunk, 
#mw-site-navigation .sidebar-chunk{
	background:#ffffff ;
}

 .mw-body .mw-parser-output h1:after,
 .mw-body .mw-parser-output h2:after {
 border-bottom:none;	
}

/*
 * FOOTER
 */
 .isk-lastmod {padding-left: 10em;margin-left:-.5em;}
 
#f-poweredbyico {display:none;}
#mw-footer-container{border-top:none;background-color:#3a4147;background:url(/resources/assets/iskomunidad-22-footer-revised.jpg) no-repeat center center;background-size: cover;}

.customized-footer-col {display:inline-block;margin-right:3rem !important;vertical-align: top;padding-left:10em !important;}
.customized-footer-col li {margin-left: .5rem !important; line-height: 1.2;}
.customized-footer-col li:nth-child(1) {margin-left: -.5rem !important;font-size: 1.3rem;font-weight: 600;border-bottom:2px solid #FFB81C;}
.customized-footer ul:nth-child(1) .customized-footer-row-5 {margin-left: -.5rem !important;font-size: 1.3rem;font-weight: 600;border-bottom:2px solid #FFB81C;}
.customized-footer ul:nth-child(3) .customized-footer-row-3 {margin-left: -.5rem !important;font-size: 1.3rem;font-weight: 600;border-bottom:2px solid #FFB81C;}
.customized-footer ul:nth-child(4) .customized-footer-row-2 {margin-left: -.5rem !important;font-size: 1.3rem;font-weight: 600;border-bottom:2px solid #FFB81C;}

.customized-footer-two {text-align:center;line-height:.8;}

#mw-footer-container, #mw-footer-container  a {
  color: #ffffff;
}

/* ConfirmEdit QuestyCaptcha -- on Create Account */
.htmlform-tip + .mw-htmlform-field-HTMLInfoField { color:red; }
/* ConfirmEdit QuestyCaptcha -- on Edit page + add a URL */
label[for=wpCaptchaWord] {
    color:green;
    font-weight:bold;
    font-size:150%;
    font-style:italic;
}