Difference between revisions of "MediaWiki:Common.css"

From SmartWiki
Jump to: navigation, search
Line 3: Line 3:
 
#ca-history { display:none!important; }
 
#ca-history { display:none!important; }
 
#ca-viewsource { display:none!important; }
 
#ca-viewsource { display:none!important; }
.categorywrapper {display: inline-block;width: 100%; max-width: 1180px; height: auto;}
+
.categorywrapper {display: flex;width: 100%; max-width: 1180px; height: auto;}
.category {float: left; width: 260px;height: 180px;margin-right: 30px; margin-bottom:30px;border-radius: 6px;border: 1px solid #ececec;}
+
.category {float: left; margin-right: 30px; margin-bottom:30px; padding: 0px 25px; border-radius: 6px;border: 1px solid #ececec;}
.architecture { display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(architecture.png); width: 70px; height: 70px; }
+
.architecture { display: block; margin: 25px auto 0 auto; text-a lign: center; background-image: url(architecture.png); width: 70px; height: 70px; }
 
.applicationlogic {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(applicationlogic.png); width: 70px; height: 70px;}
 
.applicationlogic {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(applicationlogic.png); width: 70px; height: 70px;}
 
.communications {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(communications.png); width: 70px; height: 70px; }
 
.communications {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(communications.png); width: 70px; height: 70px; }

Revision as of 15:15, 20 October 2016

/* CSS placed here will be applied to all skins */
#ca-talk { display:none!important; }
#ca-history { display:none!important; }
#ca-viewsource { display:none!important; }
.categorywrapper {display: flex;width: 100%; max-width: 1180px; height: auto;}	
.category {float: left;	margin-right: 30px; margin-bottom:30px; padding: 0px 25px; border-radius: 6px;border: 1px solid #ececec;}	
.architecture {	display: block; margin: 25px auto 0 auto; text-a lign: center; background-image: url(architecture.png); 	width: 70px; 	height: 70px;	}	
.applicationlogic {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(applicationlogic.png); width: 70px; height: 70px;}	
.communications {display: block; margin: 25px auto 0 auto; text-align: center; 	background-image: url(communications.png); width: 70px; height: 70px;	}	
.integration {	display: block; margin: 25px auto 0 auto; text-align: center; 	background-image: url(integration.png); width: 70px; height: 70px;}	
.security {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(security.png); width: 70px;  height: 70px;}	
.tools {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(tools.png); width: 70px; 	height: 70px;}	
.ui {display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(ui.png); width: 70px; 	height: 70px;	}	
.uta {	display: block; margin: 25px auto 0 auto; text-align: center; background-image: url(uta.png); width: 70px; height: 70px;}	
.category p {font-size:22px; width: 100%; text-align: center; font-weight: normal;color: #127975; margin: 13px 0 5px 0; }
.category span {font-size: 14px; width: 225px; margin: 0 auto; display: block; text-align: center; line-height: 140%;	}