.tab-landing { margin:0px; padding:0px; background-color:#436c2c; } .tab-landing { margin:0px; padding:0px; width:100%; position:absolute; } .tab-landing .content_top { float:left; width:100%; background-color:#59aa29; height:240px; height:35%; height:190px; } .tab-landing .content_mid { float:left; width:100%; background-color:#eaeaea; } .tab-landing .content_foot { float:left; width:100%; } .tab-landing .logowrapper { float:both; margin-left:auto; margin-right:auto; width:450px; color:white; margin-top:3%; font-size:14px; font-family: 'open_sanslight', Arial; } .tab-landing .logowrapper img { width:420px; margin:5px; } .tab-landing .logowrapper span { font-size:22px; font-family: 'open_sanslight', Arial; } .tab-landing .content_wrapper { margin:0px; padding:0px; width: calc(100% - 0px); height: 100%; } .tab-landing .left { width: 60%; position: relative; } .tab-landing .right { float: left; margin-left: 10px; width: calc(40% - 10px); position: relative; } .contributing li { list-style-type: disc; list-style-position: initial; margin-left: 20px; } #changelog_bt { height: 84px; width:30px; background-color:black; margin-left:-30px; margin-top:30px; position:absolute; border-top-left-radius:3px; border-bottom-left-radius:3px; } #changelog_button { display:block; color:white; height:100px; transform: rotate(270deg); transform-origin: left top 0; margin-left: 6px; margin-top: 74px; } .changelog_wrapper { right:0px; width:30px; height: 100%; position: fixed; } .changelog { height:calc(100% - 0px); right:0px; width:0px; background-color:#363736; position:absolute; color:#ccc; } .changelog .title { line-height: 20px; text-align:left; padding-left:10px; font-weight: bold; color: #56AC1D; text-transform:uppercase; } .changelog .changewrapper { height:calc(100% - 40px); padding: 10px; overflow-y: hidden; overflow-x: hidden; -webkit-user-select: text; opacity:0; } .changelog .changewrapper.active { overflow-y: scroll; opacity:0; } .changelog .changewrapper span { font-weight: bold; line-height:22px; } .changelog .changewrapper ul { margin-bottom:10px; line-height:15px; } .changelog .changewrapper ul span { font-weight: bold; color:#fff; } .changelog .changewrapper li { font-weight: normal; margin-left: 0px; border-top:1px solid #656565; padding-top:4px; padding-bottom:4px; } .changelog .changewrapper p { margin-bottom: 5px; } .text2 ul { margin-bottom:0px; line-height:15px; } .text2 li { font-weight: normal; margin-left: 0px; border-top:1px solid #ccc; padding-top:4px; padding-bottom:4px !important; } .sponsors .title { text-transform:uppercase; font-size:10px; } .sponsors { float:both; margin-left:auto; margin-right:auto; width:825px; text-align:center; color:rgba(255,255,255,0.50); margin-top:2%; } .sponsors ul { margin-top:10px; float:left; } .sponsors li { float:left; margin-right:10px; display:block; } .sponsors li a { border-radius:3px; padding:2px; padding-left:4px; padding-right:4px; font-size:13px; line-height:10px; color:white; font-weight:normal; font-family: 'open_sanslight', Arial; } .sponsors li a:hover { background-color:rgba(255,255,255,0.30); color:#fff; } .text1, .text2, .text3 { margin-top:15px; margin-bottom:15px; font-weight:normal; font-family: 'open_sansregular', Arial; font-size:12px; } .text3 { font-size:11px; } .mid_head { font-size:13px; line-height:10px; color:#000; font-weight:bold; margin-bottom:10px; line-height: 16px; } .donate { float:left; margin-top:15px; width:100%; text-align:center; margin-bottom: -5px; } .text1 a:hover, .text2 a:hover, .text3 a:hover { color:#59aa29; }