MediaWiki:Common.css: Difference between revisions

From UtubeTrollPedia

No edit summary
No edit summary
Line 1: Line 1:
#uttp-page{
/* =====================================================
     width:1000px;
  UTubeTrollPolice Homepage
  ===================================================== */
 
.uttp-homepage{
     width:980px;
     margin:0 auto;
     margin:0 auto;
     background:#fff;
    font-family:Arial,Helvetica,sans-serif;
     background:#ffffff;
}
}


#uttp-header{
.uttp-header{
     display:flex;
    background:#ffffff;
     justify-content:space-between;
    border:1px solid #999;
     align-items:center;
    padding:12px;
}
 
.uttp-toplinks{
    text-align:right;
    font-size:11px;
    margin-bottom:10px;
}
 
.uttp-toplinks a{
    color:#0033cc;
    text-decoration:none;
}
 
.uttp-logo{
    font-size:38px;
    font-weight:bold;
    color:#cc0000;
}
 
.uttp-logo .blue{
    color:#0033cc;
}
 
.uttp-tagline{
     color:#666;
    font-size:13px;
     margin-top:4px;
}
 
.uttp-search{
    margin-top:15px;
}
 
.uttp-navigation{
     margin-top:8px;
    padding:8px;
    background:#3366cc;
    color:white;
    border:1px solid #003399;
}
}


#uttp-tabs{
.uttp-navigation a{
     display:flex;
     color:white;
     gap:15px;
     text-decoration:none;
    margin-right:20px;
    font-weight:bold;
}
}


#uttp-featured{
.uttp-navigation a:hover{
     display:flex;
     text-decoration:underline;
    gap:10px;
    flex-wrap:wrap;
}
}


#uttp-main{
/* ===========================================
  Main Layout
  =========================================== */
 
.uttp-body{
     display:flex;
     display:flex;
    gap:15px;
    margin-top:15px;
     align-items:flex-start;
     align-items:flex-start;
    gap:20px;
}
}


#uttp-content{
.uttp-left{
     flex:1;
     flex:1;
     min-width:0;
     min-width:0;
}
}


#uttp-sidebar{
.uttp-right{
     width:260px;
     width:260px;
    flex-shrink:0;
}
}


#uttp-search input{
.uttp-featured,
     width:300px;
.uttp-main,
.uttp-sidebar{
 
     background:#ffffff;
 
    border:1px solid #999;
 
    margin-bottom:15px;
 
    padding:10px;
 
}
}


img{
.uttp-footer{
     max-width:100%;
 
     height:auto;
     margin-top:20px;
 
    padding:12px;
 
     border-top:2px solid #999;
 
    text-align:center;
 
    font-size:12px;
 
    color:#666;
 
}
}

Revision as of 15:06, 6 July 2026

/* =====================================================
   UTubeTrollPolice Homepage
   ===================================================== */

.uttp-homepage{
    width:980px;
    margin:0 auto;
    font-family:Arial,Helvetica,sans-serif;
    background:#ffffff;
}

.uttp-header{
    background:#ffffff;
    border:1px solid #999;
    padding:12px;
}

.uttp-toplinks{
    text-align:right;
    font-size:11px;
    margin-bottom:10px;
}

.uttp-toplinks a{
    color:#0033cc;
    text-decoration:none;
}

.uttp-logo{
    font-size:38px;
    font-weight:bold;
    color:#cc0000;
}

.uttp-logo .blue{
    color:#0033cc;
}

.uttp-tagline{
    color:#666;
    font-size:13px;
    margin-top:4px;
}

.uttp-search{
    margin-top:15px;
}

.uttp-navigation{
    margin-top:8px;
    padding:8px;
    background:#3366cc;
    color:white;
    border:1px solid #003399;
}

.uttp-navigation a{
    color:white;
    text-decoration:none;
    margin-right:20px;
    font-weight:bold;
}

.uttp-navigation a:hover{
    text-decoration:underline;
}

/* ===========================================
   Main Layout
   =========================================== */

.uttp-body{
    display:flex;
    gap:15px;
    margin-top:15px;
    align-items:flex-start;
}

.uttp-left{
    flex:1;
    min-width:0;
}

.uttp-right{
    width:260px;
}

.uttp-featured,
.uttp-main,
.uttp-sidebar{

    background:#ffffff;

    border:1px solid #999;

    margin-bottom:15px;

    padding:10px;

}

.uttp-footer{

    margin-top:20px;

    padding:12px;

    border-top:2px solid #999;

    text-align:center;

    font-size:12px;

    color:#666;

}