MediaWiki:Common.css: Difference between revisions

From UtubeTrollPedia

Created page with "======================================================= UTubeTrollPolice Retro Theme Version 1.0 =======================================================: html, body{ margin:0; padding:0; background:#e5ecf9; font-family:Verdana,Arial,sans-serif; font-size:12px; color:#222; } Remove Vector spacing: #content, .mw-body, .vector-body{ background:white; border:1px solid #aaa; margin:15px; padding:15px; border-ra..."
 
No edit summary
Line 1: Line 1:
/* =======================================================
#uttp-page{
  UTubeTrollPolice Retro Theme
    width:1000px;
  Version 1.0
    margin:0 auto;
  ======================================================= */
    background:#fff;
}


html,
#uttp-header{
body{
     display:flex;
     margin:0;
     justify-content:space-between;
     padding:0;
     align-items:center;
    background:#e5ecf9;
    font-family:Verdana,Arial,sans-serif;
     font-size:12px;
    color:#222;
}
}


/* Remove Vector spacing */
#uttp-tabs{
 
     display:flex;
#content,
     gap:15px;
.mw-body,
.vector-body{
     background:white;
    border:1px solid #aaa;
    margin:15px;
     padding:15px;
    border-radius:6px;
}
}


/* Links */
#uttp-featured{
 
    display:flex;
a{
     gap:10px;
     color:#0033cc;
     flex-wrap:wrap;
     text-decoration:none;
}
}


a:hover{
#uttp-main{
     text-decoration:underline;
    display:flex;
     align-items:flex-start;
    gap:20px;
}
}


/* Headers */
#uttp-content{
 
     flex:1;
h1,h2,h3{
     min-width:0;
     color:#003399;
     margin-top:10px;
}
}


/* Tables */
#uttp-sidebar{
 
    width:260px;
table{
     flex-shrink:0;
     border-collapse:collapse;
}
}


th{
#uttp-search input{
     background:#d8e4ff;
     width:300px;
}
}


td,th{
img{
     border:1px solid #ccc;
     max-width:100%;
     padding:4px;
     height:auto;
}
}

Revision as of 14:07, 6 July 2026

#uttp-page{
    width:1000px;
    margin:0 auto;
    background:#fff;
}

#uttp-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

#uttp-tabs{
    display:flex;
    gap:15px;
}

#uttp-featured{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

#uttp-main{
    display:flex;
    align-items:flex-start;
    gap:20px;
}

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

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

#uttp-search input{
    width:300px;
}

img{
    max-width:100%;
    height:auto;
}