Wikipédia

Usuário:Juan90264/TranslateFacilitator.css

< Usuário:Juan90264

Nota: Depois de publicar, poderá ter de contornar a cache do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
.TranslateFacilitator > p {
    margin-top: 12px;
}

#TranslateFacilitator-Articles {
    margin-top: 26px;
    /* width:650px; */
    overflow-x: hidden;
    /* height:135px; */
    border: 2px solid #CCC;
    white-space: nowrap;
    border-radius: 20px;
    padding: 12px;
}

.TranslateFacilitator-Articles {
    margin-top: 26px;
    /* width: 650px; */
    overflow-x: hidden;
    /* height: 135px; */
    border: 2px solid #CCC;
    white-space: nowrap;
    border-radius: 20px;
    padding: 12px;
}

#TranslateFacilitator-Articles ul li{
    margin-right:4px;
    cursor: pointer;
    width: 300px;
    height: 400px;
    background: #f3f3f3;
    border:1px solid #555;
    display: inline-block;
    border-radius: 20px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.TranslateFacilitator-Articles ul li{
    margin-right:4px;
    cursor: pointer;
    width: 300px;
    height: 400px;
    background: #f3f3f3;
    border:1px solid #555;
    display: inline-block;
    border-radius: 20px;
    overflow-y: hidden;
    overflow-x: hidden;
}

#TranslateFacilitator-Articles ul li div{
    display: flex;
    /* padding: 12px; */
    flex-direction: column;
    height: 400px;
    /* margin: 0; */
}

.TranslateFacilitator-Articles ul li div{
    display: flex;
    /* padding: 12px; */
    flex-direction: column;
    height: 400px;
    /* margin: 0; */
}

.TranslateFacilitator-divArticles > p {
    margin-top: 41px;
    margin-bottom: 0;
    margin-left: 12px;
}

#TranslateFacilitator-Articles > ul {
    margin: 0;
}

.TranslateFacilitator-Articles > ul {
    margin: 0;
}

p.TranslateFacilitator-articleInfo {
    /* border-left: 4px solid #000; */
    /* padding-left: 12px; */
    line-height: 2em;
    word-break: break-word;
    /* margin-top: 40px; */
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    flex-direction: column;
}

.TranslateFacilitator-imgArticle {
    width: 300px;
    height: 400px;
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
}

.TranslateFacilitator-articleDados {
    width: 100%;
    height: 50%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 14px;
    margin: 0;
    box-sizing: border-box;
    /* white-space: nowrap; */
    margin-top: -14px;
}

.TranslateFacilitator-articleShort {
    font-size: 0.8125em;
    color: #72777d !important;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    height: 100px;
    text-overflow: ellipsis;
}

.TranslateFacilitator-articleDados > p {
    margin-bottom: 0;
}

.TranslateFacilitator-articleDados > p > b {
    white-space: break-spaces;
    line-height: 1.4;
    /* text-overflow: ellipsis; */
    overflow: hidden;
    max-height: 40px;
    display: block;
}

.TranslateFacilitator-buttonsArticle {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    /* height: 100%; */
}

.TranslateFacilitator-buttonsArticle > a > span {
    margin-right: 20px !important;
}

.TranslateFacilitator-divArticles > #left {
}

.TranslateFacilitator-Articles- {
    display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-left: -45px;
}

.TranslateFacilitator-Articles- > #left {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-right: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #left:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #right {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-left: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #right:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #leftBiology {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-right: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #leftBiology:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #rightBiology {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-left: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #rightBiology:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #leftTechnology {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-right: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #leftTechnology:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #rightTechnology {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-left: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #rightTechnology:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #leftTelevision {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-right: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #leftTelevision:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #rightTelevision {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-left: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #rightTelevision:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #leftCinema {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-right: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #leftCinema:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #rightCinema {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-left: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #rightCinema:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #leftMusica {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-right: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #leftMusica:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #rightMusica {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-left: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #rightMusica:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #leftTransports {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-right: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #leftTransports:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #rightTransports {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-left: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #rightTransports:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #leftQuimica {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-right: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #leftQuimica:hover {
    background: #fff;
}

.TranslateFacilitator-Articles- > #rightQuimica {
    width: 240px;
    height: 70px;
    background: #f3f3f3;
    color: #fff;
    border-radius: 40px;
    margin-left: -35px;
    z-index: 12;
    font-size: 1.5em;
    border: 1px solid;
    cursor: pointer;
    /* transition: 1s; */
    border: 1px solid #000;
}

.TranslateFacilitator-Articles- > #rightQuimica:hover {
    background: #fff;
}

.TranslateFacilitator-imgArticle > img {
    /* height: 100% !important; */
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: center; */
    /* align-content: center; */
    /* flex-wrap: nowrap; */
    /* width: 100% !important; */
}

.TranslateFacilitator-titleSectionArticles {
    font-size: 17pt;
    margin: 0;
    text-indent: 4px;
    text-underline-position: under;
    text-decoration-line: underline;
    margin-left: -13px;
    text-underline-offset: 3px;
}

.TranslateFacilitator > hr {
    height: 2px;
    margin-left: 14px;
    width: 95%;
    margin-top: 27px;
}

.TranslateFacilitator-iconImgSection {
    width: 50px;
    height: 50px;
    margin-right: 21px;
}
Obtida de "https://pt.wiki.x.io/w/index.php?title=Usuário:Juan90264/TranslateFacilitator.css&oldid=69484428"