Difference between revisions of "MediaWiki:Common.css"
From SmartWiki
| Line 4: | Line 4: | ||
#ca-viewsource { display:none!important; } | #ca-viewsource { display:none!important; } | ||
.categorywrapper {display: inline-block; max-width: 1150px;} | .categorywrapper {display: inline-block; max-width: 1150px;} | ||
| − | .category {float: left; height:215px; margin-right: 15px; margin-bottom:30px; padding: 0px 15px; border-radius: 6px;border: 1px solid #ececec; cursor:pointer;} | + | .category {float: left; height:215px; margin-right: 15px; margin-bottom:30px; padding: 0px 15px; border-radius: 6px;border: 1px solid #ececec; cursor:pointer; transition: box-shadow 0.3s ease-in-out:} |
.category:hover {box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); } | .category:hover {box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); } | ||
.architecture { display: block; margin: 25px auto 0 auto; text-a lign: 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; } | ||
Revision as of 15:28, 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: inline-block; max-width: 1150px;}
.category {float: left; height:215px; margin-right: 15px; margin-bottom:30px; padding: 0px 15px; border-radius: 6px;border: 1px solid #ececec; cursor:pointer; transition: box-shadow 0.3s ease-in-out:}
.category:hover {box-shadow: 0 1px 2px rgba(0,0,0,0.15); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); }
.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%; }
