|
|
| 第1行： |
第1行： |
| .SaturnForum-Maincontainer {
| | <templatestyles src="用户:晨茗biu/Sandbox-SaturnForum.css"/> |
| position: relative;
| | <div class="SaturnForum-Maincontainer"> |
| display: flex;
| | <div class="SaturnForum-logo"> |
| flex-direction: column;
| | [[File:Saturn_Forum_Logo.png|center]] |
| width: 95%;
| | </div> |
| min-width: 200px;
| | <div class="SaturnForum-portrait" style="background-color: {{{5}}}"></div> |
| max-width: 1100px;
| | <div class="SaturnForum-line-top"></div> |
| min-height: 300px;
| | <div class="SaturnForum-line-left"></div> |
| background-color: #f0f0f0;
| | <div class="SaturnForum-line-bottom"></div> |
| margin: 0 auto;
| | <div class="SaturnForum-user">{{{1}}}</div> |
| }
| | <div class="SaturnForum-header-container"> |
| | | <div class="SaturnForum-time">发表于:{{{2}}}</div> |
| .SaturnForum-logo {
| | <div class="SaturnForum-floor">#{{{3}}}</div> |
| position: absolute;
| | </div> |
| width: 96px;
| | <div class="SaturnForum-refence">回复</div> |
| height: 32px;
| | <div class="SaturnForum-ping">@</div> |
| left: 2px;
| | <div class="SaturnForum-report">举报</div> |
| top: 4px;
| | <div class="SaturnForum-text">{{{4}}}</div> |
| }
| | </div> |
| | |
| .SaturnForum-portrait {
| |
| background-color: rgba(98,92,93,255);
| |
| margin-top: 10px;
| |
| margin-left: 20px;
| |
| height: 60px;
| |
| width: 60px;
| |
| display: flex;
| |
| order: 2;
| |
| }
| |
| | |
| .SaturnForum-user {
| |
| width: 90px;
| |
| height: auto;
| |
| text-align: center;
| |
| padding: 6px;
| |
| text-decoration: none;
| |
| transition: all 0.1s ease;
| |
| cursor: pointer;
| |
| word-break: break-all;
| |
| order: 2;
| |
| }
| |
| | |
| .SaturnForum-user:hover {
| |
| color: #3498db;
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .SaturnForum-line-top {
| |
| position: relative;
| |
| width: 100%;
| |
| height: 2px;
| |
| background-color: rgba(98,98,98,255);
| |
| order: 1;
| |
| }
| |
| | |
| .SaturnForum-line-left {
| |
| position: absolute;
| |
| left: 100px;
| |
| height: 100%;
| |
| width: 2px;
| |
| background-color: rgba(98,98,98,255);
| |
| }
| |
| | |
| .SaturnForum-line-bottom {
| |
| position: relative;
| |
| width: 100%;
| |
| height: 2px;
| |
| background-color: rgba(98,98,98,255);
| |
| margin-bottom: 40px;
| |
| order: 3;
| |
| }
| |
| | |
| .SaturnForum-header-container {
| |
| display: flex;
| |
| flex-direction: row;
| |
| flex-wrap: nowrap;
| |
| width: 100%;
| |
| justify-content: flex-start;
| |
| align-items: flex-start;
| |
| order: 0;
| |
| margin: 0 auto;
| |
| }
| |
| | |
| .SaturnForum-time {
| |
| position: static;
| |
| text-align: left;
| |
| padding: 10px;
| |
| padding-left: 120px;
| |
| margin-right: 10px;
| |
| font-size: 0.85rem;
| |
| word-break: break-word;
| |
| }
| |
| | |
| .SaturnForum-floor {
| |
| position: static;
| |
| text-align: right;
| |
| padding: 10px;
| |
| padding-right: 10px;
| |
| margin-left: auto;
| |
| font-size: 0.85rem;
| |
| word-break: break-word;
| |
| min-width: 25px;
| |
| }
| |
| | |
| .SaturnForum-refence {
| |
| position: absolute;
| |
| bottom: 10px;
| |
| left: 120px;
| |
| height: 10px;
| |
| text-align: center;
| |
| padding: 10px;
| |
| font-size: 0.85rem;
| |
| color: #3498db;
| |
| text-decoration: none;
| |
| transition: all 0.3s ease;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .SaturnForum-refence:hover {
| |
| color: #e74c3c;
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .SaturnForum-ping {
| |
| position: absolute;
| |
| bottom: 11px;
| |
| left: 160px;
| |
| height: 10px;
| |
| text-align: center;
| |
| padding: 10px;
| |
| font-size: 0.85rem;
| |
| color: #3498db;
| |
| text-decoration: none;
| |
| transition: all 0.3s ease;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .SaturnForum-ping:hover {
| |
| color: #e74c3c;
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .SaturnForum-report {
| |
| position: absolute;
| |
| bottom: 10px;
| |
| right: 10px;
| |
| height: 10px;
| |
| text-align: center;
| |
| padding: 10px;
| |
| font-size: 0.85rem;
| |
| color: #3498db;
| |
| text-decoration: none;
| |
| transition: all 0.3s ease;
| |
| cursor: pointer;
| |
| }
| |
| | |
| .SaturnForum-report:hover {
| |
| color: #e74c3c;
| |
| text-decoration: underline;
| |
| }
| |
| | |
| .SaturnForum-text {
| |
| position: static;
| |
| flex: 1;
| |
| align-self: stretch;
| |
| margin: -100px 15px 10px 114px;
| |
| font-size: 0.95rem;
| |
| word-break: break-all;
| |
| overflow: auto;
| |
| line-height: 2;
| |
| order: 2;
| |
| }
| |
