imported>=海豚= |
imported>=海豚= |
| 第38行： |
第38行： |
| .clear-div { | | .clear-div { |
| clear: both; | | clear: both; |
| }
| |
| /* 提升背景颜色纯度 */
| |
| div.vectorTabs ul li,
| |
| #p-variants,
| |
| #p-cactions {
| |
| background-image: url(//img.moegirl.org/skin/tab-normal-fade.png);
| |
| background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5) 30%, rgba(255, 255, 255, 1));
| |
| background-color: transparent;
| |
| }
| |
| div.vectorTabs li.selected {
| |
| background-image: url(//img.moegirl.org/skin/tab-current-fade.png);
| |
| background-image:-webkit-linear-gradient(top, rgba(167, 215, 249, 0), rgba(167, 215, 249, .5) 30%, rgba(167, 215, 249, 1));/* rgba(167, 215, 249, 1) = #a7d7f9 */
| |
| background-color: transparent;
| |
| }
| |
| #p-variants-label,
| |
| div.vectorTabs,
| |
| div.vectorTabs span,
| |
| div.vectorTabs ul,
| |
| div#mw-head div.vectorMenu h3 {
| |
| background-image: none;
| |
| } | | } |
| /* 右上个人链接栏 */ | | /* 右上个人链接栏 */ |
| 第85行： |
第65行： |
| } | | } |
|
| |
|
| /* 以下是使用flex模型的首页样式，用以应对float模式下容器高度不能统一的问题 */
| |
| .mainpage-container {
| |
| display: flex;
| |
| }
| |
| .mainpage-container .mainpage-newsbox,
| |
| .mainpage-container .mainpage-box {
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
| .mainpage-container .mainpage-newsbox {
| |
| flex: 2 1 calc(200% / 3);
| |
| }
| |
| .mainpage-container .mainpage-box {
| |
| flex: 1 1 calc(100% / 3);
| |
| }
| |
| .mainpage-container .mainpage-content,
| |
| .mainpage-container .mainpage-1stcontent {
| |
| flex: auto;
| |
| }
| |
| .mainpage-container .mainpage-title {
| |
| flex: none;
| |
| margin-right: -1px;
| |
| }
| |
| /* 调整侧边栏字体 */
| |
| div#mw-panel {
| |
| font-size: 18px;
| |
| /* mw-panel的宽度是10em，改了font-size以后也需要修改一下 */
| |
| width: 10.5rem;
| |
| }
| |
| /* 副标题 */ | | /* 副标题 */ |
| #siteSub { | | #siteSub { |