diff --git a/public/css/2018.css b/public/css/2018.css index 5e5b03c..bc82286 100644 --- a/public/css/2018.css +++ b/public/css/2018.css @@ -1,16 +1,34 @@ @keyframes alertanim { 0% { - top: 0px; - animation-timing-function: linear; + top: 0px; + animation-timing-function: linear; } - + 100% { - background-position-x: 40px; - animation-timing-function: linear; + background-position-x: 40px; + animation-timing-function: linear; } } -html { +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: normal; + src: url('SourceSansPro-Normal.ttf'); +} + +@font-face { + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: normal; + src: url('SourceSansPro-Italic.ttf'); +} + +#FeedButton { + height: 34px !important; +} + +html, .loggedout { background: none; } @@ -18,20 +36,20 @@ html { margin: 0px; width: 30px; content: url("http://archblox.com/img/ark2018nbd.png"); - } - - .arkoticon_navbar { +} + +.arkoticon_navbar { margin: 0px; margin-top: -5px; content: url("http://archblox.com/img/ark2018.png"); margin-right: 3px; width: 30px; - } +} body { background-color: #E3E3E3; color: #191919; - font-family: "Source Sans Pro",Arial,Helvetica,sans-serif; + font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif; font-size: 16px; font-size: 100%; width: 100%; @@ -40,29 +58,40 @@ body { } :focus-visible { - outline: 0px; + outline: 0px; } -.content_signup, .profilefriend #FeedContainerBox1Username, .content p a, .content a, .content_signup p a, .content_signup a, .content_special p a, .content_special a { +.content_signup, +.profilefriend #FeedContainerBox1Username, +.content p a, +.content a, +.content_signup p a, +.content_signup a, +.content_special p a, +.content_special a { color: #191919 } .content { color: #191919; - background-color: #E3E3E3; + background-color: #E3E3E3; width: 970px; - padding-top: 12px; - margin: 40px auto 0; - padding-bottom: 40px; + padding-top: 12px; + margin: 40px auto 0; + padding-bottom: 40px; min-height: calc(100% - 40px); } -#SearchContainer, #FriendsContainer, #profilefriendcontainer { +#SearchContainer, +#FriendsContainer, +#profilefriendcontainer { background-color: #fff; box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); padding: 15px; } -.ProfileContainerBox, .FriendsContainerBox { + +.ProfileContainerBox, +.FriendsContainerBox { border: 0; } @@ -73,16 +102,17 @@ body { padding: 2px 5px; float: none; font-size: 16px; - font-weight: 500; + font-weight: 500; line-height: 1.92857; height: 28px; } -#alert, #success { +#alert, +#success { top: 40px; animation: alertanim; animation-duration: 250ms; - animation-iteration-count: 1; + animation-iteration-count: 1; } #alert { @@ -93,85 +123,102 @@ body { background: #02b757; } -.smallnavbarbutton:nth-child(1):hover, .smallnavbarbutton:nth-child(3):hover, .profilefriend #FeedContainerBox1Username:hover, .smallnavbarbutton:nth-child(4):hover, .smallnavbarbutton:nth-child(5):hover, .smallnavbarbutton:nth-child(6):hover { - color: #00a2ff; - text-decoration: none; +.smallnavbarbutton:nth-child(1):hover, +.smallnavbarbutton:nth-child(3):hover, +.profilefriend #FeedContainerBox1Username:hover, +.smallnavbarbutton:nth-child(4):hover, +.smallnavbarbutton:nth-child(5):hover, +.smallnavbarbutton:nth-child(6):hover { + color: #00a2ff; + text-decoration: none; } -.smallnavbarbutton:nth-child(1):hover::before{ + +.smallnavbarbutton:nth-child(1):hover::before { background-position: -28px -224px; } + .smallnavbarbutton:nth-child(1):before { content: ''; background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-repeat: no-repeat; - background-size: auto auto; - width: 28px; - height: 28px; + background-size: auto auto; + width: 28px; + height: 28px; background-position: 0 -224px; } + .smallnavbarbutton:nth-child(2):hover { color: #f68802; text-decoration: none; } -.smallnavbarbutton:nth-child(2):hover::before{ + +.smallnavbarbutton:nth-child(2):hover::before { background-position: -28px -252px; } + .smallnavbarbutton:nth-child(2):before { content: ''; background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-repeat: no-repeat; - background-size: auto auto; - width: 28px; - height: 28px; + background-size: auto auto; + width: 28px; + height: 28px; background-position: 0 -252px; } -.smallnavbarbutton:nth-child(3):hover::before{ + +.smallnavbarbutton:nth-child(3):hover::before { background-position: -28px -336px; } + .smallnavbarbutton:nth-child(3):before { content: ''; background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-repeat: no-repeat; - background-size: auto auto; - width: 28px; - height: 28px; - background-position: 0 -336px; + background-size: auto auto; + width: 28px; + height: 28px; + background-position: 0 -336px; } -.smallnavbarbutton:nth-child(4):hover::before{ + +.smallnavbarbutton:nth-child(4):hover::before { background-position: -28px -196px; } + .smallnavbarbutton:nth-child(4):before { content: ''; background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); background-repeat: no-repeat; - background-size: auto auto; - width: 28px; - height: 28px; - background-position: 0 -196px; + background-size: auto auto; + width: 28px; + height: 28px; + background-position: 0 -196px; } -.smallnavbarbutton:nth-child(5):hover::before{ - background-position: -28px -364px; + +.smallnavbarbutton:nth-child(5):hover::before { + background-position: -28px -364px; } + .smallnavbarbutton:nth-child(5):before { - content: ''; - background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); - background-repeat: no-repeat; - background-size: auto auto; - width: 28px; - height: 28px; - background-position: 0px -364px; + content: ''; + background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); + background-repeat: no-repeat; + background-size: auto auto; + width: 28px; + height: 28px; + background-position: 0px -364px; } -.smallnavbarbutton:nth-child(6):hover::before{ - background-position: -28px -475px; + +.smallnavbarbutton:nth-child(6):hover::before { + background-position: -28px -475px; } .smallnavbarbutton:nth-child(6):before { - content: ''; - background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); - background-repeat: no-repeat; - background-size: auto auto; - width: 28px; - height: 28px; + content: ''; + background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg); + background-repeat: no-repeat; + background-size: auto auto; + width: 28px; + height: 28px; background-position: 0 -475px; } @@ -199,12 +246,14 @@ body { margin: 0; width: 100%; } + .mySubmenuFixed.Redesign { top: 0; height: 0; width: 0; background: #fff; } + .Redesign .subMenu { -webkit-transform: translateZ(0); transform: translateZ(0); @@ -216,6 +265,7 @@ body { display: block; visibility: visible; height: calc(100% - 40px); + font-family: 'Source Sans Pro'; font-size: 16px; left: 0; overflow: hidden; @@ -223,6 +273,7 @@ body { z-index: 1001; padding: 0; } + .smallnavbarbuttoncontainer { padding: 5px 10px 0; display: block; @@ -233,31 +284,38 @@ body { border: 0; } -.FeedContainerBoxImageContainer, #ProfileContainerBox1ImageContainer, #FriendsContainerBox1ImageContainer { +.FeedContainerBoxImageContainer, +#ProfileContainerBox1ImageContainer, +#FriendsContainerBox1ImageContainer { -webkit-transition: box-shadow 200ms ease; - -o-transition: box-shadow 200ms ease; - transition: box-shadow 200ms ease; + -o-transition: box-shadow 200ms ease; + transition: box-shadow 200ms ease; margin: 5px 24px 5px 5px; border-radius: 50%; background-color: #fff; - box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); + box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); height: 60px; width: 60px; } -.FeedContainerBoxImageContainer:hover, #ProfileContainerBox1ImageContainer:hover, #FriendsContainerBox1ImageContainer:hover, .profilefriend img:hover, .profilefriend:hover img { + +.FeedContainerBoxImageContainer:hover, +#ProfileContainerBox1ImageContainer:hover, +#FriendsContainerBox1ImageContainer:hover, +.profilefriend img:hover, +.profilefriend:hover img { -webkit-transition: box-shadow 200ms ease; - -o-transition: box-shadow 200ms ease; - transition: box-shadow 200ms ease; - box-shadow: 0 1px 6px 0 rgb(25 25 25 / 75%); + -o-transition: box-shadow 200ms ease; + transition: box-shadow 200ms ease; + box-shadow: 0 1px 6px 0 rgb(25 25 25 / 75%); } .profilefriend #FeedContainerBox1Username { display: block; - margin: 3px 0 0; - text-align: center; + margin: 3px 0 0; + text-align: center; overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + text-overflow: ellipsis; + white-space: nowrap; } #gamesframe { @@ -266,31 +324,37 @@ body { .profilefriend img { -webkit-transition: box-shadow 200ms ease; - -o-transition: box-shadow 200ms ease; - transition: box-shadow 200ms ease; + -o-transition: box-shadow 200ms ease; + transition: box-shadow 200ms ease; width: 90px; height: 90px; border-radius: 50%; background-color: #fff; - box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); + box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); } -#logo_small, #logo_full, #smallnav_open { +#logo_small, +#logo_full, +#smallnav_open { max-width: 76px; width: auto; margin: 0 12px; padding: 0; } -#logo_small img, #smallnav_open img { + +#logo_small img, +#smallnav_open img { padding: 5px 0; width: 30px; height: 30px; } + #logo_full .btn-logo { padding: 5px 0; max-width: 120px; height: 30px; } + #smallnav_open { cursor: pointer; background-image: url("https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg"); @@ -304,7 +368,10 @@ body { height: 30px; float: left; } -.btn-logo:hover, .smallnavbarbutton:hover, .navbarbuttoncontainer li:hover { + +.btn-logo:hover, +.smallnavbarbutton:hover, +.navbarbuttoncontainer li:hover { background-image: none; background: none; } @@ -313,66 +380,79 @@ body { color: #fff; } -#logo_full, #logo_full .btn-logo { +#logo_full, +#logo_full .btn-logo { height: 30px; } .navbarbuttoncontainer { display: flex; min-height: 40px; + align-items: center; + justify-content: flex-start; + align-content: center; + flex-wrap: nowrap; + flex-direction: row; } + .navbarbuttoncontainer li { padding: 0; + margin: 0; padding-left: 5px; height: 40px } + .navbarbutton { color: #fff; - font-family: "Source Sans Pro",Arial,Helvetica,sans-serif; + font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif; padding: 6px 9px; width: auto; font-size: 16px; line-height: 1.4em; font-weight: 400; position: relative; - display: block; + display: block; float: left; margin: 4px auto; top: 0; } + #NavigationRedesignBannerContainer { - font-family: "Source Sans Pro",Arial,Helvetica,sans-serif; + font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif; } + .navbarbutton:hover { - background-color: #191919; - background-color: rgba(25,25,25,.1); - border-radius: 5px; + background-color: #191919; + background-color: rgba(25, 25, 25, .1); + border-radius: 5px; text-decoration: none; } #FeedBox { border: 1px solid #B8B8B8; - color: #191919; - font-weight: 300; - font-size: 16px; - padding: 5px 12px; - border-radius: 3px; + color: #191919; + font-weight: 300; + font-size: 16px; + padding: 5px 12px; + border-radius: 3px; } + #FeedBox:focus { - box-shadow: none; - border-color: #00A2FF; + box-shadow: none; + border-color: #00A2FF; } #feed { background-color: #fff; - box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); - padding: 15px; + box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%); + padding: 15px; margin-right: 10px; } + #feed h2 { text-align: left; font-size: 24px; - font-weight: 300; + font-weight: 300; } .invisible_navbar { @@ -385,114 +465,158 @@ body { display: none; } -#footer, #footer_signup { - padding: 12px; +#footer, +#footer_signup { + padding: 12px; background-color: #fff; - position: relative; + position: relative; + margin: 0; bottom: 0; - right: 0; + left: 0; + right: 0; + width: 100%; max-width: 100%; } -#footer p, #footer a:nth-child(2), #footer_signup p, #footer_signup a:nth-child(2) { + +#footer p, +#footer a:nth-child(2), +#footer_signup p, +#footer_signup a:nth-child(2) { color: #b8b8b8; } -#footer a:nth-child(2):hover, #footer a:nth-child(2):focus, #footer_signup a:nth-child(2):hover, #footer_signup a:nth-child(2):focus { + +#footer a:nth-child(2):hover, +#footer a:nth-child(2):focus, +#footer_signup a:nth-child(2):hover, +#footer_signup a:nth-child(2):focus { color: #191919; } -#footer a:nth-child(1), #footer_signup a:nth-child(1) { + +#footer a:nth-child(1), +#footer_signup a:nth-child(1) { color: #00a2ff; } -#footer a:nth-child(1):hover, #footer_signup a:nth-child(1):hover { + +#footer a:nth-child(1):hover, +#footer_signup a:nth-child(1):hover { text-decoration: underline; } -#footer p, #footer a { + +#footer p, +#footer a { max-width: 970px; - text-align: center; - margin: 0 auto; + text-align: center; + margin: 0 auto; } -button.bluebutton, .tab_selected { +button.bluebutton, +.tab_selected { border: 1px solid transparent; - background: #00A2FF; - border-color: #00A2FF; + background: #00A2FF; + border-color: #00A2FF; -webkit-transition: box-shadow 200ms ease-in-out; - -o-transition: box-shadow 200ms ease-in-out; - transition: box-shadow 200ms ease-in-out; + -o-transition: box-shadow 200ms ease-in-out; + transition: box-shadow 200ms ease-in-out; border-radius: 3px; } -button.bluebutton:hover, button.bluebutton:focus, .tab_selected:hover, .tab_selected:focus { + +button.bluebutton:hover, +button.bluebutton:focus, +.tab_selected:hover, +.tab_selected:focus { background: #32B5FF; - box-shadow: 0 1px 3px rgb(150 150 150 / 74%); - border-color: #32B5FF; - color: #fff; + box-shadow: 0 1px 3px rgb(150 150 150 / 74%); + border-color: #32B5FF; + color: #fff; text-decoration: none } -button.greybutton, .tab { + +button.greybutton, +.tab { -webkit-transition: box-shadow 200ms ease-in-out; - -o-transition: box-shadow 200ms ease-in-out; - transition: box-shadow 200ms ease-in-out; - border: 1px solid transparent; - background: #fff; - border-color: #B8B8B8; - color: #191919 !important; + -o-transition: box-shadow 200ms ease-in-out; + transition: box-shadow 200ms ease-in-out; + border: 1px solid transparent; + background: #fff; + border-color: #B8B8B8; + color: #191919 !important; border-radius: 3px; } -button.greybutton:hover, button.greybutton:focus, .tab:hover, .tab:focus { + +button.greybutton:hover, +button.greybutton:focus, +.tab:hover, +.tab:focus { background: #fff; - box-shadow: 0 1px 3px rgb(150 150 150 / 74%); - border-color: #B8B8B8; - color: #191919; + box-shadow: 0 1px 3px rgb(150 150 150 / 74%); + border-color: #B8B8B8; + color: #191919; text-decoration: none } + button.redbutton { transition: box-shadow 200ms ease-in-out; - border: 1px solid transparent; - background: #D86868; - border-color: #D86868; - color: #fff; + border: 1px solid transparent; + background: #D86868; + border-color: #D86868; + color: #fff; border-radius: 3px; } -button.redbutton:hover, button.redbutton:focus { + +button.redbutton:hover, +button.redbutton:focus { background: #E27676; - box-shadow: 0 1px 3px rgb(150 150 150 / 74%); - border-color: #E27676; + box-shadow: 0 1px 3px rgb(150 150 150 / 74%); + border-color: #E27676; } + button.greenbutton { -webkit-transition: box-shadow 200ms ease-in-out; - -o-transition: box-shadow 200ms ease-in-out; - transition: box-shadow 200ms ease-in-out; - border: 1px solid transparent; - background: #02b757; - border-color: #02b757; + -o-transition: box-shadow 200ms ease-in-out; + transition: box-shadow 200ms ease-in-out; + border: 1px solid transparent; + background: #02b757; + border-color: #02b757; border-radius: 3px; } -button.greenbutton:hover, button.greenbutton:focus { + +button.greenbutton:hover, +button.greenbutton:focus { background: #3FC679; - box-shadow: 0 1px 3px rgb(150 150 150 / 74%); - border-color: #3FC679; + box-shadow: 0 1px 3px rgb(150 150 150 / 74%); + border-color: #3FC679; } div[style="color:white;background-color:green;text-align:center;margin-top:72px"] { background-color: #02b757 !important } -p[style="color: darkred;"], .important { + +p[style="color: darkred;"], +.important { color: #D86868 !important; } -a, .content a, .content_signup p a { +a, +.content a, +.content_signup p a { color: #00A2FF } -a:hover, .content_signup p a:hover { + +a:hover, +.content_signup p a:hover { text-decoration: underline; } -textarea, input { +textarea, +input { background-color: #fff; border: 1px solid #b8b8b8; color: #191919; border-radius: 3px } -textarea:focus, input:focus { + +textarea:focus, +input:focus { border-color: #00A2FF } @@ -505,68 +629,75 @@ button:hover a { } .onlinestatus_website { - color: #00A2FF; + color: #00A2FF; } .onlinestatus_studio { - color: #F68802; + color: #F68802; } .onlinestatus_ingame { - color: #02b757; + color: #02b757; } .onlinestatus_offline { - color: #b8b8b8; + color: #b8b8b8; } iframe { - height: calc(100% - 104px); - padding-bottom: 40px } #logo_full { display: none; - } - - #logo_small { +} + +#logo_small { display: block; - } +} @media (min-width: 1688px) { #smallnav_open { display: none; } + .mySubmenuFixed { display: block; } - #logo_full img, #logo_full { + + #logo_full img, + #logo_full { max-width: 200px; width: 120px; } - .content, iframe { + + .content, + iframe { padding-left: 180px; padding-right: 10px; } + #logo_full { display: block; } - + #logo_small { display: none; } } + @media (max-width: 970px) { .navbarbuttoncontainer a { font-size: 16px; top: 0px; } } + @media (min-width: 992px) { .navbar { height: 40px; } } + @media (max-width: 767px) { .navbarbuttoncontainer a { font-size: 10px; @@ -574,6 +705,7 @@ iframe { top: 0px; } } + @media (max-width: 560px) { .navbarbuttoncontainer a { font-size: 8px; @@ -581,10 +713,11 @@ iframe { top: 0px; } } + @media (max-width: 560px) { .navbarbuttoncontainer a { font-size: 6px; line-height: 3.5em; top: 0px; } -} +} \ No newline at end of file diff --git a/public/css/HelveticaNeue-Italic.ttf b/public/css/HelveticaNeue-Italic.ttf new file mode 100644 index 0000000..6546436 Binary files /dev/null and b/public/css/HelveticaNeue-Italic.ttf differ diff --git a/public/css/HelveticaNeue-Normal.ttf b/public/css/HelveticaNeue-Normal.ttf new file mode 100644 index 0000000..9ea876a Binary files /dev/null and b/public/css/HelveticaNeue-Normal.ttf differ diff --git a/public/css/SourceSansPro-Italic.ttf b/public/css/SourceSansPro-Italic.ttf new file mode 100644 index 0000000..e7b9182 Binary files /dev/null and b/public/css/SourceSansPro-Italic.ttf differ diff --git a/public/css/SourceSansPro-Normal.ttf b/public/css/SourceSansPro-Normal.ttf new file mode 100644 index 0000000..b422bf4 Binary files /dev/null and b/public/css/SourceSansPro-Normal.ttf differ diff --git a/public/css/app.css b/public/css/app.css index b0686f3..af79ff1 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -22,6 +22,20 @@ } } +@font-face { + font-family: 'Helvetica Neue'; + font-style: normal; + font-weight: normal; + src: url('HelveticaNeue-Normal.ttf'); +} + +@font-face { + font-family: 'Helvetica Neue'; + font-style: italic; + font-weight: normal; + src: url('HelveticaNeue-Italic.ttf'); +} + .catalogitem, .catalogitemimage { width: 126px; @@ -88,6 +102,7 @@ .warningtext { color: red; } + .helpfultip { color: orange; font-weight: 600; @@ -97,7 +112,9 @@ display: inline-block; float: left; } -#logo_full, #logo_full .btn-logo { + +#logo_full, +#logo_full .btn-logo { width: 200px; Height: 35px; } @@ -107,24 +124,36 @@ display: none; float: left; } -#logo_small, #logo_small img { + +#logo_small, +#logo_small img { width: 45px; - height: 35px; + height: 35px; } @media (max-width: 970px) { - .navbarbuttoncontainer a, #navbarusername, .arkotcontainer p, #navbarlogincontainer { + + .navbarbuttoncontainer a, + #navbarusername, + .arkotcontainer p, + #navbarlogincontainer { font-size: 11px; } + .arkoticon_navbar { width: 11px; } } + @media (max-width: 730px) { .navbarbuttoncontainer a { position: relative; } - .navbarbuttoncontainer a, #navbarusername, .arkotcontainer p, #navbarlogincontainer { + + .navbarbuttoncontainer a, + #navbarusername, + .arkotcontainer p, + #navbarlogincontainer { font-size: 9px; } } @@ -162,14 +191,16 @@ position: relative; height: 36px; z-index: 200; - font-family: Arial,Helvetica,sans-serif; + font-family: Arial, Helvetica Neue, sans-serif; } + .BannerCenterContainer { width: 970px; margin-left: auto; margin-right: auto; text-align: center; } + .BannerRedesign { height: 35px; background: #114081; @@ -181,37 +212,45 @@ top: 0; display: inline-flex; } -.btn-logo:hover, .navbarbuttoncontainer li:hover { + +.btn-logo:hover, +.navbarbuttoncontainer li:hover { background-image: url(/images/RevisedHeader/bg-main_menu_hover.png); background-size: auto 35px; } + .smallnavbarbutton:hover { background-image: url(/images/RevisedHeader/bg-sub_menu_hover.png); } + div.mySubmenuFixed { position: fixed; top: 68px; width: 100%; z-index: 10000; } + div.mySubmenuFixed { top: 36px; background: linear-gradient(#000 10%, #191919 100%); height: 25px; } + .mySubmenuFixed.Redesign { position: fixed; top: 35px; } + .mySubmenuFixed.Redesign { position: fixed; top: 35px; } + .subMenu { background: #A3514F; background-repeat: repeat-x; color: White; - font-family: Arial,Helvetica,Sans-Serif; + font-family: Arial, Helvetica Neue, Sans-Serif; font-size: 14px; height: 26px; position: relative; @@ -220,6 +259,7 @@ div.mySubmenuFixed { border-bottom: solid 3px #6E99C9; z-index: 5; } + .subMenu { width: 970px; height: 30px; @@ -229,6 +269,7 @@ div.mySubmenuFixed { z-index: 200; margin: 0 auto; } + .Redesign .subMenu { height: 25px; background: linear-gradient(#000 10%, #191919 100%); @@ -240,6 +281,7 @@ div.mySubmenuFixed { z-index: 1000; float: left; } + .navbarbuttoncontainer li { float: left; list-style: none; @@ -271,6 +313,7 @@ div.mySubmenuFixed { position: relative; *top: -6px; } + #HeaderOr { font-family: Arial; font-weight: normal; @@ -281,6 +324,7 @@ div.mySubmenuFixed { position: relative; margin: 0 6px; } + #headerLogin { color: white; background: url(/images/btn-login_dropdown.png) no-repeat; @@ -290,6 +334,7 @@ div.mySubmenuFixed { position: relative; cursor: pointer; } + #headerLogin:hover { background-position: 0 -54px; } @@ -314,7 +359,8 @@ iframe { padding: 3px; } -#navbarlogincontainer, #navbarsignedincontainer { +#navbarlogincontainer, +#navbarsignedincontainer { position: relative; padding-right: 10px; margin-right: 0%; @@ -381,14 +427,16 @@ iframe { width: 200px; } -#feed, #profileleftcontainer { +#feed, +#profileleftcontainer { text-align: center; padding-left: 5px; padding-right: 5px; width: 50%; } -#profileleftcontainer, #profilerightcontainer { +#profileleftcontainer, +#profilerightcontainer { max-width: 450px; } @@ -435,11 +483,13 @@ iframe { float: right; position: relative; } + #navbarlogincontainer { margin-top: 5px; float: right; position: relative; } + #NavigationRedesignBannerContainer .RightNav { margin-top: 9px; } @@ -449,8 +499,9 @@ iframe { font-size: 13px; padding: 0; text-decoration: none; + font-weight: 800; outline: none; - font-family: Arial,Helvetica,sans-serif; + font-family: Arial, Helvetica Neue, sans-serif; } .smallnavbarbutton { @@ -459,6 +510,7 @@ iframe { text-align: center; font-size: 15px; } + .Redesign .smallnavbarbutton { font-size: 12px; padding: 5px; @@ -472,8 +524,7 @@ iframe { html { margin: 0px; - font-family: "Helvetica"; - src: url('Helvetica.ttf') format('truetype'),; + font-family: "Helvetica Neue"; font-style: normal; height: 100%; color: #000; @@ -497,8 +548,8 @@ body { margin-top: 0px; min-width: 670px; margin-bottom: 0px; - padding-bottom: 0px; height: 100%; + padding-bottom: 0px; } .content_special, @@ -518,8 +569,9 @@ body { .content { color: black; - min-height: 550px; + min-height: 100%; padding: 5px 5px 25px 5px; + /* Height of the footer */ margin: 100px auto 0 auto; width: 970px; background: rgb(255, 255, 255); @@ -536,15 +588,18 @@ body { /* Fallback for IE 11*/ background-color: rgb(255, 255, 255); } -.content_signup .hyperlink{ + +.content_signup .hyperlink { display: block; color: #0074bd; transition: .25s all ease-in-out; } + .content_signup .hyperlink:hover { color: #32cfff; } -.content_signup h1, .content_signup a, .content_signup p { + +.content_signup h1, .content_signup a, .content_signup p, .content_signup h2, .content_signup h5 { text-align: center; } @@ -572,12 +627,14 @@ body { margin-right: 10px; padding-left: 5px; padding-right: 5px; + width: calc(100% - 30px); padding-bottom: 5px; padding-top: 5px; background: rgb(172, 172, 172); /* Fallback for IE 11*/ background-color: rgb(172, 172, 172); min-height: fit-content; + bottom: 0; } /*Button gradients by TersisWilvin*/ @@ -590,7 +647,7 @@ body { height: 20px; border-radius: 1px; border: 1px solid #3D414A; - font-family: "Helvetica"; + font-family: "Helvetica Neue"; padding-left: 5px; padding-right: 5px; color: rgb(0, 0, 0) !important; @@ -604,7 +661,7 @@ body { height: 20px; border-radius: 1px; border: 1px solid #3D414A; - font-family: "Helvetica"; + font-family: "Helvetica Neue"; padding-left: 5px; padding-right: 5px; color: #fff !important; @@ -619,7 +676,7 @@ button { height: 20px; border-radius: 3px; border: 1px solid #3D414A; - font-family: "Helvetica"; + font-family: "Helvetica Neue"; color: #fff; } diff --git a/public/css/appdark.css b/public/css/appdark.css index 4fba895..fae2f8b 100644 --- a/public/css/appdark.css +++ b/public/css/appdark.css @@ -93,7 +93,7 @@ html { a, #navbarusername { - color: rgb(200,200,200); + color: rgb(215 215 215); } .logoutframe { diff --git a/public/css/classicapp.css b/public/css/classicapp.css index a432faa..f00350a 100644 --- a/public/css/classicapp.css +++ b/public/css/classicapp.css @@ -15,6 +15,20 @@ html { margin: auto; } +#footer, #footer_signup { + background: rgba(172,172,172,0.75); +} + +.content_signup { + background: rgba(255, 255, 255,0.75); +} + +.content { + margin-top: 105px; + min-height: 550px; + background: rgba(255, 255, 255,0.75); +} + .content { margin-top: 105px; } @@ -28,7 +42,7 @@ html { } #NavigationRedesignBannerContainer { - font-family: "Helvetica"; + font-family: "Helvetica Neue"; height: 40px;; } @@ -105,7 +119,7 @@ html { padding-right: 5px; text-align: center; font-size: 18px; - font-family: "Helvetica"; + font-family: "Helvetica Neue"; font-weight: bold; } .Redesign .smallnavbarbutton { diff --git a/public/css/classicappdark.css b/public/css/classicappdark.css index 432e0a6..57149b0 100644 --- a/public/css/classicappdark.css +++ b/public/css/classicappdark.css @@ -11,12 +11,24 @@ html { .content, #footer { max-width: 1000px; - width: 1000px; margin: auto; + width: 1000px; +} + +#footer, #footer_signup { + background: rgba(0,0,0,0.75); +} + +.content_signup { + background: rgba(25, 25, 25,0.75); } .content { margin-top: 105px; + background: rgba(25, 25, 25,0.75); + min-height: 550px; +} +#footer { } #logo_full { @@ -28,7 +40,7 @@ html { } #NavigationRedesignBannerContainer { - font-family: "Helvetica"; + font-family: "Helvetica Neue"; height: 40px; } @@ -105,7 +117,7 @@ html { padding-right: 5px; text-align: center; font-size: 18px; - font-family: "Helvetica"; + font-family: "Helvetica Neue"; font-weight: bold; } .Redesign .smallnavbarbutton { diff --git a/resources/css/DONOTUSE.css b/resources/css/DONOTUSE.css index 632b1c2..54fb7bf 100644 --- a/resources/css/DONOTUSE.css +++ b/resources/css/DONOTUSE.css @@ -168,8 +168,8 @@ } html { margin: 0px; - font-family: "Helvetica"; - src: url('Helvetica.ttf') format('truetype'),; + font-family: "Helvetica Neue"; + src: url('Helvetica Neue.ttf') format('truetype'),; font-style: normal; background-color: rgb(49, 107, 223); color: white; @@ -242,7 +242,7 @@ font-weight: 400; text-align: center; border-radius: 3px; border: 1px solid #3D414A; -font-family: "Helvetica"; +font-family: "Helvetica Neue"; color: #fff; } button.bluebutton { diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php index 7bdb8bf..ab23a88 100644 --- a/resources/views/index.blade.php +++ b/resources/views/index.blade.php @@ -1,6 +1,7 @@ @extends('layouts.loggedout') @section('title') -