Etiquetas: Edição móvel Edição feita através do site móvel |
|
| Linha 375: |
Linha 375: |
| } | | } |
|
| |
|
| /* Página Instagram */
| |
|
| |
|
| .insta-main{ | | /* DarkMode */ |
| width: 100%; | | @media (prefers-color-scheme: dark) { |
| margin: 1em;
| | .overlay-enabled, #content { |
| margin: auto;
| | background-color: #222222; |
| } | | } |
| .post{ | | .header-container.header-chrome { |
| width: 100%;
| | background-color: #000000; |
| height: auto;
| | border: 0; |
| background: #fff; | | box-shadow: inset 0 -1px 3px rgba(0,0,0,0.08); |
| border: 1px solid #dfdfdf; | |
| margin-top: 40px; | |
| border-radius: 10px;
| |
| } | | } |
| | | .header .branding-box h1 span, .header .branding-box a span { |
| .info{ | | line-height: 1; |
| width: 100%;
| | font-size: inherit; |
| height: 60px;
| | color: white; |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| margin: 5px 15px;
| |
| }
| |
| | |
| .info .username{
| |
| width: auto;
| |
| font-weight: bold;
| |
| color: #000;
| |
| font-size: 14px;
| |
| margin-left: 10px;
| |
| }
| |
| | |
| .info .options{
| |
| cursor: pointer;
| |
| margin-right: 20px;
| |
| scale: 0.8;
| |
| }
| |
| | |
| .info .user{
| |
| display: flex;
| |
| align-items: center;
| |
| }
| |
| | |
| .info .profile-pic{
| |
| height: 40px;
| |
| width: 40px;
| |
| padding: 0;
| |
| background: none;
| |
| }
| |
| | |
| .info .profile-pic img{
| |
| border-radius: 20px;
| |
| }
| |
| | |
| .post-image{
| |
| width: 100%;
| |
| height: 100%;
| |
| object-fit: cover;
| |
| margin-top: -10px;
| |
| width: 100%;
| |
| height: 100%;
| |
| /* object-fit: cover; */
| |
| margin-top: -10px;
| |
| }
| |
| | |
| .post-content{
| |
| width: 100%;
| |
| padding: 20px;
| |
| }
| |
| | |
| .likes{
| |
| font-weight: bold;
| |
| }
| |
| | |
| .description{
| |
| width: 96%;
| |
| font-size: 14px;
| |
| line-height: 20px;
| |
| }
| |
| | |
| .description span{
| |
| font-weight: bold;
| |
| margin-right: 10px;
| |
| }
| |
| | |
| .post-time{
| |
| color: rgba(0, 0, 0, 0.5);
| |
| font-size: 12px;
| |
| }
| |
| | |
| .comment-wrapper{
| |
| width: 100%;
| |
| height: 50px;
| |
| border-radius: 1px solid #dfdfdf;
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| }
| |
| | |
| .comment-wrapper .icon{
| |
| height: 30px;
| |
| }
| |
| | |
| .comment-box{ | |
| width: 80%; | |
| height: 100%;
| |
| border: none;
| |
| outline: none;
| |
| font-size: 14px;
| |
| }
| |
| | |
| .comment-btn,
| |
| .action-btn{
| |
| width: 70px;
| |
| height: 100%;
| |
| background: none;
| |
| border: none;
| |
| outline: none;
| |
| text-transform: capitalize;
| |
| font-size: 16px; | |
| color: rgb(0, 162, 255); | |
| opacity: 0.5;
| |
| }
| |
| | |
| .reaction-wrapper{
| |
| width: 100%;
| |
| height: 50px;
| |
| display: flex;
| |
| margin-top: -25px;
| |
| align-items: center;
| |
| }
| |
| | |
| .reaction-wrapper .icon{
| |
| margin-right: 15px;
| |
| }
| |
| | |
| /* Testes */
| |
| .box{
| |
| text-align: center;
| |
| box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
| |
| border-radius: 10px;
| |
| padding-bottom: 10px;
| |
| }
| |
| | |
| .box-title{
| |
| border: 1px solid #570101;
| |
| width: 100%;
| |
| height: 54px;
| |
| margin-top: 2rem;
| |
| background-color: #0562ae;
| |
| border-radius: 10px 10px 0px 0px;
| |
| | |
| } | | } |
| | | .pre-content h1, .content h1, .content h2, h3, h4, h5, h6 { |
| .box-title p{ | | line-height: 1.3; |
| font-size: 22px; | | word-wrap: break-word; |
| | word-break: break-word; |
| color: white; | | color: white; |
| position: relative;
| |
| top: 35%;
| |
| transform: translateY(-50%);
| |
| } | | } |
| .update-box{
| | a:visited { |
| margin-bottom: 20px | | color: #e5d6ff; |
| } | | } |
| | | a { |
| .update-box, .update-box-2{
| | text-decoration: none; |
| width: 90%;
| | color: #e5d6ff; |
| text-align: center; | | hyphens: none; |
| position: relative;
| |
| margin: 20px auto;
| |
| transition: 1s;
| |
| border-radius: 20px;
| |
| display: flex;
| |
| justify-content: center; | |
| font-weight: bold; | |
| | |
| } | | } |
| .update-box-2:hover, .update-box:hover{ | | footer .last-modified-bar { |
| transition: 1s; | | border-bottom: solid 1px #adafb1; |
| transform: scale(1.05); | | background-color: #1a1a1a; |
| | color: #ffffff; |
| | transition: background-color 0.2s ease,color 0.2s ease; |
| | padding-top: 0.625em; |
| | padding-bottom: 0.625em; |
| | font-size: 0.875em; |
| } | | } |
| | | div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, ins, em, img, small, strike, strong, sub, sup, tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, button, select, audio, video { |
| .update-box img, .update-box-2 img{
| | margin: 0; |
| | padding: 0; |
| border: 0; | | border: 0; |
| vertical-align: middle; | | font: inherit; |
| width: 100%; | | font-size: 100%; |
| height: 100%;
| | vertical-align: baseline; |
| }
| | background: none; |
| | |
| .update-box-2 a, .update-box a{
| |
| width: 100%;
| |
| | |
| }
| |
| .update-title{
| |
| width: 100%;
| |
| height: 42px;
| |
| position: absolute;
| |
| top: 0; | |
| font-size: 15px;
| |
| border-radius: 20px 20px 0px 0px;
| |
| }
| |
| | |
| .update-title a{
| |
| color: white; | | color: white; |
| } | | } |
| | | .minerva-footer { |
| .update-subtitle{ | | border-top: solid 1px #000000; |
| width: 100%; | | overflow: auto; |
| height: 50px; | | padding-bottom: 6px; |
| position: absolute;
| | background-color: #000; |
| bottom: 0; | |
| font-size: 15px; | |
| border-radius: 0px 0px 20px 20px;
| |
| } | | } |
| | | .overlay.search-overlay .header input { |
| .update-box-subtitle{ | | padding-right: 3em; |
| position: relative; | | color: #000000; |
| top: 50%;
| |
| color: white; | |
| font-size: 1.2em;
| |
| transform: translateY(-50%);
| |
| } | | } |
| | | .overlay.search-overlay { |
| .patch-notes{ | | background: #1d1d1d; |
| padding: 20px;
| |
| background-color: #ffffff; | |
| border-radius: 30px;
| |
| border: 1px solid #cccccc;
| |
| margin-bottom: 20px;
| |
| } | | } |
|
| |
| .patch-notes img{
| |
| float: right;
| |
| width: 100px;
| |
| height: 100px;
| |
| border-radius: 50px;
| |
| } | | } |
|
| |
| /* DarkMode */
| |