用户:Chronostasismywife/common.css：修订间差异

2026年3月13日 (五) 13:09的最新版本

/* 这不对吧师傅我为什么在学这个？ */
.ta {
	font-family:"Times New Roman",Times,serif;
}
.linxian {
	font-family:Arial,Helvetica,sans-serif;
}

/*做图*/
.tu {
    background-color: lightgrey;
    width: 300px;
    /* 内容宽度 */
    border: 25px solid green;
    /* 边框宽度 */
    padding: 25px;
    /* 内容到边框的距离 */
    margin: 25px;
    /* 边框到外部的距离，透明*/
}
/* 梦中情边框 */
.solid {
	border-style:solid;
	/* 可内嵌br */
}
/* 下划线 */
.under {
    text-decoration: underline;
}
/* 可能有用的位置代码 */
.pos_left
{
	position:relative;
	left:-20px;
}

.pos_right
{
	position:relative;
	left:20px;
}

/* 提示 */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: grey;
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* 暂时用不上的图片透明 */
.img
{
  opacity:0.4;
}

.img:hover
{
  opacity:1.0;
}

/* 延伸 */
.jianbian
{
	width:82px;
	height:46px;
	color:white;
	transition:height 2s;transition:width 2s
}

.jianbian:hover
{
	width:300px;
	height:500px;
	background:grey;
}

/* 按钮 */
.button {
    background-color: grey;
    color: white;
    padding: 10px 24px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    transition-duration: 0.4s;
}


.button:hover {
    background-color: white; 
    color: black; 
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24);
	border-right:2px inset skyblue;
	border-bottom:2px inset blue;
	z-index: 2;
}

/* 和延伸配套使用的文字浮现 */
.textyanshen{ 
	color: black;
            opacity: 0;
            transition: opacity 0.3s ease;
            position: relative;
}
.jianbian:hover .button:hover .textyanshen{
            opacity: 1;
            position: relative;
        }
/* 无效 */
.disabled {
    cursor: not-allowed;
}

/*代码：偷来的十年*/
.scrolling-text {
    width: 100%;
    overflow: hidden; 
    padding: 10px 0;
    display: inline-block;
    white-space: nowrap; 
    animation: scroll-text 15s linear infinite;/*时长跟着字长走*/
}


@keyframes scroll-text {
    0% {
        transform: translateX(75%); 
    }
    100% {
        transform: translateX(-75%); 
    }
}

/*文本滚动*/
#overflowTest {
    background: #4CAF50;
    color: white;
    padding: 15px;
    width: 80%;
    height: 100px;
    overflow: scroll;
    border: 1px solid #ccc;
}


/*剧透警告*/
.zhedie {
    border-color: yellow; 
    background-color: #3D3D3D; 
    color:white;
    overflow: hidden; 
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    background-repeat: repeat-x;
    background-size: 100px 100%;
    background-image: linear-gradient( -45deg,transparent 50%, #E0E00B 50%, #E0E00B 75%, transparent 75%, transparent);
}

.zhedietip .zhedietiptext {
    visibility: hidden;
    width: 120px;
    background-color: grey;
    color: black;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    opacity:0.8;
}

.zhedietip {
    position: relative;
    display: inline-block;
}

.zhedietip:hover .zhedietiptext {
    visibility: visible;
}

 /* 特定文字样式 */
 .linktext {
 	color: red; 
 	cursor: pointer;
}

.linktext:hover {
	color:#8B0000;
	text-decoration: underline #8B0000;
}


.fakebutton {display: inline-block;
    padding: 6px 11px;
    line-height: normal;
    border: none;
    outline: none;
    box-shadow: none;
    background:
        linear-gradient(#AAAAAA, #AAAAAA) top    / 100% 2px no-repeat,
        linear-gradient(#AAAAAA, #AAAAAA) left   / 2px 100% no-repeat,
        linear-gradient(#555555, #555555) bottom/ 100% 2px no-repeat,
        linear-gradient(#555555, #555555) right   / 2px 100% no-repeat,
        #F2F2F2;
    border-radius: 5px;
    cursor: not-allowed;
    user-select: none;
    text-align: center;
    white-space: nowrap;
}

.fakebutton:hover {
    background:
        linear-gradient(#AAAAAA, #AAAAAA) top    / 100% 2px no-repeat,
        linear-gradient(#AAAAAA, #AAAAAA) left   / 2px 100% no-repeat,
        linear-gradient(#555555, #555555) bottom/ 100% 2px no-repeat,
        linear-gradient(#555555, #555555) right   / 2px 100% no-repeat,
        #D0D0D0;
    cursor: not-allowed;
    opacity: 0.50;
}