维基建设中~

“MediaWiki:Common.css”的版本间差异

来自YurifyMagic
第34行: 第34行:
     }
     }


    .sideNavi {
    #toc{
      top: 10vmin;
    color: rgb(70,100,100);
      text-align: left;
    float:right;
     
    margin:0 0 1em 1em;
      padding-bottom: 20px;
    position:fixed;
      border-radius: 10px;
    top:150px;
      position: fixed;
    right:30px;
      left: 125vmin;
      width: 30vmin;
      background-color: rgb(255, 255, 255);
      background-color: rgba(255, 255, 255, 0.7);
     }
     }
     #nav{
     #nav{
第63行: 第59行:


@media screen and (min-width:1300px) {
@media screen and (min-width:1300px) {
#toc{
    color: rgb(70,100,100);
    float:right;
    margin:0 0 1em 1em;
    position:fixed;
    top:150px;
    right:30px;
    }
     .body{
     .body{
     width:70%;
     width:70%;
第76行: 第65行:
}
}


/* 1300px时目录嵌入页面 */
 


@media screen and (max-width:1300px){
@media screen and (max-width:1300px){

2024年11月23日 (六) 18:35的版本

/* 这里放置的CSS将应用于所有皮肤 */


    body {
      color: rgb(70,100,100);
      height: 100vh;
      background-color: rgb(255, 190, 190);
      width:70%;
    }

   
    .showcase {
      float: right;
       /*position: absolute; */
      left: 125vmin;
      width: 30vmin;
      background-color: rgb(255, 255, 255);
      background-color: rgba(255, 255, 255, 0.7);
      border-radius: 10px;
      overflow: hidden;
      text-align:center;

    }


    .tablehead {
      width: 8vmin;
      background-color: rgb(255, 190, 190);
      color: rgb(255, 255, 255);
    }

    .tabletext {
      text-align: center;
    }

     #toc{
    	color: rgb(70,100,100);
    	float:right;
    	margin:0 0 1em 1em;
    	position:fixed;
    	top:150px;
    	right:30px;
    }
    #nav{
    	align-items:center;
    	height:inherit;
    	width:auto;
    	flex:1 1 auto;
    	/*background-color:rgb(255, 190, 190);*/
    	order:2;
    	box-sizing:border-box;
    }
    #nav a{
    	margin:0 20px 0 20px;
    	text-decoration:none;
    	font-size:1.7em;
    }


@media screen and (min-width:1300px) {
	
    .body{
    	width:70%;
    }
}



@media screen and (max-width:1300px){

	#toc{
		display:none;
	}
	
}
@media screen and (max-width:815px){

	.body{
		width:100%;
	}
	#nav{
		display:none;
	}
}