@import url("../fonts/fonts_style.css"); *{ font-family: "Archivo Narrow"; } p{ font-size: 18px; } .navigation ul{ list-style-type: none; margin: 0; margin-top: 40px; padding: 0; } .navigation ul li { float: left; } .navigation ul li a{ display: block; color: black; text-align: center; padding: 14px 18px; font-size: 18px; text-decoration: none; } .navigation ul li:active a{ font-style: italic; } .clearfix::after { content: ""; clear: both; display: table; } .container{ padding: 0px 10px; } .lead{ font-size: 18px; } .library_table{ border-spacing:0; /* Removes the cell spacing via CSS */ } .library_table a{ text-decoration: none; color: black; } .library_table th{ font-size: 20px; cursor: pointer; } th.headerSortUp{ background-color: #E8E8E8!important; } th.headerSortDown{ background-color: #E8E8E8!important; } .library_table tbody tr:hover{ background-color: #E8E8E8!important; } .library_table .title_col{ font-size: 20px; padding-left: 10px; } .library_table .author_col{ font-size: 15px; } .library_table li{ list-style-type:none; text-align: center; padding-right: 5px; display: inline-block; } #plus { text-align: center; font-size: 10px; } .library_table tr:nth-child(even){ background-color: #fafafa; } #title_xppl{ font-size: 46px; cursor: pointer; } .header input{ height:40px; width: 500px; font-size: 24px; font-weight: bold; } .author input{ height:20px; width: 500px; font-size: 16px; } .search input{ margin: 0; float: left; width: 320px; height: 36px; font-size: 18px; font-weight: regular; padding: 2px; background:rgb(240, 240, 240); border:0px; box-shadow: inset 0 0 5px rgba(000,000,000, 0.2); } .button { height:40px; font-size: 18px; padding:6px 15px; left:0px; border:0px solid #dbdbdb; background-color: #686d72; color:#fafafa; } .button:hover { background-color:red; color: #fafafa; } .footer{ width: 100%; font-family:'Courier New'; font-weight:100; font-size:12px; margin-top: 200px; } .footer pre{ width: 60px; margin:0 auto; font-family:'Courier New'; } .footer p{ width: 30%; margin:0 auto; text-align: center; font-family:'Courier New'; font-size: 12px; } .ui-tabs-vertical { width: 100em; border-top: 0;} .ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; -webkit-appearance: none;} .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } .ui-tabs-vertical .ui-tabs-nav li a { display:block; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 0; background-color: #A9A9A9 !important;} .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 50em; font-size: 12px;} #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; } #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; } #newstext{ width: 100%; margin: 0; padding: 3px; top:0; left:0; position: fixed; font-size: 18px; background-color: yellow; } div.marquee { white-space:no-wrap; overflow:hidden; } div.marquee > div.marquee-text { font-style: italic; white-space:nowrap; display:inline; width:auto; } #home_content{ width: 70%; } #app{ position: fixed; bottom: 0; right: 0; width: 30%; height: 100%; } .messages{ position: absolute; bottom: 40px; display: block; width:100%; padding: 10px; margin: 0px; height: 100%; background-color: #b4b9be; overflow-y: scroll; overflow-x: hidden; color: white; word-wrap:break-word; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; z-index: -100000; } .new-message { position: absolute; bottom: 0; display: block; width:100%; margin:0; padding:0; z-index: 100000; } .control{ display: block; margin:0!important; padding:0!important; } .field{ display: block; margin:0!important; padding:0!important; } .new-message input{ width: 80%; display: block; margin:0px!important; padding:0px!important; height: 40px; font-size: 16px; word-wrap: break-word; word-break: break-all; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .new-message button{ display: block; width: 20%; float: right; margin:0px!important; padding:0px!important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .messages .user{ font-size: 16px; margin-bottom: -15px; margin-top: 20px; } .messages .msg{ font-size: 24px; margin: 0px; margin-top: -15px; margin-bottom: 10px; padding: 0; } .messages .time{ font-size: 16px; font-style: italic; } .widget { resize: both; overflow: hidden; width: 800px; height: 200px; display: inline-block; position: relative; left: 400px; } .widget iframe { width: 100%; height: 100%; border: none; } .grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 2px; align-items: top; justify-items: center; } @media screen and (max-width: 900px) { .grid{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2px; align-items: center; justify-items: center; } } @media screen and (max-width: 400px) { .grid{ display: grid; grid-template-columns: 1fr; align-items: center; justify-items: center; } } .gridbox { display: inline-block; padding-left: 5px; align-items: center; justify-items: center; } .gridbox:hover{ opacity: 0.5; }