/* For sitewide elements of unglue.it. */ /* variables and mixins used in multiple less files go here */ .header-text { height: 36px; line-height: 36px; display: block; text-decoration: none; font-weight: bold; font-size: 13px; letter-spacing: -0.05em; } .panelborders { border-width: 1px 0px; border-style: solid none; border-color: #FFFFFF; } /* Local variables */ .utilityheaders { text-transform: uppercase; color: #3d4e53; font-size: 12px; display: block; } /* Page-wide elements */ html, body { /* Necessary to make footer stretch to bottom of page */ height: 100%; } body { background: url("/static/images/bg-body.png") 0 0 repeat-x; padding: 0 0 20px 0; margin: 0; font-size: 12px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif; color: #3d4e53; } a { font-weight: bold; font-size: 13px; text-decoration: none; cursor: pointer; color: #6994a3; } img { border: none; } h2.content-heading { padding: 15px; margin: 0; font-size: 19px; font-weight: normal; color: #3d4e53; float: left; width: 50%; } h2.content-heading span { font-style: italic; } h3.jsmod-title { background: url("/static/images/bg.png") 0 0 no-repeat; padding: 0; margin: 0; height: 73px; } h3.jsmod-title span { font-size: 17px; color: #fff; padding: 26px 40px 27px 20px; display: block; } .js-page-wrap { position: relative; min-height: 100%; } .js-main { width: 960px; margin: 0 auto; clear: both; padding: 0; } ul.menu { list-style: none; padding: 0; margin: 0; } a.readon { background: url("/static/images/learnmore-downarrow.png") right center no-repeat; color: #fff; text-transform: capitalize; display: block; float: right; font-size: 13px; font-weight: bold; } a.readon.down { background: url("/static/images/learnmore-uparrow.png") right center no-repeat; } a.readon span { -moz-border-radius: 32px 0 0 32px; -webkit-border-radius: 32px 0 0 32px; border-radius: 32px 0 0 32px; background-color: #8ac3d7; margin-right: 34px; padding: 0 5px 0 20px; height: 36px; line-height: 36px; display: block; } /* Header section */ #js-header { height: 90px; } .js-logo { float: left; padding-top: 10px; } .js-logo a img { border: none; } .js-topmenu { float: right; padding-top: 25px; } .js-topmenu ul li { float: left; padding: 0 10px; } .js-topmenu ul li a { color: #3d4e53; height: 36px; line-height: 36px; display: block; text-decoration: none; font-weight: bold; font-size: 13px; letter-spacing: -0.05em; } .js-topmenu ul li span#welcome { color: #8dc63f; height: 36px; line-height: 36px; display: block; text-decoration: none; font-weight: bold; font-size: 13px; letter-spacing: -0.05em; } .js-topmenu ul li.last a { background: url("/static/images/bg.png") right top no-repeat; } .js-topmenu ul li.last a span { -moz-border-radius: 32px 0 0 32px; -webkit-border-radius: 32px 0 0 32px; border-radius: 32px 0 0 32px; background-color: #8dc63f; margin-right: 29px; display: block; padding: 0 5px 0 15px; color: white; } .js-search { float: left; padding-top: 25px; margin-left: 81px; } .js-search input { float: left; } .js-search .inputbox { padding: 0 0 0 15px; margin: 0; border-top: solid 4px #8ac3d7; border-left: solid 4px #8ac3d7; border-bottom: solid 4px #8ac3d7; border-right: none; -moz-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px; outline: none; height: 28px; line-height: 28px; width: 156px; float: left; color: #6994a3; } .js-search .button { background: url("/static/images/blue-search-button.png") no-repeat; padding: 0; margin: 0; width: 40px; height: 36px; display: block; border: none; text-indent: -10000px; cursor: pointer; } .js-search-inner { float: right; } #welcome { overflow: hidden; } /* Explore column */ #js-leftcol { float: left; width: 235px; margin-bottom: 20px; } #js-leftcol a { font-weight: normal; } #js-leftcol a:hover { text-decoration: underline; } #js-leftcol .jsmod-content { border: solid 1px #edf3f4; margin-left: 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; } #js-leftcol ul.level1 > li > a { border-bottom: 1px solid #edf3f4; border-top: 1px solid #edf3f4; text-transform: uppercase; color: #3d4e53; font-size: 12px; display: block; padding: 10px; } #js-leftcol ul.level2 li { padding: 5px 10px; } #js-leftcol ul.level2 li a { color: #6994a3; } #js-leftcol ul.level2 li img { vertical-align: middle; } #js-leftcol ul.level2 li .ungluer-name { height: 30px; line-height: 30px; } /* Main content area: top */ #js-topsection { padding: 15px 0 0 0; overflow: hidden; } .js-topnews { float: left; width: 100%; } .js-topnews1 { background: url("/static/images/header/header-m.png") 0 0 repeat-y; } .js-topnews2 { background: url("/static/images/header/header-t.png") 0 0 no-repeat; } .js-topnews3 { background: url("/static/images/header/header-b.png") 0 100% no-repeat; display: block; overflow: hidden; padding: 10px; } /* Main content area: main*/ #main-container { margin: 15px 0 0 0; } #js-maincol-fr { float: right; width: 725px; } div.content-block { overflow: hidden; background: url("/static/images/bg.png") 100% -223px no-repeat; padding: 0 0 0 7px; margin-bottom: 20px; } .content-block-heading a.block-link { float: right; padding: 15px; font-size: 11px; color: #3d4e53; text-decoration: underline; font-weight: normal; } div.content-block-content { width: 100%; overflow: hidden; padding-left: 10px; } div.content-block-content .cols3 .column { width: 33.33%; float: left; } /* Footer */ #footer { background-color: #edf3f4; clear: both; text-transform: uppercase; color: #3d4e53; font-size: 12px; display: block; padding: 15px 0px 45px 0px; margin-top: 15px; overflow: hidden; } #footer .column { float: left; width: 25%; padding-top: 5px; } #footer .column ul { padding-top: 5px; margin-left: 0; padding-left: 0; } #footer .column li { padding: 5px 0; text-transform: none; list-style: none; margin-left: 0; } #footer .column li a { color: #6994a3; } .pagination { width: 100%; text-align: center; margin-top: 20px; clear: both; border-top: solid #3d4e53 thin; padding-top: 7px; } .pagination .endless_page_link { font-size: 13pt; border: thin #3d4e53 solid; font-weight: normal; margin: 5px; padding: 1px; } .pagination .endless_page_current { font-size: 13pt; border: thin #3d4e53 solid; font-weight: normal; margin: 5px; padding: 1px; background-color: #edf3f4; }