Difference between revisions of "MediaWiki:Common.css"
From Starsonata Wiki
Blue dwarf (talk | contribs) (Changed hidden contents to keep the normal width; attempted fix on transitions.) |
Blue dwarf (talk | contribs) |
||
Line 13: | Line 13: | ||
-o-transition: box-shadow 500ms ease; | -o-transition: box-shadow 500ms ease; | ||
transition: box-shadow 500ms ease; | transition: box-shadow 500ms ease; | ||
− | -webkit-transition: | + | -webkit-transition:height 500ms ease-in-out; |
− | -moz-transition: | + | -moz-transition:height 500ms ease-in-out; |
− | -ms-transition: | + | -ms-transition:height 500ms ease-in-out; |
− | -o-transition: | + | -o-transition:height 500ms ease-in-out; |
− | transition: | + | transition:height 500ms ease-in-out; |
overflow-y:auto; | overflow-y:auto; | ||
overflow-x:hidden; | overflow-x:hidden; |
Revision as of 14:44, 31 October 2014
h2 { padding:10px; } .toc { max-height: 400px; width: 250px; display: block; position:relative; -webkit-transition: box-shadow 500ms ease; -moz-transition: box-shadow 500ms ease; -ms-transition: box-shadow 500ms ease; -o-transition: box-shadow 500ms ease; transition: box-shadow 500ms ease; -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out; overflow-y:auto; overflow-x:hidden; } .toc #toctitle { position:absolute; left:0px; top:10px; width:100%; border-bottom:1px solid #fff; } .tochidden { height:25px; box-shadow: 0px 0px 3px 3px #ff4500; border: 1px solid #ff4500; } .toc > tbody > tr > td > ul { margin-top: 30px!important; opacity:1; visibility:visible; } .tochidden > tbody > tr > td > ul { margin-top: 0px; opacity:0; visibility:hidden; } .editsection, #p-captions ul li a { margin-left: 5px!important; color: #fff!important; background: rgba(0,0,0,0.6)!important; border-radius: 5px!important; padding: 2px!important; margin: 10px!important; top: -1px!important; left: -1px!important; position: relative!important; box-shadow: 1px 1px 1px 1px #000!important; } .editsection:hover, #p-captions ul li a:hover { color: #7af5ff!important; top:0px!important; left:0px!important; -webkit-transition:all .3s!important; transition:all .3s!important; box-shadow: 0px 0px 3px 3px #7af5ff!important; } #p-captions li.selected ul a { color: #7af5ff!important; background-color:rgba(255,255,255,0.2)!important; top:0px!important; left:0px!important; box-shadow: 0px 0px 3px 3px #7af5ff!important; } .editsection a { color:#fff; } .editsection a:hover { color:#7af5ff; } #bodyContent a.external:visited { color:#ffaf31; } #content { background-color: rgba(255, 255, 255, 0.1)!important; margin-right:20px!important; } table { font-size: 100%; border: 0px; border-radius: 5px; padding: 5px; margin: 5px; background: rgba(0,0,0,0.6); border-color: #7af5ff; box-shadow: 0px 0px 3px 3px #7af5ff; } #mainpage table { font-size: 100%; border: 0px; border-radius: 0px; padding: 0px; margin: 0px; background: rgba(0,0,0,0); border-color: #000; box-shadow: 0px 0px 0px 0px #000; } table.navbox { font-size: 100%; border: 0px; border-radius: 0px; padding: 0px; margin: 0px; background: rgba(0,0,0,0); border-color: none; box-shadow: 0px 0px 0px 0px #000; } table.navbox { float:left; width:80%!important; } #mainpage table.navbox { float:none; width:100%!important; } mw-content-ltr table tbody tr td b, mw-content-ltr table td.navbox-group, table td.navbox-list { color: #ffaf31!important; } body h2 { font-size: 2em; } .wikitable th, .wikitable td { border: 1px #aaa solid; border-collapse: collapse; padding: 0.2em; /*top: -1px; left: -1px; position: relative;*/ /*box-shadow:1px 1px 1px 1px #000;*/ overflow:hidden!important; } .wikitable th:hover, .wikitable td:hover { border: 1px #aaa solid; padding: 0.2em; /*top: 0px; left: 0px; position: relative;*/ /*-webkit-transition:all .3s; transition:all .3s!important; background: rgba(255,255,255,0.2); box-shadow: 0px 0px 3px 3px #ffaf31;*/ } .cloakbox table, .shipbox table { margin-right:20px!important; } .shipbox table td img { height:100%; width:auto; } .missionbox table { font-size: 100%; border: 0px; border-radius: 5px; padding: 5px; margin: 5px; background: rgba(0,0,0,0.6); border-color: #7af5ff; box-shadow: 0px 0px 3px 3px #7af5ff; float: none; width: 700px; } .missionbox .missionhover { height:100px; overflow:hidden; padding:20px; opacity:0.5; -webkit-box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1); box-shadow:inset 0 1px 5px 1px rgba(155,155,155,1); -webkit-transition: all .3s ease!important; -moz-transition: all .3s ease!important; -ms-transition: all .3s ease!important; -o-transition: all .3s ease!important; transition: all .3s ease!important; } .missionbox .missionhover:hover { height:300px; box-shadow:none; overflow-y:scroll; opacity:1; } .blueprintbox table { float:none!important; } #mainpageannouncment h6 { border-radius:5px; font-size:22px; padding:15px; margin:5px; margin-left: 5px; color: #fff; background: rgba(0,0,0,0.6); position: relative; box-shadow: 1px 1px 1px 1px #000; line-height:30px; } table.diff, td.diff-otitle, td.diff-ntitle { background-color:#000; } td.diff-context,td.diff-deletedline,td.diff-addedline { background-color:#555; } td.diff-deletedline { color:#f55; } td.diff-addedline { color:#afa; }