diff options
Diffstat (limited to 'vnext/src/style/main.css')
-rw-r--r-- | vnext/src/style/main.css | 328 |
1 files changed, 0 insertions, 328 deletions
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css deleted file mode 100644 index 0bbf0bf4..00000000 --- a/vnext/src/style/main.css +++ /dev/null @@ -1,328 +0,0 @@ -@custom-media --viewport-desktop (width >=62.5rem); -:root { - --main-width: 1000px; -} - -html, -body, -div, -h1, -h2, -ul, -li, -p, -form, -input, -textarea, -pre { - margin: 0; - padding: 0; -} - -html, -body { - width: 100%; - height: 100%; -} - -body { - text-size-adjust: 100%; - word-break: break-word; - color: #363636; - line-height: 1.4; - text-rendering: optimizeLegibility; -} - -textarea { - overflow: auto; -} - -html, -input, -textarea, -button { - font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; - -webkit-font-smoothing: subpixel-antialiased; -} - -h1, -h2 { - font-weight: normal; - padding: 24px; -} - -ul { - list-style-type: none; -} - -legend { - color: #88958d; - margin: 0; - padding: 12px; - width: 100%; -} - -fieldset { - border: 0; - padding: 12px; - margin: 0; - min-width: 0; -} - -body:not(:-moz-handler-blocked) fieldset { - display: table-cell; -} - -a { - color: #069; - text-decoration: none; -} - -img, -hr { - border: none; -} - -#app { - background: #fdfdfe; - display: grid; - grid-template-areas: "header" "content" "footer"; - grid-template-columns: 100%; - grid-template-rows: auto 1fr auto; - transition: margin-left 0.2s; - min-height: 100%; - max-height: 100%; -} - -#header { - grid-area: header; - background: #fff; - box-shadow: 0 0 3px rgba(0, 0, 0, 0.28); - transition: transform 0.2s; - overflow-x: hidden; -} -.header--hidden { - transform: translateY(-100%); -} - -#header_wrapper, -.footer_container { - display: flex; - justify-content: space-between; - align-items: center; - flex-wrap: wrap; -} - -#sidebar { - display: none; -} - -.nav_content { - padding: 10px; -} - -#wrapper { - background: #fefdfe; - grid-area: content; - margin-top: 12px; - overflow-x: hidden; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - transition: margin-left 0.4s; -} - -#footer { - grid-area: footer; - background: #f8f8f8; - border-top: 1px solid #ccc; - color: #363636; - padding: 10px; - transition: margin-left 0.4s; - overflow-x: hidden; -} - -.desktop { - display: none; -} - -.card { - padding: 6px 24px; -} - -#logo { - height: 36px; - width: 110px; - padding: 4px; -} - -#logo a { - background: url("//i.juick.com/logo@2x.png") no-repeat; - background-size: cover; - border: 0; - display: block; - height: 36px; - overflow: hidden; - text-indent: 100%; - white-space: nowrap; - width: 110px; -} - -#ctitle { - display: flex; -} - -#ctitle:first-child { - margin-right: 5px; - vertical-align: middle; - max-width: 48px; - max-height: 48px; -} - -#global { - display: flex; -} - -.l { - display: flex; - flex-direction: row; - flex-wrap: wrap; -} - -#global a, -#ctitle a { - display: flex; - align-items: center; - border-bottom: 2px solid transparent; -} - -#global a { - color: #88958d; - padding: 14px 16px; -} - -#sidebar > a, -.l > a { - color: #88958d; - border-right: 2px solid transparent; - display: flex; - padding: 14px; - align-items: center; - vertical-align: middle; -} - -#sidebar > a:hover { - background-color: #f8f8f8; - border-right: 2px solid #ff339a; - cursor: pointer; -} - -#ctitle a { - padding: 2px 20px; -} - -#global a, -#ctitle a, -.l a, -.msg-button { - border-bottom: 2px solid #fdfdfe; -} - -#global a:hover, -#ctitle a:hover, -.l a:hover, -.msg-button:hover { - background-color: #f8f8f8; - border-bottom: 2px solid #ff339a; - cursor: pointer; -} - -.icon { - vertical-align: middle; -} - -#search input { - background: #FFF; - border: 1px solid #ccc; - outline: none !important; - padding: 4px; - -webkit-appearance: none; - border-radius: 0; -} - -.lds-ripple { - display: inline-block; - position: relative; - width: 64px; - height: 64px; -} - -.lds-ripple div { - position: absolute; - border: 4px solid #ff339a; - opacity: 1; - border-radius: 50%; - animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; -} - -.lds-ripple div:nth-child(2) { - animation-delay: -0.5s; -} - -@keyframes lds-ripple { - 0% { - top: 28px; - left: 28px; - width: 0; - height: 0; - opacity: 1; - } - 100% { - top: -1px; - left: -1px; - width: 58px; - height: 58px; - opacity: 0; - } -} - -@media (--viewport-desktop) { - #app { - grid-template-areas: "header header" "content content" "footer footer"; - grid-template-columns: 1fr 1fr; - grid-template-rows: min-content minmax(min-content, 1fr) min-content; - } - #header_wrapper, - .footer_container { - margin: 0 auto; - width: var(--main-width); - } - #wrapper { - justify-self: center; - width: var(--main-width); - display: grid; - grid-template-columns: 240px minmax(1fr, max-content); - grid-template-rows: auto; - grid-template-areas: "nav feed"; - } - .desktop { - display: block; - } - .mobile { - display: none; - } - #content { - grid-area: feed; - width: 758px; - min-height: 100vh; - } - #sidebar { - border: 0; - display: block; - grid-area: nav; - top: inherit; - left: inherit; - z-index: inherit; - overflow-x: inherit; - width: 240px; - } -} |