Undictionary:Main Page/styles.css

From Uncyclopedia, the content-free encyclopedia
Jump to navigation Jump to search
.undic-header {
    display: flex;
    align-items: center;
    background-color: #E9E9FF;
    border: 3px solid #AAE;
    padding: 5px;
}
.undic-header-title,
.undic-header-browse {
    flex: 1 1 50%;
    text-align: center;
}
.undic-header-title-main {
    font-size: 1.6rem;
}
.undic-main {
    display: flex;
    column-gap: 20px;
}
.undic-main > * {
    flex: 1 1 50%;
}
.undic-main-about {
    padding: 15px 0 0 0;
}
.undic-panel {
    margin: 30px 0 0 0;
    padding: 10px;
    border: 3px solid #ABD;
    background: #EBF4FF;
}
.undic-panel-header {
    position: relative;
    font-size: 150%;
    border-bottom: 1px solid #aaa;
}
.undic-panel-header-icon {
    position: absolute;
    top: -33px;
    left: -30px;
}
.undic-panel-header-title {
    margin-left: 25px;
}
.undic-panel-content {
    margin-top: 8px;
}
#undic-newest {
    column-count: 2;
}
.undic-footer .undic-panel {
    border: 3px solid #aaa;
    background: #f0f0f0;
}

/* random def styling */
.undic-random p > br,
.undic-random .ambox, 
.undic-random .utility-box,
.undic-random .un-hatnote,
.undic-random .link-box,
.undic-random table,
.undic-random img,
.undic-random .thumb {
  display: none !important;
}
.undic-random h3,
.undic-random p {
  margin: 0;
  padding: 0;
}

/* mobile responsive nonsense */
@media screen and (max-width:982px) {
    .undic-main,
    .undic-header {
        flex-flow: column nowrap;
    }
}

/* [[Category:UnProjects stylesheets]] */