/**************************************************************************************************************************************************************** CGP Scholar UI - Bookstore ****************************************************************************************************************************************************************/ /* ------------------------------------------- Page ------------------------------------------- */ #bookstore #content { overflow: hidden; } #bookstore #primary { background: #FFF; width: 740px; min-height: 900px; padding: 10px; float: left; } #bookstore .sidebar { background: #DCEDF4; width: 180px; min-height: 900px; padding: 10px; float: left; margin-bottom: -50000px; padding-bottom: 50000px; } #bookstore #primary.landing_page { width: auto; } /* ------------------------------------------- General ------------------------------------------- */ #bookstore .mod_title { background: #CCC; height: 30px; margin: 0; overflow: hidden; /* CSS 3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #bookstore .mod_title h2 { font-size: 15px; font-weight: bold; color: #FFF; margin: 7px 0 0 8px; float: left; } #bookstore .mod_title h2 a { color: #FFF; text-decoration: none; } /* ------------------------------------------- Primary ------------------------------------------- */ /* Title */ #bookstore #primary .mod_title { position: relative; background: #1F4166; } #bookstore #primary .mod_title .buttons { font-size: 11px; font-weight: normal; color: #FFF; margin: 5px 5px 0 0; float: right; } #bookstore #primary .mod_title .buttons li { float: left; } #bookstore #primary .mod_title .buttons li a { background: #193451; text-decoration: none; color: #FFF; padding: 2px 6px 0 6px; margin: 0 0 0 2px; display: block; /* CSS3 */ opacity:0.8; filter: alpha(opacity=80); } #bookstore #primary .mod_title .buttons li a:hover { /* CSS3 */ opacity:1.0; filter: alpha(opacity=100); } #bookstore #primary .mod_title .buttons li a.star { padding: 2px 6px 0 20px; background: #193451 url('../_img/sprite.png') no-repeat 2px -956px; } /* Cycle */ #bookstore #primary .mod_title .cycle_controls { position: absolute; top: 4px; right: 4px; font-size: 11px; font-weight: normal; color: #FFF; } #bookstore #primary .mod_title .cycle_controls li { display: block; float: left; background: #193451; } #bookstore #primary .mod_title .cycle_controls li a { display: block; width: 18px; height: 21px; text-indent: -9999px; /* CSS3 */ opacity:0.8; filter: alpha(opacity=80); } #bookstore #primary .mod_title .cycle_controls li a:hover { /* CSS3 */ opacity:1.0; filter: alpha(opacity=100); } #bookstore #primary .mod_title .cycle_controls .previous a { background: transparent url('../_img/sprite.png') no-repeat -5px -1475px; } #bookstore #primary .mod_title .cycle_controls .next a { background: transparent url('../_img/sprite.png') no-repeat -35px -1475px; } #bookstore #primary .mod_title .cycle_controls .pager { height: 21px; padding: 0 7px; } #bookstore #primary .mod_title .cycle_controls .pager a { display: inline-block; height: 8px; width: 8px; margin: 6px 3px 0 3px; background: #fff; /* CSS3 */ border-radius: 50%; opacity:0.5; filter: alpha(opacity=50); } #bookstore #primary .mod_title .cycle_controls .pager a.activeSlide { /* CSS3 */ opacity:1.0; filter: alpha(opacity=100); } #bookstore #primary .cycle, #bookstore #primary .cycle .mod_entries { width: 100% !important; } /* Note: This is to squash a FF bug. If changing, be sure to test FF. */ /* Mod Nav */ #bookstore .mod_nav { font-size: 12px; line-height: 16px; background: #546F8C; padding: 5px 3px 4px 3px; overflow: hidden; } #bookstore .mod_nav ul li { float: left; } #bookstore .mod_nav ul li.active { background: #1F4166; /* CSS3 */ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #bookstore .mod_nav ul li a { color: #DDD; text-decoration: none; padding: 1px 8px; display: block; } #bookstore .mod_nav ul li a:hover { color: #FFF; text-decoration: none; } #bookstore .mod_nav ul li.active a { color: #FFF; text-decoration: none; padding: 1px 8px; display: block; } #bookstore .mod_nav ul li.active a:hover { color: #FFF; text-decoration: none; } #bookstore .mod_nav ul li.inactive a { color: #BBB; text-decoration: none; padding: 1px 8px; display: block; } /* Icons */ #bookstore #primary .icon { text-align: center; width: 130px; height: 130px; display: table; } #bookstore #primary .icon_centering_wrapper { display: table-cell; vertical-align: middle; } #bookstore #primary .icon img { max-width: 130px; max-height: 130px; } #bookstore #primary .enlarge .icon { width: 160px; height: 160px; } #bookstore #primary .enlarge .icon img { max-width: 160px; max-height: 160px; } /* Mods */ #bookstore #primary .mod { padding: 20px; overflow: hidden; } #bookstore #primary .mod .icon { float: left; } #bookstore #primary .mod .details { float: left; width: 570px; padding: 10px 0 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; } #bookstore #primary .mod .buttons { float: left; width: 180px; height: 160px; padding: 10px 0 0 10px; border-left: 1px dotted #9BC9DD; box-sizing: border-box; -moz-box-sizing: border-box; } #bookstore #primary .mod.enlarge .details { width: 540px; } #bookstore #primary .mod.enlarge.has_buttons .details { width: 340px; margin-right: 20px; } #bookstore #primary .mod h4 { font-size: 14px; line-height: 17px; color: #444; margin: 10px 0 5px 0; } #bookstore #primary .mod h5 { font-size: 10px; text-transform: uppercase; color: #FF6400; margin: 10px 0; } #bookstore #primary .mod .buttons h5 { margin: 0 0 5px 0; } #bookstore #primary .mod p { font-size: 10px; line-height: 14px; color: #444; margin-bottom: 12px; } #bookstore #primary .mod li { font-size: 10px; line-height: 14px; color: #444; margin-bottom: 4px; } #bookstore #primary .mod.enlarge p { font-size: 12px; line-height: 16px; margin-bottom: 16px; } #bookstore #primary .mod.enlarge li { font-size: 12px; line-height: 16px; } #bookstore #primary .mod a { color: #169AD8; text-decoration: none; } #bookstore #primary .mod a:hover { text-decoration: underline; } #bookstore #primary .mod a.button { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; text-decoration: none; color:#444; background: #EEE; width: 100%; padding: 3px 5px; margin-bottom: 4px; border: 1px solid #CCC; box-sizing: border-box; -moz-box-sizing: border-box; display: block; /*CSS3*/ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, rgb(230,230,230)), color-stop(0.7, rgb(246,246,246))); background-image: -moz-linear-gradient(center bottom, rgb(230,230,230) 10%, rgb(246,246,246) 70%); text-shadow: 1px 1px 1px #FFF; } #bookstore #primary .mod a.button:hover { color: #FFF; background: #169AD8; /* CSS3 */ text-shadow: none; } #bookstore #primary .mod a.button .price { float: right; } /* Entries */ #bookstore #primary .mod_entries { padding: 20px 0; } #bookstore #primary .mod_entries.grid > li { width: 130px; padding: 7px; display: inline-block; vertical-align: top; } #bookstore #primary .mod_entries.grid.enlarge > li { width: 160px; padding: 10px 9px 10px 10px; } #bookstore #primary .mod_entries.listing > li { padding: 0 20px 20px 20px; margin-bottom: 20px; border-bottom: 1px dotted #9BC9DD; overflow: hidden; } #bookstore #primary .mod_entries.listing .icon { float: left; } #bookstore #primary .mod_entries.listing .details { float: left; width: 570px; padding: 10px 0 10px 20px; box-sizing: border-box; -moz-box-sizing: border-box; } #bookstore #primary .mod_entries h4 { font-size: 12px; line-height: 16px; color: #666; margin: 10px 0 5px 0; } #bookstore #primary .mod_entries p { font-size: 10px; line-height: 14px; color: #999; margin-bottom: 5px; } #bookstore #primary .mod_entries a { color: #169AD8; text-decoration: none; } #bookstore #primary .mod_entries a:hover { text-decoration: underline; } #bookstore #primary .mod_entries.enlarge h4, #bookstore #primary .mod_entries.listing h4 { font-size: 14px; line-height: 17px; margin-bottom: 14px; } #bookstore #primary .mod_entries.listing p { font-size: 12px; line-height: 16px; color: #444; } /* Entries Tools */ #bookstore #primary .mod_entries_tools { font-size: 11px; line-height: 16px; background: #EEE; border-bottom: 1px solid #fff; padding: 7px 5px; margin: 0 0 10px 0; overflow: hidden; } #bookstore #primary .mod_entries_tools label { color: #666; display: inline-block; margin-right: 8px; } #bookstore #primary .mod_entries_tools select { font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #bookstore #primary .mod_entries_tools a.subscribe { background-color: #ddd; padding: 2px 6px 0 6px; margin: 0 0 0 2px; text-decoration: none; color: #666; float: right; display: block; /* CSS3 */ opacity:0.8; filter: alpha(opacity=80); } #bookstore #primary .mod_entries_tools a.subscribe:hover { /* CSS3 */ opacity:1.0; filter: alpha(opacity=100); } /* Landing Page */ #bookstore #primary.landing_page .mod_entries > li { padding: 7px 11px; } #bookstore #primary.landing_page .mod_entries.enlarge > li { padding: 10px 12px; } /* Abstract */ #bookstore #primary .mod.abstract { padding: 20px; border-top: 1px dotted #9BC9DD; } #bookstore #primary .mod.abstract p { font-size: 12px; line-height: 16px; margin-bottom: 16px; } /* ------------------------------------------- Sidebar ------------------------------------------- */ #bookstore .sidebar .collection { overflow: hidden; } #bookstore .sidebar .collection .mod_title { cursor: pointer; background: #169AD8; position: relative; z-index: 3000; } #bookstore .sidebar .collection .mod_title h2 { margin-right: 20px; width: 160px; overflow: hidden; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } /* text-overflow: ellipses is not supported by Mozilla */ #bookstore .sidebar .collection .mod_title h2.shrink { font-size: 12px; } #bookstore .sidebar .collection img.icon { width: 160px; height: 160px; margin: 10px; z-index:1;} #bookstore .sidebar .collection h3 { font-size: 11px; line-height: 14px; font-weight: bold; color: #1F4166; border-top: 1px dotted #9BC9DD; border-bottom: 1px dotted #9BC9DD; padding: 5px 0; } #bookstore .sidebar .collection h3 a { color: #1F4166; text-decoration: none; } #bookstore .sidebar .collection h3 a:hover { color: #169AD8; } #bookstore .sidebar .collection a.subscribe { font-size: 10px; text-decoration: none; color: #9BC9DD; float: right; } #bookstore .sidebar .collection a.subscribe a:hover { text-decoration: underline; } #bookstore .sidebar .user .mod_title { cursor: pointer; background: #E5AC1B; position: relative; z-index: 3000; } #bookstore .sidebar .user .mod_title h2 { margin-right: 20px; width: 160px; overflow: hidden; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } /* text-overflow: ellipses is not supported by Mozilla */ #bookstore .sidebar .user .mod_title h2.shrink { font-size: 12px; } #bookstore .sidebar .user img.icon { width: 160px; height: 160px; margin: 10px; z-index:1;} #bookstore .sidebar .search { margin: 20px 0; position: relative; } #bookstore .sidebar .search form label { display: none; } #bookstore .sidebar .search form input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px #CCC solid; box-sizing: border-box; -moz-box-sizing: border-box; padding: 4px 30px 4px 4px; width: 100%; } #bookstore .sidebar .search form input.blur { color: #AAA; } #bookstore .sidebar .search form input[type=submit] { width: 24px; height: 24px; padding: 4px; display: block; background: #CCC url('../_img/sprite.png') repeat-x -64px -1474px; position: absolute; right: 0; top: 0; box-sizing: border-box; -moz-box-sizing: border-box; } #bookstore .sidebar .search form input[type=submit]:hover { background-color: #169AD8; } #bookstore .sidebar .mod { margin: 40px 0; clear: both; } #bookstore .sidebar .mod:first-child { margin: 0 ; } #bookstore .sidebar .mod h3 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #169AD8; margin: 0 0 2px 0; } #bookstore .sidebar .mod h3 a { text-decoration: none; color: #169AD8; } #bookstore .sidebar .mod ul { border-top: 1px solid #9BC9DD; } #bookstore .sidebar .mod ul li { font-size: 11px; color: #000; border-bottom: 1px dotted #9BC9DD; min-height: 23px; padding: 6px 0 0 0; overflow: hidden; white-space: nowrap; /* CSS 3 */ text-overflow: ellipsis; } /* text-overflow: ellipses is not supported by Mozilla */ #bookstore .sidebar .mod ul li a { color: #1F4166; text-decoration: none; } #bookstore .sidebar .mod ul li img.icon { width: 25px; height: 25px; vertical-align: -50%; margin: -4px 4px 0 0; float: left; } #bookstore .sidebar .mod a.view_all { font-size: 10px; text-decoration: none; color: #9BC9DD; float: right; }