/* 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", 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/bg.png") 100% -72px no-repeat; color: #fff; text-transform: capitalize; display: block; float: right; font-size: 13px; font-weight: bold; } a.readon span { background: url("/static/images/bg.png") -770px -108px no-repeat; 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 { background: url("/static/images/bg.png") -770px -36px no-repeat; margin-right: 29px; display: block; padding: 0 5px 0 15px; } .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: none; outline: none; background: url("/static/images/bg.png") -645px -180px; height: 36px; line-height: 36px; float: left; color: #6994a3; } .js-search .button { background: url("/static/images/bg.png") 100% -144px no-repeat; padding: 0; margin: 0; width: 40px; height: 36px; display: block; border: none; text-indent: -10000px; cursor: pointer; } .js-search-inner { float: right; } /* 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: 1px solid #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; } /* Main content area: top*/ #js-topsection { padding: 15px 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*/ #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; } .pagination .endless_page_link { font-size: 16pt; border: thin #eeeeee solid; font-weight: normal; margin: 5px; } .pagination .endless_page_current { font-size: 16pt; border: thin #eeeeee solid; font-weight: normal; margin: 5px; background-color: #edf3f4; }