@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'proximaBold'; src: url('../media/fonts/proximanova-bold-webfont.eot'); src: url('../media/fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../media/fonts/proximanova-bold-webfont.woff') format('woff'), url('../media/fonts/proximanova-bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proximaLight'; src: url('../media/fonts/proximanova-light-webfont.eot'); src: url('../media/fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'), url('../media/fonts/proximanova-light-webfont.woff') format('woff'), url('../media/fonts/proximanova-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proximaRegular'; /* proxima_regular */ src: url('../media/fonts/proximanova-regular-webfont.eot'); src: url('../media/fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../media/fonts/proximanova-regular-webfont.woff') format('woff'), url('../media/fonts/proximanova-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'proximaSemibold'; src: url('../media/fonts/proximanova-semibold-webfont.eot'); src: url('../media/fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../media/fonts/proximanova-semibold-webfont.woff') format('woff'), url('../media/fonts/proximanova-semibold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ~ ~ RESET ~ ~ */ html, body { height: 100%; } body { margin: 0; padding: 0; } ul, li { list-style: none; } p { margin: 0; } img { border: none; } a { color: #6189c0; } a:hover { } * { border: 0;} .clear { clear: both; } .fb_iframe_widget iframe { margin-top: 5px !important; width: 298px !important; height: 50px !important; } .note-comments .fb_iframe_widget iframe, #popupRegistrationInfo .fb_iframe_widget iframe { width: 100% !important; height: 100% !important; } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section, pre { display:block; } .m-center { width: 729px; margin: 20px auto 0 auto; } /* ~ ~ REUSABLE ~ ~ */ .text-center { text-align: center; } /* ~ ~ LINKS ~ ~ */ .breadcrumbs { margin-bottom: 10px; } /* ~ ~ top ~ ~ */ .facebook-btn { display: block; float: right; margin-right: 10px; padding-top: 1px; width: 73px; height: 20px; color: #fff; font-weight: normal; font-family: 'proximaSemibold' ; text-align: center; line-height: 20px; font-size: 12px; text-decoration: none; } .facebook-btn { position: relative; color: #ffffff; } .facebook-btn:hover { text-decoration: underline; } .register-btn { border-top: -1px; -webkit-box-shadow: inset 0px 1px 0 #a6c24e; box-shadow: inset 0px 1px 0 #a6c24e; position: relative; display: block; border-radius: 5px; float: right; padding-top: 1px; width: 90px; height: 19px; color: #fff; font-weight: normal; font-family: 'proximaSemibold' ; text-align: center; line-height: 19px; text-shadow: 1px 1px 1px #768e16; font-size: 12px; text-decoration: none; background: #96b12b; /* Old browsers */ background: -moz-linear-gradient(top, #96b12b 0%, #7d9712 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96b12b), color-stop(100%,#7d9712)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #96b12b 0%,#7d9712 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #96b12b 0%,#7d9712 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #96b12b 0%,#7d9712 100%); /* IE10+ */ background: linear-gradient(to bottom, #96b12b 0%,#7d9712 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96b12b', endColorstr='#7d9712',GradientType=0 ); /* IE6-9 */ } .register-btn:hover { text-decoration: none; text-shadow: 1px 1px 1px #FCEFA4; color: #322F0A; background: #ffed4b; /* Old browsers */ background: -moz-linear-gradient(top, #ffed4b 0%, #e0bd1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed4b), color-stop(100%,#e0bd1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffed4b 0%,#e0bd1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed4b', endColorstr='#e0bd1d',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0 1px 0 #ffeb2d; box-shadow: inset 0 1px 0 #ffeb2d; } /* ~ ~ grey-btn ~ ~ */ .grey-btn { float: right; padding: 0 13px; height: 29px; background: #fff; display: block; color: #192200; font-size: 1.16em; font-weight: normal; font-family: 'proximaSemibold'; text-decoration: none; line-height: 29px; border: 1px solid #cecece; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; } .grey-btn:hover {background: #f6f6f6; text-decoration: none; } /* ~ ~ green-big-btn ~ ~ */ .small-green-btn, #static-content input.small-green-btn, .submit.small-green-btn, .first-content > .main #static-content .static .button.small-green-btn, #popupAddNote input.small-green-btn, /* A/B */ small-green-btn.yellow-register:hover { float: left; padding: 0 15px; width: auto; height: auto; font-weight: normal; color: #fff; font-size: 14px; text-decoration: none; border: 1px solid #608003; -webkit-box-shadow: 0px 1px 0px #bdbdbd; box-shadow: 0px 1px 0px #bdbdbd; text-shadow: 1px 1px 1px #647a04; text-align: center; padding: 4px 10px; font-family: 'proximaSemibold'; border-radius: 5px; background: #9bb514; /* Old browsers */ background: -moz-linear-gradient(top, #9bb514 0%, #6d900d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bb514), color-stop(100%,#6d900d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9bb514 0%,#6d900d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9bb514 0%,#6d900d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9bb514 0%,#6d900d 100%); /* IE10+ */ background: linear-gradient(to bottom, #9bb514 0%,#6d900d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bb514', endColorstr='#6d900d',GradientType=0 ); /* IE6-9 */ } .mini-green-btn:hover, .small-green-btn:hover, #static-content input.small-green-btn:hover, .submit.small-green-btn:hover, .first-content > .main #static-content .static .button.small-green-btn:hover, #popupAddNote input.small-green-btn:hover { width: auto; border: 1px solid #cbba16; text-decoration: none; text-shadow: 1px 1px 1px #FCEFA4; text-decoration: none !important; color: #322F0A; background: #ffed4b; /* Old browsers */ background: -moz-linear-gradient(top, #ffed4b 0%, #e0bd1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed4b), color-stop(100%,#e0bd1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffed4b 0%,#e0bd1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed4b', endColorstr='#e0bd1d',GradientType=0 ); /* IE6-9 */ } .small-green-btn:hover .special-free {color: #322F0A;} .special-free { color: #fff; } .popup a.small-green-btn, a.small-green-btn, .shortcol a.small-green-btn, .total-col .tops a.small-green-btn { color: #fff; } .popup a.small-green-btn:hover, a.small-green-btn:hover, .shortcol a.small-green-btn:hover, .total-col .tops a.small-green-btn:hover { color: #322f0a; } /* green-btn */ .action-btn { border: 1px solid #608003; color: #fff; font-family: 'proximaSemibold'; font-size: 14px; border-radius: 5px; text-decoration: none; padding: 10px 15px; line-height: 25px; background: #9ab413; /* Old browsers */ background: -moz-linear-gradient(top, #9ab413 0%, #608003 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9ab413), color-stop(100%,#608003)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9ab413 0%,#608003 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9ab413 0%,#608003 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9ab413 0%,#608003 100%); /* IE10+ */ background: linear-gradient(to bottom, #9ab413 0%,#608003 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ab413', endColorstr='#608003',GradientType=0 ); /* IE6-9 */ } .action-btn:hover { border: 1px solid #cbba16; text-decoration: none; text-shadow: 1px 1px 1px #FCEFA4; text-decoration: none !important; color: #322F0A; background: #ffed4b; /* Old browsers */ background: -moz-linear-gradient(top, #ffed4b 0%, #e0bd1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed4b), color-stop(100%,#e0bd1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffed4b 0%,#e0bd1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed4b', endColorstr='#e0bd1d',GradientType=0 ); /* IE6-9 */ } /* mini-green-btn */ .mini-green-btn { padding: 0 10px; border-radius: 15px; border: 1px solid #5e7f00; float: left; height: 24px; line-height: 24px; color: #fff; font-size: 12px; font-family: 'proximaSemibold'; display: block; text-decoration: none; text-shadow: 1px 1px 1px #647A04; background: #87ae13; /* Old browsers */ background: -moz-linear-gradient(top, #87ae13 0%, #719b0b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87ae13), color-stop(100%,#719b0b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #87ae13 0%,#719b0b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #87ae13 0%,#719b0b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #87ae13 0%,#719b0b 100%); /* IE10+ */ background: linear-gradient(to bottom, #87ae13 0%,#719b0b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87ae13', endColorstr='#719b0b',GradientType=0 ); /* IE6-9 */ } .list-download-note { float: left; width: 55px; } .notes-list .list-download-btn { position: absolute; right: 3px; bottom: 6px; border-radius: 3px; background: #8ca80f; border: 1px solid #608003; color: #fff; text-decoration: none; box-shadow: inset 0 1px 2px #b4cae8; -webkit-box-shadow: inset 0 1px 2px #b4cae8; padding: 2px 3px; float: left; width: 97px; margin: 23px 0 0 5px; } .notes-list .list-download-btn:hover { text-decoration: none; background: #7e9700; } .notes-list .list-download-btn:active { box-shadow: inset 0 1px 2px #000; -webkit-box-shadow: inset 0 1px 2px #000; } /* double-text btn */ .double-text-btn { position: relative; float: left; background: #a3bf11; /* Old browsers */ background: -moz-linear-gradient(top, #a3bf11 0%, #729904 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3bf11), color-stop(100%,#729904)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a3bf11 0%,#729904 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a3bf11 0%,#729904 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a3bf11 0%,#729904 100%); /* IE10+ */ background: linear-gradient(to bottom, #a3bf11 0%,#729904 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3bf11', endColorstr='#729904',GradientType=0 ); /* IE6-9 */ border-radius: 25px; height: 50px; width: 280px; border: 1px solid #5E7F00; box-shadow: 0 1px 2px #777777; -webkit-box-shadow: 0 1px 2px #777777; } .double-text-btn:hover {border: 1px solid #cbba16; /* Old browsers */ background: -moz-linear-gradient(top, #ffed4b 0%, #e0bd1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed4b), color-stop(100%,#e0bd1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffed4b 0%,#e0bd1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed4b', endColorstr='#e0bd1d',GradientType=0 ); /* IE6-9 */ } .double-text-btn a { position: absolute; top: 0; padding: .2% 9%; height: 100%; float: left; display: block; font-size: 2.08em; font-family: 'proximaSemibold'; text-shadow: 1px 1px 1px #647A04; text-decoration: none; color: #fff; } .double-text-btn span { margin-top: 28px; text-align: center; display: block; clear: both; font-size: 1.33em; color: #fff; } .double-text-btn:hover a, .double-text-btn:hover span { text-decoration: none; text-shadow: 1px 1px 1px #FCEFA4; color: #322F0A; } /* ~ ~ big-green-btn ~ ~ */ .big-green-btn, .step .step-content a.big-green-btn { text-decoration: none; -webkit-box-shadow: 1px 1px 1px #8b8b8b; box-shadow: 1px 1px 1px #8b8b8b; text-shadow: 1px 1px 1px #647a04; color: #fff; font-size: 2.08em; font-family: 'proximaRegular'; border-radius: 25px; padding: 10px 15px; text-align: center; background: #9bb514; /* Old browsers */ background: -moz-linear-gradient(top, #9bb514 0%, #6d900d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bb514), color-stop(100%,#6d900d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9bb514 0%,#6d900d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9bb514 0%,#6d900d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9bb514 0%,#6d900d 100%); /* IE10+ */ background: linear-gradient(to bottom, #9bb514 0%,#6d900d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bb514', endColorstr='#6d900d',GradientType=0 ); /* IE6-9 */ } .big-green-btn:hover, .step .step-content a.big-green-btn:hover { text-decoration: none; text-shadow: 1px 1px 1px #FCEFA4; text-shadow: 1px 1px 1px #FCEFA4; color: #322F0A; background: #ffed4b; /* Old browsers */ background: -moz-linear-gradient(top, #ffed4b 0%, #e0bd1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed4b), color-stop(100%,#e0bd1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffed4b 0%,#e0bd1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed4b', endColorstr='#e0bd1d',GradientType=0 ); /* IE6-9 */ } /* ~ ~ black-btn ~ ~ */ .black-big-btn { float: left; border-radius: 25px; background: #57534c; /* Old browsers */ background: -moz-linear-gradient(top, #57534c 0%, #35322c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57534c), color-stop(100%,#35322c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #57534c 0%,#35322c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #57534c 0%,#35322c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #57534c 0%,#35322c 100%); /* IE10+ */ background: linear-gradient(to bottom, #57534c 0%,#35322c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57534c', endColorstr='#35322c',GradientType=0 ); /* IE6-9 */ } a.black-big-btn { display: block; padding: 10px 15px; border: 1px solid #49443d; color: #fff; font-size: 1.3em; text-decoration: none; text-shadow: 1px 1px 1px #3a3631; font-family: 'proximaSemibold'; } .black-big-btn:hover { color: #322f0a; border: 1px solid #cbba16; text-decoration: none; text-shadow: 1px 1px 1px #FCEFA4; text-decoration: none !important; color: #322F0A; background: #ffed4b; /* Old browsers */ background: -moz-linear-gradient(top, #ffed4b 0%, #e0bd1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed4b), color-stop(100%,#e0bd1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffed4b 0%,#e0bd1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed4b', endColorstr='#e0bd1d',GradientType=0 ); /* IE6-9 */ } /* ~ ~ black-btn ~ ~ */ .black-btn, #popupLogin input.button.black-btn, #popupUser input.black-btn , #popupForget a.black-btn{ float: left; width: auto; padding: 0 15px; border-radius: 5px; height: auto; background: #57534c; /* Old browsers */ background: -moz-linear-gradient(top, #57534c 0%, #35322c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#57534c), color-stop(100%,#35322c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #57534c 0%,#35322c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #57534c 0%,#35322c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #57534c 0%,#35322c 100%); /* IE10+ */ background: linear-gradient(to bottom, #57534c 0%,#35322c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57534c', endColorstr='#35322c',GradientType=0 ); /* IE6-9 */ } .black-btn span input, .black-btn span a, #popupLogin input.button.black-btn, #popupForget a.black-btn { display: block; height: 25px; border: none; color: #fff; font-size: 12px; text-decoration: none; text-shadow: 1px 1px 1px #3a3631; line-height: 25px; font-family: 'proximaSemibold'; } .black-btn:hover, #popupLogin input.button.black-btn:hover { color: #322f0a; border: 1px solid #cbba16; text-decoration: none; text-shadow: 1px 1px 1px #FCEFA4; text-decoration: none !important; color: #322F0A; background: #ffed4b; /* Old browsers */ background: -moz-linear-gradient(top, #ffed4b 0%, #e0bd1d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffed4b), color-stop(100%,#e0bd1d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffed4b 0%,#e0bd1d 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffed4b 0%,#e0bd1d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffed4b', endColorstr='#e0bd1d',GradientType=0 ); /* IE6-9 */ } /* Activation */ .no-activated { margin-bottom: 15px; position: relative; top: 5%; left: 50%; width: 650px; margin-left: -325px; z-index: 2; padding: 10px 15px; border: 1px solid #792C2C; border-radius: 5px; background: #9a3b45; color: #fff; } .no-activated h2 { margin: 0 0 10px 0; padding: 0; } .no-activated p { font-size: 14px; display: block; } .no-activated p:last-of-type { margin-top: 5px; } /* ~ ~ LAYOUT ~ ~ */ body { overflow-y: scroll; position: relative; font-family: 'proximaRegular'; font-size: 0.75em; background: #fff url(../media/top-light.png) repeat-x; } input:focus { outline: none; } strong { font-weight: bold; } #main-container { overflow: hidden; width: 100%; background: #fff; } #main-container.subpage { background: url(../media/paper-light-lines.jpg) repeat-x; } .total-col { width: 100%; } .content { margin: 0 auto; position: relative; overflow: hidden; } .first-content { margin-bottom: 15px; } .main-column { clear: both; float: left; width: 748px; position: relative; } .main-column h2 { font-size: 1.75em; font-family: 'proximaSemibold'; } .main-column h2 a { text-decoration: none; } .main-column table h2 { font-size: 14px; } .full-column { clear: both; float: left; width: 100%; padding-bottom: 20px; } .first-content #sidebar-left { float: left; margin-top: 25px; margin-left: 10px; overflow: hidden; } .shortcol #sidebar-left { float: right; } #center { width: 100%; } .first-content > .main { float: right; margin-top: 25px; } .main-column .first-content#content { width: auto; min-width: auto; } h2 { margin: 10px 0; } h4 { font-size: 18px; margin: 0 0 10px; font-family: 'proximaSemibold'; font-weight: normal;} #messageItems { padding: 0; margin: 0 10px 10px 10px; } .box.logged { position: absolute; right: 0; top: 0; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -215px; } .wrapper.small-footer { margin: 0 auto -157px; } .page-header { margin-bottom: 20px; font-size: 24px; color: #4c4b4b; font-weight: normal; font-family: 'proximaSemibold'; } /* ~ ~ TOP ~ ~ */ /* HEADER */ header .logo.min-logo { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); margin-top: -1%; } .top-panel { z-index: 901; top:0; height: 90px; width: 100%; height: 30px; border-bottom: 1px solid #efefef; background: #292929; } .logo { float: left; opacity: .85; margin: 2% 0 0 70px; width: 130px; height: 90px; background: url(../media/logo.png) no-repeat; background-size: 130px; text-indent: -998em; } .logo a { display: block; height: 100%; width: 100%; } nav { float: left; } nav ul { position: relative; margin: 0; width: 365px; height: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; padding-left: 10px; } nav ul.min-menu { padding: 0; } nav li { text-align: center; float: left; padding: 0 1.5%; display: block; } nav a { -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; -ms-transition: all .6s; transition: all .6s; display: block; font-family: 'proximaSemibold'; color: #bbb; font-size: 12px; text-decoration: none; line-height: 30px; } nav a:hover { color: #fff; } nav a.active { color: #fff; } nav a.add-notes { color: #f6d436; } nav a.add-notes:hover { color: #ffb400; } .user-active-btns { float: right; margin-top: 5px; position: relative; } h1 { margin: 0 0 5px 0; font-size: 21px; } h1 span { font-family: 'studioScript'; font-size: 1.34em; } .top-search { height: 110px; background: #ededed; border-bottom: 1px solid #ddd;} .best-search { float: left; margin: 2px 0 0 5px; font-size: 11px; font-family: arial, verdana, sans-serif; } .best-search a:hover { text-decoration: none; } .best-search li { display: inline; } .best-search li:after { content: ", "; } .best-search li:last-child:after { content: ""; } .header-search { position: relative; float: left; margin: 13px 0 0 35px; overflow: hidden; width: 670px; padding: 3px; } .top-search-label { font-size: 19px; color: #4c4b4b; margin-bottom: 8px; margin-left: 10px; font-family: 'proximaRegular'; } /*.header-search .icon-search { top: 7px; left: 14px; width: 12px; height: 13px; position: absolute; }*/ .mini-search-input { float: left; width: 80%; min-width: 540px; font-size: 16px; font-family: 'proximaRegular'; height: 30px; padding: 0 20px 0 10px; border: 1px solid #b6b6b6; border-radius: 3px; color: #494949; box-shadow: 0 2px 2px #fff, 0px 0px 3px #a2a2a2; -webkit-box-shadow: 0 2px 2px #fff, 0px 0px 3px #a2a2a2; background: #fcfcfc; /* Old browsers */ } .header-search .mini-search-input:focus { background: #fff; border: 1px solid #8b8b8b; } .search-submit-btn .submit { display: block; width: 88px; height: 32px; font-weight: normal; font-family: 'proximaRegular'; font-size: 14px; margin-left: 5px; padding-left: 17px; border-radius: 5px; border: 1px solid #305e99; box-shadow: inset 0 1px 0 #b2c6e7, 0 1px 1px #fff, inset 0 -1px 2px #2b4b77; -webkit-box-shadow: inset 0 1px 0 #b2c6e7, 0 1px 1px #fff, inset 0 -1px 2px #2b4b77; background: #6999da; /* Old browsers */ background: -moz-linear-gradient(top, #6999da 0%, #4273b6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6999da), color-stop(100%,#4273b6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6999da 0%,#4273b6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6999da 0%,#4273b6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6999da 0%,#4273b6 100%); /* IE10+ */ background: linear-gradient(to bottom, #6999da 0%,#4273b6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6999da', endColorstr='#4273b6',GradientType=0 ); /* IE6-9 */ } .search-submit-btn .submit:hover { background: #4585d8; /* Old browsers */ background: -moz-linear-gradient(top, #4585d8 1%, #195cb5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4585d8), color-stop(100%,#195cb5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4585d8 1%,#195cb5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4585d8 1%,#195cb5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4585d8 1%,#195cb5 100%); /* IE10+ */ background: linear-gradient(to bottom, #4585d8 1%,#195cb5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4585d8', endColorstr='#195cb5',GradientType=0 ); /* IE6-9 */ } .search-submit-btn .submit:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.10); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.10); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.35), 0 1px 2px rgba(0, 0, 0, 0.10); } .search-submit-btn { float: left; position: relative; } .search-icon { position: absolute; float: left; display: block; content: ''; width: 14px; height: 16px; background: url(../media/search-ico.png) no-repeat; left: 12px; top: 8px; } /* advert top */ #advert-top { clear: both; margin: 0 auto; width: 728px; } /*#advert-top { clear: both; margin: 10px auto 14px auto; width: 728px; border: 4px solid #E4E4E4; }*/ /* advert sidebar */ #baner-konkurs { width: 300px; margin: 5px auto 10px auto; border: 4px solid #e4e4e4; } /* Cookie law */ #notatekpl_cookielaw { display:none; width: 730px; height: 80px; background: #ededed; border-radius: 10px; color: #525252; margin: 20px auto 10px auto; padding: 10px; position: relative; } #notatekpl_cookielaw h4 { margin: 0 0 5px 0; font-size: 16px; } #notatekpl_cookielaw p { font-size: 12px; line-height: 15px; } #notatekpl_cookielaw a { color: #525252; } /* ~ ~ MAIN PAGE ~ ~ */ .main { clear: both;} .center { position: relative; margin: 0 auto; width: 1077px; } .action-bar { height: 30px; } .hide { text-indent: -998em; height: 0; margin: 0; } h1.mp-title { text-align: center; margin: 30px 0 10px; font-family: 'proximaLight'; font-weight: normal; font-size: 26px; } .main-header { margin-bottom: 15px; } .mp-logo { float: left; margin: 15px 50px 0 50px; text-indent: -998em; background: url(../media/logo.png) no-repeat; width: 250px; height: 110px; } .mp-logo a { display: block; height: 100%; } .wrap-headers { float: left; width: 450px; } .main-page-search { position: relative; padding-top: 75px; margin-top: -15px; margin-bottom: 15px; height: 205px; background: #eee; box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; padding-bottom: 2px; border-bottom: 1px solid #fff; } .main-page-search h2, .main-page-search h3 { float: left; font-weight: normal; } .main-page-search h2 { margin: 0 0 7px 0; font-size: 30px; } .main-page-search h3 { font-size: 16px; margin: 0;} .main-page-search .goto-search { text-decoration: none; } .main-page-search .goto-search:hover { text-decoration: underline; } .main-page-search .search { float: left; margin-top: 10px; } .main-page-search .mini-search-input { float: left; width: 70%; min-width: 360px; font-size: 16px; font-family: 'proximaRegular'; height: 31px; padding: 0 20px 0 10px; border: 1px solid #b6b6b6; border-radius: 3px; color: #494949; box-shadow: 0 2px 2px #fff, 0px 0px 3px #a2a2a2; -webkit-box-shadow: 0 2px 2px #fff, 0px 0px 3px #a2a2a2; background: #fcfcfc; /* Old browsers */ } .main-page-search .mini-search-input:focus { background: #fff; border: 1px solid #8b8b8b; } .main-page-search .best-search { float: left; clear: both; } .about { padding: 20px 35px; font-family: 'proximaLight', Arial, sans-serif; font-size: 16px; line-height: 21px; color: #181818; background: #f0f0f0; box-shadow: inset 0 2px 0 #fbfbfb, 0 2px 0 #b0b0b0; -webkit-box-shadow: inset 0 2px 0 #fbfbfb, 0 2px 0 #b0b0b0; border-radius: 5px; margin-bottom: 15px; } .about p { display: block; margin-bottom: 15px; text-align: justify; position: relative; padding-left: 80px; } .about p.about-icon:before { margin: 10px 15px 10px 0; display: block; position: absolute; top: 0; left: 0; width: 64px; height: 64px; background: url(../media/about-icons.png) no-repeat; content: ''; } .about p.about-question:before { background-position: 0 -64px } .about p.about-help:before { background-position: 0 -128px } .about .about-cta { padding-left: 0; text-align: center; font-size: 18px; padding-top: 15px; border-top: 1px dotted #999;} /* s-02 */ .s-02 { position: relative; padding-top: 1%; clear: both; height: 770px; padding-bottom: 20px; } .s-02:after { display: block; position: absolute; width: 100%; bottom: -10px; height: 43px; background: url(../media/s-03-bot.png) repeat-x; content: ''; } h2.mp-header { margin: 0; font-size: 2.333em; clear: both; font-family: 'studioScript'; font-weight: normal; } h2.mp-header .em { font-size: 1.21em; font-weight: bold; } .student-comment { float: left; margin: 3% 5%; width: 160px; } .student-comment img { width: 160px; height: 160px; border-radius: 50%; } .student-comment p { font-family: 'proximaRegular'; font-size: 1.16em; } .student-comment p span.quote { font-style: italic; } .student-comment p span.name { font-family: 'proximaSemibold'; } .center-btn { position: relative; left: 50%; margin-left: -162px; } .mp-notes { margin-top: 2%; clear: both; } .mp-notes .yellow-notes { margin: 25px 3% 0 3%; width: 25%; } .mp-notes .yellow-notes-wrapper { overflow: hidden; clear: both; margin-bottom: 25px; } .mp-notes .yellow-notes .bottom { width: 300px; } .mp-notes .yellow-notes .middle { min-height: 0; } #main-notes { overflow: hidden; } #main-yellow-notes h3, #latest-notes-wrapper > h3 { font-weight: bold; font-size: 1.75em; margin: 25px 0 24px 0; } #main-yellow-notes { overflow: hidden; width: 980px; float: left; } #main-yellow-notes .see-all { float: right; margin: 10px 20px 0 0; padding-right: 10px; font-size: 1.25em; font-weight: bold; background: url(../media/black-arrow.png) 100% 6px no-repeat; } #main-yellow-notes .see-all a { text-decoration: none; color: #222; } #main-yellow-notes .grey-btn { float: left; } .yellow-notes { float: left; margin-right: 5px; width: 317px; border: 1px solid #D6D5D5 ; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .yellow-notes .top { position: relative; padding: 13px 14px 0 14px; height: 92px; background: url(../media/note-view-header.jpg) repeat-x; } .yellow-notes h4 { min-height: 70px; padding-left: 33px; margin: 0; font-size: 1.25em; background: url(../media/note-grey-icon.png) 4px 7px no-repeat; text-shadow: 1px 1px 1px #fceea8; line-height: 16px; } .yellow-notes h4 a { color: #313131; text-decoration: none; font-weight: normal; text-shadow: 1px 1px 0 #fff; font-family: 'proximaSemibold'; font-size: 18px; } .yellow-notes .top .added { position: absolute; right: 10px; bottom: 33px; color: #584f2c; font-family: Georgia; font-style: italic; font-size: 1em; } .yellow-notes .middle { position: relative; margin-top: -15px; min-height: 101px; padding: 10px 20px 25px 20px; background: url(../media/yellow-note-net.png) repeat; } .yellow-notes .middle .label { margin: 5px 0; font-size: 1.08em; color: #515151; } .yellow-notes .middle .title { margin: 5px 0; font-size: 1.08em; font-family: 'proximaSemibold'; line-height: 16px; } .yellow-notes .middle .title a { color: #000; text-decoration: none; } .yellow-notes .middle .verified { position: absolute; top: 0px; right: 15px; } .yellow-notes .bottom { padding: 0; margin-top: 0; border: none; border-top: 1px solid #d6d5d5; background: #fff; width: 317px; height: 44px; } .yellow-notes .bottom .grey-btn { margin: 7px 0 0 8px; } .yellow-notes .bottom .grey-arrow { float: right; margin: 14px 5px 0 0; width: 20px; } /*s-03*/ .s-03 { overflow: hidden; padding-bottom: 2%; clear: both; } .schools-logo {margin: 4% auto 5% auto; overflow: hidden; width: 980px; overflow: hidden; } .school-logo { float: left; width: 20%; text-align: center; } .school-logo img { } .school-logo a { width: 80%; margin: 0 auto; display: block; clear: both; font-size: 14px; font-family: 'proximaLight'; text-decoration: none; } .school-logo a:hover { text-decoration: underline; } .school-logo span { float: left; width: 100%; text-align: center; } .mp-list { margin-top: 2%; overflow: hidden; background: #f0f0f0; border-radius: 5px; border: 1px solid #e4e4e4; box-shadow: inset 0 2px 0 #fbfbfb, 0 2px 0 #b0b0b0; -webkit-box-shadow: inset 0 2px 0 #fbfbfb, 0 2px 0 #b0b0b0; } .mp-list h4 { margin: 15px 0 0 5px; font-size: 15px; font-family: 'proximaSemibold'; color: #181818; text-transform: uppercase; } .mp-list-3 { float: left; width: 31%; padding-right: 15px; padding-left: 10px; border-right: 1px solid #e2e2e2; border-left: 1px solid #fff; } .mp-list-3:first-child { padding-left: 10px; border-left: 0; } .mp-list-3:last-child { padding-right: 0; border-right: 0; } .mp-list-3 ul, .mp-list-6 ul { padding: 0; } .mp-list-3 li, .mp-list-6 li { overflow: hidden; padding-left: 6px; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; } .mp-list-3 a, .mp-list-6 a { float: left; display: block; padding: 4px 0; font-family: 'proximaSemibold'; color: #6a6a6a; text-decoration: none; } .mp-list-3 span, .mp-list-6 span { float: left; line-height: 25px; margin-left: 4px; color: #6a6a6a; } .mp-list-3 li:hover a, .mp-list-6 li:hover a { text-decoration: underline;} .align-right { margin-right: 2%; float: right; } .mp-list-6 { float: left; width: 14.6%; margin-right: 2%; } .mp-list-6:last-child { margin-right: 0; } /* ~ ~ facebook ~ ~ */ .facebook { margin: 0 auto 35px auto; width: 82px; height: 20px; } /* ~ ~ POPUPS ~ ~ */ .ui-widget-content > .popup { } .popup { position: fixed; top: 20%; background: #f2f2f2; border: 1px solid #c8c6c6; border-radius: 5px; } .popup .popupHeader { border-bottom: 1px solid #cacaca; } .popup h4 { margin: 5px 0 5px 0; padding-left: 15px; font-weight: normal; font-family: 'proximaLight'; font-size: 1.83em; } .labels span.req { float: right; display: block; color: #e30707; } .labels { overflow: hidden; float: left; padding: 10px 0; width: 200px;} .labels span { display: block; float: left; } .labels label span { line-height: 32px; } .inputs { position: relative; float: left; min-height: 100%; } .popup fieldset { overflow: hidden; border: none; padding: 0; margin: 0; } .popup form table { width: 737px; list-style: none; overflow: hidden; margin: 0; padding: 0; } .closePopup { position: absolute; top: -20px; right: -20px; display: block; width: 42px; height: 42px; text-indent: -998em; background: url(../media/close-popup.png) no-repeat; } .label-col { width: 200px; border-right: 1px dotted #ccc; } .first-row td { border-top: none; } .submit { font-size: 1.25em; border: none; color: #fff; cursor: pointer; border: 1px solid #D5D5D5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block; float: left; height: 30px; width: 300px; } .cancel { margin-right: 25px; text-decoration: none; float: left; margin-right: 15px; color: #000; font-size: 1.08em; line-height: 30px; } #addNoteForm .cancel { color: #525252; } .input-info { display: block; margin: 5px 0 10px 0; width: 100%; float: left; color: #8f8f8f; font-size: 12px; } .error { border: 1px solid #e93b3b; } .error-info { position: absolute; top: 20px; right: 40px; color: #e01c1c; font-family: 'proximaSemibold'; font-size: 12px; } #popupFree { padding: 0 45px; } #popupFree p { color: #5C5C5C; font-family: 'proximaRegular' ; font-size: 1.16em; } #popupFree .small-green-btn { margin: 10px 20px; } /* ~ ~ addnote ~ ~ */ #popupAddNote form tr td { padding: 0 10px; border-top: 1px dotted #ccc; font-size: 1.16em; font-family: 'proximaRegular'; } #popupAddNote form tr td.label-col { padding: 0 23px; } #popupAddNote form tr td.label-col .labels > span { width: 32px; height: 33px; text-indent: -998em; background: url(../media/popup-numbs.png) no-repeat; } #popupAddNote form tr:first-child td { border-top: none; } #popupAddNote form tr td label { display: block; float: left; padding: 0 0 0 15px; text-align: left;} #popupAddNote form tr td input { display: block; float: left; border: 1px solid #cacaca; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 300px; color: #525252; font-size: 13px; height: 22px; } #popupAddNote form tr td input.error { border: 1px solid #e93b3b; } #popupAddNote form tr td div.checkbox { overflow: hidden; padding: 10px 0; } #popupAddNote form tr td div.checkbox input { width: auto; } #popupAddNote form tr td div.checkbox ul { width: 375px; float: left; list-style: none; margin: 0; padding: 0; } #popupAddNote form tr td div.checkbox ul li { width: 125px; float: left; overflow: hidden; position: relative; } #popupAddNote form tr td div.checkbox li label { float: right; padding: 0 0 0 5px; width: 99px; height: 26px; line-height: 21px; display: block; text-align: left; } #popupAddNote form tr td div.checkbox li input { opacity: 0; z-index: 700; float: left; list-style: none; border: none; width: 21px; height: 21px; } #popupAddNote form tr td input.choose-file { width: auto; height: 27px; border: 1px solid #d5d5d5; background: url(../media/grey-gradient.png) repeat-x; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family: 'proximaRegular'; cursor: pointer; } #popupAddNote form tr td .submit-container { margin: 0 auto; width: 240px; } #popupAddNote form tr td .submit-wrapper { overflow: hidden; padding: 17px 0; } #popupAddNote form tr td.label-col .labels .first-label { background-position: 0 0; } #popupAddNote form tr td.label-col .labels .second-label { background-position: 0 -32px; } #popupAddNote form tr td.label-col .labels .third-label { background-position: 0 -64px; } #popupAddNote form tr td.label-col .labels .fourth-label { background-position: 0 -96px; } #popupAddNote form tr td.label-col .labels .fifth-label { background-position: 0 -129px; } #popupFree .add-note-col { border-right: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; margin: 10px 0; float: left; width: 300px; } #popupFree .add-friends-col { padding-left: 20px; border-top: 1px dotted #CCCCCC; margin: 10px 0; float: left; width: 320px; } #popupFree .add-note-col .small-green-btn { margin: 15px auto 10px auto; float: left; width: 111px; } #popupFree .add-friends-col .small-green-btn { margin: 15px auto 10px auto; float: left; width: 150px; } #popupFree .free-download-desc { clear: both; } #popupFree .free-download-desc p { width: 280px; } #popupFree .free-download-desc p strong { font-family: 'proximaSemibold'; font-weight: bold; } #popupFree .free-download-desc p strong { font-family: 'proximaSemibold'; font-weight: bold; } .file-input { border: 1px solid #D5D5D5; height: 27px; width: 97px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 27px; text-align: center; font-family: 'proximaRegular'; background: url(../media/file-input-bg.png) repeat-x; color: #424242; font-size: 13px; font-weight: bold; position: absolute; bottom: 0; right: 31px; } #popupAddNote .upload-item input.file-url { cursor: pointer; padding: 0 0 0 5px; font-size: 13px; height: 27px; margin-top: 1px; width: 280px; } #popupAddNote .upload-item { height: 30px; } #popupAddNote .upload { position: absolute; top: 0; left: 0; margin-top: 4px; z-index: 700; opacity: 0; } .status-checkbox { width: 21px; height: 21px; background: url(../media/checkbox.png) no-repeat; position: absolute; top: 0; left: 0; text-indent: -998em; } .status-checkbox.unchecked { background-position: 0 -22px; } .download-offer { font-weight: bold; font-size: 16px; text-transform: uppercase; text-decoration: none; margin-top: 10px; display: block; background: #CF3232; width: 184px; color: #fff; padding: 10px 15px; text-align: center; border-radius: 5px; border: 1px solid #973232; } /* ~ ~ new-acc ~ ~ */ #popupNewAcc fieldset { padding-left: 15px; } #popupNewAcc ul { float: left; list-style: none; width: 350px; margin: 0; padding: 0; } #popupNewAcc ul li { overflow: hidden; margin: 9px 0; } #popupNewAcc ul li label { float: left; padding-right: 10px; width: 125px; text-align: right; line-height: 30px; font-family: 'proximaRegular'; font-size: 1.16em; } #popupNewAcc ul li input { display: block; float: left; border: 1px solid #d5d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 200px; height: 30px; } #popupNewAcc .submit { float: right; margin: 0 10px 10px 0; width: 160px; } #popupNewAcc .submit-wrapper { clear: both; padding: 10px 0 0 0; overflow: hidden; border-top: 1px solid #e5e5e5; } #popupNewAcc #terms { margin: 0 auto; width: 300px; } #popupNewAcc #terms ul { overflow: hidden; list-style: none; } #popupNewAcc #terms ul li { overflow: hidden; } #popupNewAcc #terms ul li input { float: left; margin: 0 10px 0 0; width: auto; height: auto; background: none; border: none; } #popupNewAcc #terms ul li label { float: left; font-size: 12px; line-height: 15px; width: 290px; text-align: left; } #registrationForm ul { padding: 0; width: 370px; margin: 0 auto;} #registrationForm ul li { margin: 9px 0 0 0; } #registrationForm .errors { width: auto; } #registrationForm ul li input { display: block; margin: 0 auto; border: 1px solid #9a9a9a; box-shadow: 0 0 3px #A2A2A2; border-radius: 5px; line-height: 20px; width: 220px; height: 22px; } /* ~ ~ login ~ ~ */ #default-login ul { padding: 0; width: 370px; margin: 0 auto; } .login-form { width: 440px; margin: 0 auto; } #popupLogin p { margin: 0; font-size: 1.16em; color: #5c5c5c; font-family: 'proximaRegular' ; } .facebook-login-btn, .facebook-register-btn {overflow: hidden; background: url(../media/facebook-login.png) no-repeat; cursor: pointer; text-indent: -998em; margin-top: -50px; margin-left: 40px; left: 44px; top: 0px; width: 210px; height: 34px; z-index:111; background-size: 210px; } /*.facebook-login-btn:hover { background-position: 0 -50px; }*/ .facebook-register-btn { background: url(../media/facebook-register.png) no-repeat; background-size: 210px; } #facebook-login .login-separator { clear: both; width: 94%; bottom: 16px; text-align: center; margin-bottom: 0; border-bottom: 1px solid #c7c7c7; } #facebook-login .login-separator span { display: block; background: #f2f2f2; position: relative; left: 39%; padding: 0 25px; bottom: -7px; font-family: 'proximaSemibold'; color: #4c4942; font-size: 14px; width: 23px; } #facebook-login { padding: 15px 15px 25px 15px; } .login #facebook-login { padding-top: 0; padding-bottom: 10px; } #facebook-login p { margin-bottom: 10px; } #facebook-login a { display: block; padding: 0 0 0 32px; width: 237px; height: 32px; line-height: 32px; background: url(../media/facebook-login.jpg) no-repeat; color: #fff; text-decoration: none; font-family: 'proximaSemibold'; font-size: 1.25em; } #facebook-login a:hover { background: url(../media/facebook-active-login.png) no-repeat; text-decoration: none !important; } #new-account { overflow: hidden; padding: 15px; border-top: 1px solid #cdcdcd; } #new-account p { font-size: 1.33em; font-family: 'proximaSemibold'; color: #000; } #new-account .small-green-btn { margin: 5px 0; } #f-passwd { font-family: Verdana, sans-serif; } .create-acc { margin: 0 0 5px 10px; display: block; font-family: 'proximaSemibold'; color: #858585; } .create-acc a { color: #6d85ba; } .create-acc a:hover { text-decoration: none; } #default-login ul li { overflow: hidden; margin: 0 0 9px 0; padding: 2px 0; } #popupLogin ul li label { float: left; padding-right: 10px; width: 91px; text-align: right; line-height: 30px; font-family: 'proximaRegular'; font-size: 1.16em; } #popupLogin ul li input { display: block; margin: 0 auto; border-radius: 5px; line-height: 20px; width: 220px; height: 22px; border: 1px solid #9a9a9a; box-shadow: 0px 0px 3px #a2a2a2; } #popupLogin #remember-password { float: left; margin: 0 0 0 102px; width: auto; height: auto; border: none; background: none; } #popupLogin ul li label#remember-password-label { float: left; height: 15px; width: 110px; line-height: 17px; font-size: 1em; } #popupLogin #forget-password { float: left; margin: -5px 0 0 70px; display: block; color: #858585; font-family: 'proximaLight'; } #popupLogin #forget-password:hover { text-decoration: none; } #popupLogin .black-btn, #popup .black-btn { float: right; } #popupLogin .black-btn input, #popup .black-btn { cursor: pointer; height: 34px; width: auto; } #forgetForm { padding: 10px 40px 0 40px; } #forgetForm .small-green-btn { float: right; margin: 0 240px 15px 0; } #popupUser .black-btn { display: block; height: 25px; border: none; color: #fff; font-size: 12px; text-decoration: none; text-shadow: 1px 1px 1px #3a3631; line-height: 25px; font-family: 'proximaSemibold'; margin-right: 60px; margin-bottom: 10px; margin-top: 5px; } #popupContent { padding: 5px 20px; font-size: 1.33em; border-bottom: 1px solid #cdcdcd; } #popupContent a { color: #157acf; font-family: 'proximaRegular'; } #popupContent form a { color: #fff; } #popupContent form a:hover { color: #000; } #popupBottom { overflow: hidden; clear: both; } .popup-download-btn { margin: 10px auto; } #popupBottom a { float: left; margin: 10px 0; display: block; padding: 0 10px; text-decoration: none; border: 1px solid #c3c2c2; height: 30px; line-height: 30px; font-size: 1.25em; color: #2c2c2c; font-family: 'proximaSemibold'; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .popup-download-btn a { float:right; } #popupBottom .popupAddNotes { margin: 10px 15px; border-radius: 15px; } /* ~ ~ NOTE LIST PAGE ~ ~ */ .notes { padding: 0; } .notes-list { border-radius: 5px; } .notes-list .note { position: relative; cursor: pointer; width: 96%; padding: 1.5% 2%; overflow: hidden; background: #f5f5f5; border: 1px solid #dedede; -webkit-transition: .3s background-color; -moz-transition: .3s background-color; -o-transition: .3s background-color; -ms-transition: .3s background-color; transition: .3s background-color; box-shadow: 0px 1px 6px #ccc; margin-bottom: 11px; } .notes-list .note:nth-child(even) { background: #fff; } .notes-list .note:first-child { border-radius: 5px 5px 0 0; } .notes-list .note:last-child { border-radius: 0 0 5px 5px; } .notes-list .note:hover { background: #fff; } .notes-list h2 { margin: 0 0 5px 0; padding: 0 0 5px 0; font-size: 18px; font-family: 'proximaSemibold'; border-bottom: 1px dotted #999; } .notes-list h2 a { display: block; color: #3c6179; text-transform: lowercase; font-family: 'proximaRegular'; font-weight: normal; } .notes-list h2 a:hover { text-decoration: underline; } .notes-list h2 a:first-letter { text-transform: uppercase; } .notes-list .note-data { float: left; width: 220px;} .notes-list .note-data ul { padding: 0; margin: 7px 0 13px 0; } .notes-list .note-data span { display: block; color: #898989; padding: 4px 0; display: block; } .notes-list .note-data span:before { display: block; width: 24px; height: 14px; content: ''; float: left; background: url(../media/notes-list-icons.png) no-repeat; } .notes-list .note-data .list-subject:before { background-position: 0 -22px; } .notes-list .note-data .list-teacher:before { background-position: 0 -34px; } .notes-list .note-data .list-school:before { background-position: 0 -51px; } .list-school:empty { display: none; } aside .notes-list .note { margin-bottom: 6px; box-shadow: 1px 1px 3px #eee; } aside .notes-list .abstract { border-left: 0; } aside .notes-list h2 a { font-family: 'proximaSemibold'; } aside .notes-list .abstract p { font-size: 12px; line-height: 14px; } .notes-list .abstract { float: left; width: 98%; margin: 7px 0 2px 0; padding: 0 0 0 7px; } .notes-list .abstract.short-abstract { width: 280px; } .notes-list .abstract p { font-size: 14px; color: #424242; line-height: 17px; word-wrap: break-word; } .notes-list a { color: #4c4b4b; text-decoration: none; } .notes-list a:hover { text-decoration: underline; } .notes-list .note-data { float: none; width: 100%; border-bottom: 1px dotted #999; } .notes-list .note-data ul { overflow: hidden; } .notes-list .note-data li { float: left; width: 33%; } .notes-list h2 { border-bottom: none; margin: 0; padding: 0; } .notes-list .note-data ul { margin: 7px 0 0 0; } .list-download-note { float: right; width: 106px; } .notes-list .list-download-btn { position: static; top: 0; left: 0; margin: 0; } /* short notes list */ .notes-list.short-list .note-data{ width: 200px; } .notes-list.short-list .abstract { width: 300px; } .similar-notes .notes-list .abstract { margin: 0; } .similar-notes .notes-list .abstract p { line-height: 15px; } .similar-notes h4 a { color: #4c4b4b; text-decoration: none; } /* no items alert */ .no-items { padding: 10px; text-align: center; } /* search page */ .search-label { display: block; float: left; margin-right: 10px; font-size: 12px; line-height: 32px; color: #8a8a8a; font-family: 'proximaSemibold'; } .search-suggest { font-size: 20px; font-family: 'proximaSemibold'; display: block; margin-bottom: 10px; } .notes-count:before { display: block; width: 24px; height: 14px; content: ''; float: left; background: url(../media/notes-list-icons.png) 0 -22px no-repeat; } /* popular search / popular search notes */ .popular-search { margin-top: 15px; } .popular-search ul { padding: 0; } .popular-search li {border-bottom: 1px dotted #ddd; text-transform: lowercase; -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; -ms-transition: .3s all; transition: .3s all; } .popular-search.tags li {border-bottom: 1px dotted #ddd; text-transform: none; } .popular-search li:hover { background: #f2f2f2; } .popular-search li:first-letter { text-transform: uppercase; } .popular-search li:last-child { border-bottom: 0; } .popular-search a { display: block; padding: 3px 0 3px 0; font-size: 12px; text-decoration: none; font-family: 'proximaRegular'; } .popular-search a:before { display: block; width: 24px; height: 14px; content: ''; float: left; background: url(../media/notes-list-icons.png) 0 -22px no-repeat; } .popular-search.tags a:before { background-position: 0 -85px; } .popular-search a:hover { text-decoration: underline; } /* search filters */ .filters { margin-top: 30px; } .filters h5 { margin: 10px 0 5px 0; } .filters ul { padding: 0; margin: 0; height: 221px; overflow-y: scroll; overflow-x: hidden; } .filters li { border: 1px solid #eaeaea; margin: 5px 0; background: #f8f8f8; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; min-height: 21px; overflow: hidden; } .filters li.active, .filters li:hover { background: #5b8ccd; } .filters li.active a, .filters li:hover a { color: #fff; } .filters a { display: block; padding: 6px 0 6px 5px; color: #4c4b4b; font-size: 11px; text-decoration: none; font-family: Verdana, Tahoma, sans-serif; } h5 { font-size: 15px; text-transform: uppercase; font-weight: normal; font-family: 'proximaSemibold'; } h6 { margin: 0 0 10px 0; padding-bottom: 7px; font-size: 16px; font-family: 'proximaSemibold'; font-weight: normal; border-bottom: 1px solid #dedede; } .filters .facets-count { float: right; margin-right: 10px; } .filters .facet { float: left; width: 100%; } /* ~ ~ sidebar ~ ~ */ aside { color: #4c4b4b; } .sidebar { width: 314px; float: left; margin: 17px 0 25px 15px; } .sidebar.auto-width { width: auto; margin: 0; } .sidebar .notes-list h2 { font-size: 14px; font-family: 'proximaSemibold'; } .side { width: 242px; margin: 0 auto 25px; } .mpside { width: 750px; margin: 0 auto; } .viewside { width: 745px; margin: 0 auto 10px; } /* ~ ~ top sidebar ~ ~ */ .top-sidebar { width: 100%; } .top-filter { float: left; width: 33%; } .top-filter .filter-title { float: left; } .top-filter input { clear: both; float: left; } /* aside books */ .books-header { margin-bottom: 25px; margin-top: -15px; } .books { margin-top: -15px; } .books ul { padding: 10px 0; margin: 0; overflow: hidden; border-top: 1px solid #ccc; } .books li { margin-bottom: 3px; } .books ul:last-child { border-bottom: 1px solid #ccc; } .books .book-img { float: left; margin: 0 10px 0 0; } .books img { width: 60px; border: 2px solid #ccc; } .books .book-title { font-weight: bold; font-size: 13px; } .books .book-title a { color: #000; text-decoration: none; } .books .book-title a:hover { text-decoration: underline; } .books .book-price { background: #000; float: left; padding: 5px 10px; border-radius: 3px; color: #fff; } .books .book-price a { text-decoration: none; color: #fff; } /* ~ ~ banner ~ ~ */ .side-banner { padding: 7px; width: 300px; height: 249px; border: 1px solid #d2d2d2; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} .side-banner img { border: 1px solid #d2d2d2; } .suggests > div { position: relative; } .suggests .suggest-item { overflow: hidden; } .suggests > div .close { top: 7px; right: -4px; width: 18px; height: 18px; background: url(/media/change.png) no-repeat; } #question-wrapper .suggests .sbox-edit { width: 150px; } #activity-form .small-green-btn { float: right; } #activity-form .small-green-btn a { height: 33px; width: auto; border: 0; border-radius: 0; } #activity-form #f-question { padding: 5px; width: 595px; } /* ~ ~ promo resultl ~ ~ */ .notes-list .note.promo-result { position: relative; overflow: visible; height: 187px; width: 750px; padding: 0; } .notes-list .note.promo-result img { width: 100%; } .med { width: 645px; } .notes-list .note.promo-result.plusssz { position: relative; padding:1.5% 2%; overflow: visible; height: 165px; width: auto; background: #f5d123; /* Old browsers */ background: -moz-linear-gradient(top, #f5d123 0%, #fdf5d0 78%, #f9e273 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5d123), color-stop(78%,#fdf5d0), color-stop(100%,#f9e273)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5d123 0%,#fdf5d0 78%,#f9e273 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5d123 0%,#fdf5d0 78%,#f9e273 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5d123 0%,#fdf5d0 78%,#f9e273 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5d123 0%,#fdf5d0 78%,#f9e273 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d123', endColorstr='#f9e273',GradientType=0 ); /* IE6-9 */ } .promo-result ul { overflow: hidden; list-style: none; padding: 0 0 5px 0; margin-top: 0; border-bottom: 1px dotted #3f3f3f; } .promo-result li { float: left; width: 33%; line-height: 16px; } .promo-result li:before { float: left; background: url(../media/promo-result.png) no-repeat; display: block; content: ''; height: 16px; } .promo-result li:first-child:before { width: 21px; background-position: -10px 0; } .promo-result li:nth-child(2):before { width: 55px; background-position: 5px -20px; } .promo-result li:nth-child(3):before { width: 40px; background-position: 5px -38px; } .promo-result-link { display: block; } .promo-result span.title { display: block; width: 100%; padding-bottom: 5px; margin-bottom: 5px; color: #e34b08; font-weight: bold; font-size: 26px; } .promo-result p { font-size: 13px; width: 87%; margin: 10px 0; line-height: 18px; } .promo-result p .p { position: relative; left: 15px; top: -1px; } .promo-result .rarrow { position: absolute; right: 227px; bottom: 60px;} .promo-result-image { position: absolute; top: 43px; right: -80px; } .notes-list .promo-result-btn { font-family: 'proximaBold'; display: block; float: right; position: relative; z-index: 2; margin-right: 98px; margin-top: -71px; box-shadow: 2px 2px 5px #b2a66a; padding: 0 15px; font-weight: bold; border-radius: 3px; font-size: 20px; line-height: 30px; height: 30px; color: #eb292a; border: 1px solid #edc46b; background: #fff500; /* Old browsers */ background: -moz-linear-gradient(top, #fff500 0%, #fed200 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff500), color-stop(100%,#fed200)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fff500 0%,#fed200 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fff500 0%,#fed200 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fff500 0%,#fed200 100%); /* IE10+ */ background: linear-gradient(to bottom, #fff500 0%,#fed200 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff500', endColorstr='#fed200',GradientType=0 ); /* IE6-9 */ -webkit-transition: .3s all; -moz-transition: .3s all; -o-transition: .3s all; -ms-transition: .3s all; transition: .3s all; } .notes-list a:hover{ text-decoration: none; } /* ~ ~ NOTE VIEW ~ ~ */ #note-view:first-child { margin-top: 25px; } #note-view .small-green-btn { margin-left: 25px; } #note-view .messageError { display: block; width: 80%; margin: 10px auto; clear: left; } #note-view { position: relative; overflow:hidden; padding-bottom: 15px; margin: 15px 0 10px 0; border: 1px solid #d6d5d5; border-radius: 5px 5px 0 0; } #note-view .browse { margin: 0 14px 0 17px; } #note-view .download-free { float: right; margin-right: 167px; margin-top: 6px; } #note-view-header{ position: relative; border-radius: 5px 5px 0 0; min-height: 75px; border-bottom: 1px solid #ddd; background: #f5f5f5; } #note-view-header h1 { text-transform: lowercase; margin: 0 15px; padding: 0 0 0 8px; height: 33px; font-size: 18px; line-height: 1.8em; text-shadow: 1px 1px 0 #f7f7f7; font-family: 'proximaSemibold'; } #note-view-header h1:first-letter { text-transform: uppercase; } #note-view-header h1.long-title { padding: 0 0 0 8px; font-size: 18px; } #note-view-header h1.pdf { background-position: 0 -98px; } #note-view-header h1.doc { background-position: 0 18px; } #note-view-header h1.zip { background-position: 0 -155px; } #note-view-header h1.jpg { background-position: 0 -40px; } .good-luck { display: block; font-size: 21px; font-family: 'proximaSemibold'; height: 50px; text-align:center; height: 25px; margin-top: 15px; } .thanks-download-like { height: 30px; margin: 5px auto; width: 120px; display: block; } .note-info { margin: 0; padding: 0 0 0 22px; overflow: hidden; } .note-info h2, .note-info h3, .note-info p { float: left; list-style: none; } .note-info h2, .note-info h3, .note-info a, .note-info p { margin: 0 15px 0 0; font-weight: normal; } .note-info p { padding: 5px 0; } .note-info a, .note-info span { font-size: 12px; color: #898989; padding: 4px 0; display: block; text-decoration: none; font-family: 'proximaRegular'; } .note-info a:hover { text-decoration: underline; } .note-info a:before, .note-info p:before, .note-info span:before { display: block; width: 24px; height: 15px; content: ''; float: left; background: url(../media/notes-list-icons.png) no-repeat; } .note-info .list-subject:before { background-position: 0 -22px; } .note-info .list-teacher:before { background-position: 0 -34px; } .note-info .list-school:before { background-position: 0 -51px; } .note-info .note-view-added:before { background-position: 0 -68px; } /* plusssz.promo */ .plusssz-promo-note-view { margin-bottom: 25px; margin-top: 25px; } .plusssz-promo-main-page { text-align: center; } /*#note-view-middle{ overflow: hidden; }*/ .view-note.button.button-small.downloadFree.black-big-btn { padding: 10px 15px; margin: 9px; } #note-view-info { position: relative; float: left; width: 92%; padding: 0 4%; margin: 10px 0; } #note-view-info li { margin-right: 2px; } #note-view-info li:last-child { border-bottom: none; } #note-view-info .note-view-ok { position: absolute; right: 15px; top: 5px; background: url(../media/note-ok.png) no-repeat; width: 73px; height: 74px; } #note-view-info ul { float: left; padding: 5px 0 10px 0; margin: 0 22px; list-style: none; } .download-wrapper { margin-top: 15px; text-align:center; } .download-wrapper .action-btn { position: relative; margin-left: 40px; padding-left: 40px; } .download-wrapper .action-btn:before { position: absolute; top: 8px; left: 10px; display: block; float: left; content: ''; width: 21px; height: 17px; background: url(../media/download-icon.png) no-repeat; } .download-wrapper .action-btn:hover:before { background-position: 0 -18px; } .note-attrs { width: 110px; margin: 10px auto 0 auto; overflow: hidden; } .note-view-added { float: right; margin-right: 10px; margin-top: 3px; color: #898989; } .after-abstract-dl { overflow: hidden; width: 170px; margin: 0 auto 15px auto; } /* captcha */ .captcha-info { float: left; width: 250px; color: #c09853; border: 1px solid #fbeed5; background: #fcf8e3; padding: 5px; margin: 0 0 10px 0; } .alert-info { color: #c09853; border: 1px solid #fbeed5; background: #fcf8e3; padding: 5px; font-size: 14px; font-family: 'proximaSemibold'; } .notice-info { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .center-info { text-align: center;line-height: 18px; padding: 5px 0; } .pull-right{ float: right; margin-right: 25px; } .popup-like { width: 560px; height: 195px; } .popup-like .download-wrapper form { float: none; margin-top: 15px; margin-right: 0; } .popup-like .download-wrapper .action-btn { margin-left: 0; } .popup-col { float: left; width: 279px; margin-top: 21px; position: relative; border-right: 1px solid #ddd; } .popup-col .f-like-logo { float: left; display: block; margin-top: 25px; margin-left: 19px; border: 3px solid #fff; } .popup-col .f-like { float: left; width: 125px; margin-left: 13px; margin-top: 33px; font-size: 28px; font-weight: bold; } .popup-col .ftypo1 { margin-top: 10px; } .popup-col .ftypo2 { width: 125px; margin: 17px auto; display: block; } /* bot slider */ .bot-slider { width: 100%; position: fixed; bottom: -110px; left: 0; height: 110px; box-shadow: -2px -2px 3px #dfdfdf; -webkit-box-shadow: -2px -2px 3px #dfdfdf; background: #fff; z-index: 999; } .bot-slider > div { margin: 0 auto; } .bot-slider a { width: 100%; text-align: center; display: block; } .toggler { display: none; border-radius: 10px 10px 0 0; cursor: pointer; padding-left: 25px; position: absolute; top: -22px; right: 20%; height: 22px; width: 75px; background: #e60600 url(../media/toggler-arrow.jpg) 68px -15px no-repeat; box-shadow: -2px -2px 3px #dfdfdf; -webkit-box-shadow: -2px -2px 3px #dfdfdf; line-height: 22px; color: #fff; font-size: 14px; font-family: 'proximaSemibold'; } #recaptcha_table { clear: both; } .hand-right .p-slogan { float: left; display: block; width: 100%; text-align: center; color: #bd1212; font-family: Verdana, Arial, sans-serif; } .hand-right .slogan-first { text-transform: uppercase; font-weight: bold; top: -55px; font-size: 17px; } .hand-right .slogan-second { } .hand-left { position: absolute; bottom: -17px; left: 610px; z-index: 2;} .free-notes-plusssz { position: absolute; bottom: 25px; right: 25px; float: left; margin: -25px 15px 0 15px } /* captcha */ #recaptcha_widget_div { margin: 15px; } .mode-captcha { float: left; } .downloadNote { position: relative; } .downloadNote .free-down { position: absolute; top: -1px; right: 35px; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -o-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) } .outer-center { float: right; right: 50%; position: relative; } .inner-center { float: right; right: -50%; position: relative; } .clear { clear: both; } /* thanks for download */ .popup-row { overflow: hidden; margin: 0 auto 10px auto; width: 660px; } .popup-half-col { float: left; width: 310px; } .popup-half-col:first-child { margin-right: 20px; } .popup-half-col p { display: block; font-size: 14px; border-top: 1px solid #d2d2d2; } .popup-row:first-child .popup-half-col p { border-top: none; } p.info { border-top: 1px solid #d2d2d2; text-align: center; } .popup-half-col p:before { display: block; float: left; padding-right: 10px; content: " "; width: 40px; height: 40px; background: url(../media/thanks-download.png) no-repeat; } .popup-half-col p.thanks-for-download:before { background-position: 0 2px; } .popup-half-col p.please-add:before { background-position: 0 -37px; } .popup-half-col p.please-share:before { background-position: 0 -78px; } .popup-half-col p.sponsor-info:before { background-position: 0 -117px; } .popup-half-col a.small-green-btn { margin-top: 10px; float: right; } /* waiting note */ #note-waiting { -o-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg); position: fixed; top: 50%; left: -50%; height: 90px; padding-top: 25px; line-height: 25px; width: 200%; text-align: center; color: #fff; z-index: 1000; font-family: 'studioScript'; font-size: 46px; background: #c95151; /* Old browsers */ background: -moz-linear-gradient(top, #c95151 0%, #ba3f3f 25%, #a41e1e 50%, #a41e1e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c95151), color-stop(25%,#ba3f3f), color-stop(50%,#a41e1e), color-stop(100%,#a41e1e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c95151 0%,#ba3f3f 25%,#a41e1e 50%,#a41e1e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c95151 0%,#ba3f3f 25%,#a41e1e 50%,#a41e1e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c95151 0%,#ba3f3f 25%,#a41e1e 50%,#a41e1e 100%); /* IE10+ */ background: linear-gradient(to bottom, #c95151 0%,#ba3f3f 25%,#a41e1e 50%,#a41e1e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95151', endColorstr='#a41e1e',GradientType=0 ); /* IE6-9 */ box-shadow: 0 0 15px rgba(0,0,0,.5); -moz-box-shadow: 0 0 15px rgba(0,0,0,.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); -o-box-shadow: 0 0 15px rgba(0,0,0,.5); } #note-waiting span { font-family: 'proximaRegular'; font-size: 14px; } .note-detail { overflow: hidden; margin: 0 0 20px; background: #fff; z-index: 500; position: relative; top: -1px; box-shadow: 0 0 1px #BDBDBD; -moz-box-shadow: 0 0 1px #BDBDBD; -webkit-box-shadow: 0 0 1px #BDBDBD; } .note-detail > div { width: 633px; } .note-detail > div > h4 { padding: 11px 20px; font-size: 1.58em; font-family: 'proximaSemibold'; border-bottom: 1px solid #E6E6E6; } .note-detail > h4 { font-size: 1.58em; margin: 0; padding: 21px 0 21px 20px; border-bottom: 1px solid #e6e6e6; padding: 0 20px; } /* ~ ~ popular note tab ~ ~ */ .note-detail .popular-note { position: relative; padding-bottom: 10px; margin-bottom: 15px; } .popular-note #book-list { margin: 0 auto; width: 590px; } .popular-note #book-list .result-item { width: 273px; float: left; } .shelf { margin: 0 auto 10px; width: 213px; height: 126px; background: url(../media/book-page-shelf.png) no-repeat; } .shelf img { margin: 0px 0 0 71px; } .popular-note .note .top { width: auto; background: none; height: 51px; border: 0; } .popular-note .note .top h2 a { font-size: 15px; } .note-detail .popular-note-header h2 { margin: 0 10px 0 15px; height: 35px; padding: 16px 0 0 30px; font-size: 1.25em; background: url(../media/popular-note.png) 0 12px no-repeat; } .popular-note ul { margin: 10px 0; padding: 0 0 0 10px; list-style: none; } .popular-note ul li { margin-bottom: 5px; font-size: 1.08em; color: #515151; } .popular-note ul li a { padding-left: 5px; font-family: 'proximaRegular'; color: #000; text-decoration: none; } .popular-note .popular-note-added { position: absolute; bottom: 0; right: 0; } .popular-note .middle { margin-top: -11px; } .popular-note .bottom { margin-top: -15px; margin-left: 6px; width: auto; background: none; border: none; } .popular-note .bottom .abstract { width: auto; border: 0; } .popular-note { width: 320px; } .popular-note .abstract { padding: 0; } .popular-note .abstract p { font-size: 12px; line-height: 14px; padding: 0; } /* ~ ~ abstract ~ ~ */ #note-view .abstract { min-height: 500px; } .abstract { float: left; width: 92%; padding: 0 4%; } .abstract p { padding: 0; font-family: 'proximaRegular'; font-size: 14px; line-height: 22px; color: #333; } .abstract .fragment-info { background-color: #f4f4f4; width: 90%; font-size: 13px; margin: 10px auto; border: 1px dashed #a6a6a6; text-align: center; padding: 7px 0; } .abstract .download-wrapper { text-align: center; } .abstract .download-wrapper form { margin-right: 0; } .abstract .pull-right { margin-right: 0; } .download-wrapper form { float: right; } /* ~ ~ INDEX ~ ~ */ .full-column .pagination-nums{ } /*margin-left: 200px; */ .full-column > h2 { margin: 0 0 14px 0; font-weight: bold; font-family: 'proximaRegular' ; font-size: 1.5em; } .pagination-alpha { overflow: hidden; margin: -10px 0 10px 0; } #alphabet { overflow: hidden; margin: 0 0 0 15px; padding: 0; height: 34px; list-style: none; -webkit-transition: .1s all; -moz-transition: .1s all; -o-transition: .1s all; -ms-transition: .1s all; transition: .1s all; } #alphabet li { float: left; width: 33px; height: 33px; margin: 0 1px; text-align: center; line-height: 33px; } #alphabet li.selected, #alphabet li:hover { background: #4a7bbe; border-radius: 3px; } #alphabet li.selected a, #alphabet li:hover a { color: #fff; } #alphabet li a { display: block; color: #4c4b4b; text-decoration: none; font-size: 18px; font-family: 'proximaSemibold'; } .catalog { float: left; width: 100%; } .catalog-item h2 { font-weight: normal; margin: 0; } .catalog-item { padding-left: 10px; border-bottom: 1px dotted #bbb; -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s; } .catalog-item a { -webkit-transition: all .1s; -moz-transition: all .1s; -o-transition: all .1s; -ms-transition: all .1s; transition: all .1s; } .catalog-item a span { float: right; font-size: 12px; width: 55px; text-align: center; } .catalog-item:before { display: block; width: 5px; height: 5px; color: #4a7bbe; border-radius: 50%; content: '»'; position: relative; top: 15px; } .catalog-item:hover { background: #4a7bbe; } .catalog-item:hover a, .catalog-item:hover:before { color: #fff; } .catalog-item a { display: block; padding: 8px 10px 8px 10px; font-size: 16px; text-decoration: none; color: #4c4b4b; } .catalog-filter { background: #ededed; border: 1px solid #e5e5e5; } .catalog-info { display: none; text-align: center; margin: 15px 0 0 0; } .filter-input { float: right; margin-top: 4px; border:1px solid #ddd; width: 250px; font-size: 16px; font-family: 'proximaRegular'; height: 26px; padding: 0 20px 0 10px; border: 1px solid #999; border-radius: 3px; color: #494949; box-shadow: 0 2px 2px #fff, 0px 0px 3px #a2a2a2; -webkit-box-shadow: 0 2px 2px #fff, 0px 0px 3px #a2a2a2; background: #fcfcfc; } /* ~ ~ CONTACT ~ ~ */ .main-column.longcol { width: 978px; } .main-column.mediumcol { width: 740px; } #static-content { float: right; margin: 25px 0; width: 640px; min-height: 280px; border: 1px solid #d8d7d7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #static-content h1 { font-size: 2.16em; padding: 29px 24px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; font-family: 'proximaSemibold'; color: #313131; } #static-content h1 span { font-size: 12px; display: block; margin-top: 10px; font-family: 'proximaLight'; } #static-content fieldset { border: none; } #static-content ul { list-style: none; } #static-content .middle ul { padding-left: 20px; } #static-content ul li { margin: 10px 0; } #static-content label { float: left; display: block; padding-right: 10px; width: 170px; color: #313131; font-size: 1.16em; font-family: 'proximaRegular'; text-align: right; line-height: 30px; } #static-content input, #static-content select { height: 30px; } #static-content input, #static-content select, #static-content textarea { font-family: Arial; padding: 5px; width: 350px; background: #fff; line-height: 30px; border: 1px solid #d5d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #static-content input[type="checkbox"] { width: auto; } #submit-wrapper { border-top: 1px solid #e5e5e5; } #submit-wrapper .button.small-green-btn { float: right; margin: 15px 230px 15px 0; } /* PROFILE */ .question-box { position: relative; padding: 0 0 10px 0; width: 600px; } .question-box:hover { background: #f0f0f0; } .question-answers.question-box:hover { background: none; } .question-box .author-image { float: left; padding: 7px 7px 0 7px; width: 69px; height: 64px; } .question-box .author-image img { z-index: 800; border-radius: 50%; border: 1px solid #d7d7d7; } .question-box .answer { clear: both; overflow: hidden; width: 100%; } .question-box .answer a { float: right; } .question-box .question-content { float: left; width: 510px; } .question-box .question-content p { margin: 0 0 10px 0; overflow: hidden; line-height: 18px; } .question-box .question-content p:first-child a { font-family: Verdana, Arial, sans-serif; font-size: 15px; color: #202020; font-weight: bold; } .question-box .question-content p.question-author-info { margin: 0 0 5px 0; font-family: 'proximaRegular' ; font-size: 1em; } .question-box .question-content p a.question-author { margin-right: 4px; color: #76a00c; text-decoration: underline; font-family: 'proximaRegular'; font-size: 12px; } .question-box .question-content p a.question-author-school { color: #0e0e0e; text-decoration: none; font-family: 'proximaRegular'; font-size: 12px; } .question-box .question-content p.question-added { display: block; float: left; color: #757674; font-size: 0.91em; font-family: 'proximaRegular' ; } /* edit profile */ #userForm { padding: 10px 0; } #userForm .field-box { padding: 5px 0; border-top: 1px dotted #ccc; margin: 0; } /* messages */ .sort { text-align: right; background: url("../media/step-bg.png") repeat-x; color: #313131; font-size: 1.16em; height: 49px; line-height: 49px; margin: 0; padding-right: 17px; } .sort a { color: #7f9f14; margin: 0 0 0 15px; } .write-with .author-image { background: url("../media/questions-avatar.png") no-repeat scroll 0 0 transparent; float: left; height: 64px; padding: 7px 7px 0; width: 69px; } .write-with .author-image a { margin: 0; } #write-message, #new-message { overflow: hidden; } #write-message .author-image { float: left; margin: 0 0 0 16px; padding: 7px 7px 0 7px; width: 69px; height: 64px; background: url(../media/questions-avatar.png) no-repeat; } #write-message + .sort { text-align: left; } #write-message + .sort a { float: left; } #write-message + .sort .page { float: right; margin-right: 10px; } .box-list .question-box .answer { height: 13px; } .question-box span.answer { background: none; } .back { display: block; margin: 0 0 10px 16px; } #new-message textarea { float: left; margin-bottom: 10px; padding: 5px; width: 505px; border: 1px solid #D5D5D5; border-radius: 5px 5px 5px 5px } #new-message .small-green-btn { float: right; margin-bottom: 10px; margin-right: 20px; } #new-message .small-green-btn .submit { border: 0; height: 33px; width: auto; border-radius: 0; } /* OTHER PROFILE */ #toolbar-header { overflow: hidden; margin-top: 20px; background: url(../media/other-profile-header.png) repeat-x; width: 642px; height: 162px; border: 1px solid #c5c5c5; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #toolbar-header .logo { float: left; width: 125px; height: 122px; padding: 20px; background: #fff; border-right: 1px solid #c5c5c5; } #toolbar-header .info { position: relative; float: left; padding: 19px; width: 432px; height: 130px; } #toolbar-header .info .profile { color: #313131; font-size: 1.83em; text-decoration: none; font-weight: bold; } #toolbar-header .info .year { font-size: 1em; color: #313131; font-style: italic; } #toolbar-header .info .group-school a { color: #6d900b; font-size: 1.08em; } #toolbar-header .info .group-school span { font-size: 1.08em; } #toolbar-header .groups > div { margin: 10px 0; } #toolbar-header .groups > div strong { font-weight: bold; } .groups span { padding-left: 20px; } .group-notes span { display: block; background: url(../media/notes-icon.png) no-repeat; } .group-questions span { display: block; padding-left: 20px; background: url(../media/questions-icon.png) no-repeat; } #toolbar-header .small-green-btn { position: absolute; bottom: 25px; right: 10px; } /* ~ ~ PROFILE SUBJECT ~ ~ */ #profile-middle .result-item { margin: 15px auto; width: 445px; border: 1px solid #e1dfdf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #profile-middle .item-top { padding: 11px 0 4px 5px; border-bottom: 1px solid #e6e6e6; } #profile-middle .item-top h2 { margin: 0; padding: 0 0 0 50px; } #profile-middle h2.subject { background: url(../media/subject-icon.png) 5px 0 no-repeat; } #profile-middle h2.teacher { background: url(../media/teacher-icon.png) 5px 0 no-repeat; } #profile-middle .item-middle { padding: 11px; font-size: 1.08em; overflow: hidden; } #profile-middle .item-middle > span { clear: left; float: left; margin: 3px 0; color: #515151; } #profile-middle .item-middle span strong { color: #000; } #profile-middle .item-middle .small-green-btn { float: right; } /* ~ ~ MY PROFILE ~ ~ */ .my-profile { overflow: hidden; background: #eaeaea; } .my-info h2 { margin: 10px 0 5px 0; font-size: 18px; color: #4c4b4b; font-weight: normal; font-family: 'proximaLight'; } .my-image { float: left; overflow: hidden; margin: 10px; border: 3px solid #fefefe; } .my-image img { float: left; } .options a { display: block; font-size: 15px; text-decoration: none; margin-bottom: 5px; } .options a:hover { text-decoration: underline; } .mini-nav { clear: both; padding: 0; margin: 0; } .mini-nav li { margin: 0; } .mini-nav li:first-child a { border-top: 1px dotted #ccc; } .mini-nav a { display: block; padding: 15px; font-size: 16px; text-decoration: none; color: #4c4b4b; border-bottom: 1px dotted #ccc; } .mini-nav a:hover, .mini-nav li.active a { background: #4a7bbe; color: #fff; } /* ~ ~ PROFILE SETTINGS ~ ~ */ .profile-page { margin-top: 15px; padding: 5px 20px 15px; background: #eaeaea; overflow: hidden; font-size: 14px; color: #4c4b4b; } .profile-page input[type=text], .profile-page input[type=password] { display: block; margin: 0 auto; padding: 5px; border-radius: 5px; line-height: 20px; width: 220px; height: 22px; border: 1px solid #9a9a9a; box-shadow: 0px 0px 3px #a2a2a2; } .profile-page label { line-height: 34px; } .change-email .small-green-btn { float: right; margin: 5px 172px 0 0; } /* ~ ~ LOGGED ~ ~ */ #top-profile.logged { float: right; position: relative; overflow: visible; padding: 0 4px; z-index: 800; } #top-profile.logged:hover { background: #505050; } .logged > div { float: left; color: #fff; font-size: 1.16em; line-height: 30px; font-family: 'proximaRegular' ; } .logged > div > span { font-family: 'proximaSemibold'; } .logged a { color: #fff; text-decoration: none; } .profile-name { margin-right:5px; font-family: 'proximaSemibold'; } .profile-btn { display: block; margin-top: 7px; width: 12px; height: 13px; background: url(../media/user-icon.png) 0 -19px no-repeat; } .profile-menu { cursor: pointer; position: relative; width: 11px; height: 30px; z-index: 300; } .profile-menu ul { display: none; margin-top: 0; position: absolute; top: 31px; left: -137px; padding: 0; width: 151px; background: #f8f7f3; list-style: none; border: 1px solid #ddd; box-shadow: 0 1px 3px #ddd; -webkit-box-shadow: 0 1px 3px #ddd; } .profile-menu ul li { overflow: hidden; } .profile-menu ul li a { float: left; display: block; line-height: 19px; padding-left: 5px; color: #2a2a2a; text-decoration: none; } .profile-menu ul li:hover { background: #eae9e6; } .profile-menu ul li:hover a { color: #000; } .profile-menu ul li > div { float: left; padding: 3px; background: #eae9e6; } .profile-menu ul li img { float: left; } /* ~ ~ PROFILE SETTINGS ~ ~ */ .first-content > .main { padding: 0 2%; width: 96%; margin: 0; } .first-content > .main #static-content { padding: 0; width: 765px; background: #fff; } .first-content > .main #static-content #messageItems { } .first-content > .main #static-content #messageItems li { margin: 0; text-align: center; } .first-content > .main #static-content .static { padding: 38px 48px; } .first-content > .main #static-content .static .button.small-green-btn { float: right; margin-right: 0; } .first-content > .main #static-content .static .info { margin-bottom: 10px; } .first-content > .main #static-content .static .input input { margin: 0 5px 0 0; width: auto; } .first-content > .main #static-content .static label { line-height: 38px; } .first-content > .main #static-content .static .small-green-btn { float: right; margin: 15px 135px 15px 0; } .first-content > .main #static-content .static .button { display: block; color: #fff; font-size: 1.3em; text-decoration: none; text-shadow: 1px 1px 1px #647a04; line-height: 33px; font-family: 'proximaSemibold'; border-radius: 0; border: 0; height: 33px; width: auto; } .first-content > .main #static-content .static .info-small { margin-bottom: 15px; } .first-content > .main #static-content .static .info-small strong { font-weight: bold; } .first-content > .main #static-content h1 { font-size: 2.16em; padding: 29px 24px; } #sidebar-left > .menu { width: 165px; } .first-content > .main #static-content .field-box { margin: 15px 0; } .first-content > .main #static-content .field-box label { width: 200px; } /* ~ ~ STATIC PAGE ~ ~ */ #static-wrapper { overflow: hidden; margin-top: 10px; padding: 25px; background: #fff; margin-bottom: 20px; border: 1px solid #e4e4e4; border-radius: 5px; line-height: 18px; } .static-content { color: #000; font-family: 'proximaRegular' ; font-size: 1.16em; line-height: 18px; } .static-content ul { padding-left: 15px; } .static-content ul li { margin-bottom: 10px; list-style: disc; } .static-content { font-size: 1.33333em; } .static-content h1 { font-weight: 700; font-size: 32px; line-height: 37px; margin-bottom: 21px; } .static-content h2 { font-weight: 700; font-size: 24px; line-height: 27px; margin-bottom: 20px; margin-top: 20px; } .static-content h3 { font-weight: 700; font-size: 19px; line-height: 23px; margin-bottom: 18px; margin-top: 18px; } .static-content h4 { font-weight: 700; font-size: 16px; line-height: 21px; margin-bottom: 21px; margin-top: 21px; } .static-content h5 { font-weight: 700; font-size: 13px; line-height: 16px; margin-bottom: 22px; margin-top: 22px; } .static-content h6 { font-weight: 700; font-size: 11px; line-height: 13px; margin-bottom: 25px; margin-top: 25px; } .static-content p { margin: 16px 0; line-height: 20px; font-weight: 400; font-size: 16px; } .static-content ul, .static-content ol { font-size: 16px; font-weight: 400; line-height: 20px; margin: 16px 0; padding-left: 40px; list-style-type: disc; } .static-content ul li { list-style-type: disc; } .static-content ol { list-style-type: decimal; } .static-content ol li { list-style-type: decimal; } .static-content strong { font-weight: 700; } /* ~ ~ Popular notes widget ~ ~ */ .popular { clear: both; overflow: hidden; padding: 10px 20px; border: 1px solid #ccc; border-radius: 3px; } .popular-label { float: left; width: 155px; padding-top: 5px; height: 40px; border-right: 1px dashed #ccc; } .popular-links { float: left; width: 782px; } .popular-links ul { margin: 0; overflow: hidden; padding-top: 10px; } .popular-links li { float: left; margin: 0 10px 5px 0; } .popular-links a { text-decoration: none; } .popular-links a:hover { text-decoration: underline; } /* ~ ~ PAGINATION ~ ~ */ .pagination-wrapper { height: 34px; border: 1px solid #dedede; font-size: 16px; color: #9d9d9d; background: rgb(233, 233, 233); } .pagination-wrapper .current { display: block; color: #4c4b4b; font-family: 'proximaSemibold'; border-bottom: 1px solid #4c4b4b; } .pagination-wrapper span.current { color: #4c4b4b; } .pagination-wrapper ul { float: left; overflow: hidden; margin: 0; padding: 0; } .pagination-wrapper li { float: left; line-height: 20px; padding-top: 8px; } .pagination-wrapper li.active { background: #4a7bbe; } .pagination-wrapper li.active .current { border-bottom: 1px solid #4c4b4b; color: #fff; } .pagination-wrapper a, .pagination-wrapper input, .pagination-wrapper .current { background: none; display: block; color: #9d9d9d; text-decoration: none; padding: 0 10px 5px 10px; } .pagin { cursor: pointer; } .pagination-wrapper a:hover, .pagination-wrapper input:hover { color: #4c4b4b; border-bottom: 1px solid #4c4b4b; } .outer-pagination { float: right; right: 50%; position: relative; } .inner-pagination { float: right; right: -50%; position: relative; } .pagination-left { width: 90px; } .pagination-right { width: 79px; } .pagination-left, .pagination-right { float: left; margin: 9px 0 0 10px; } /* footer */ .push { height: 215px; clear: both; } .push.small-footer { height: 141px; } footer { height: 190px; overflow: hidden; margin-top: 25px; background: #eee; padding-top: 15px; box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; } footer.small-footer { height: 116px; } footer h5 { margin: 0; padding-top: 1.5%; color: #fff; font-weight: normal; font-family: 'studioScript'; font-size: 2em; text-decoration: none; } footer ul { overflow: hidden; } footer .partners { padding: 0; margin: 0 auto; clear: both; overflow: hidden; } footer .partners li { float: left; margin: 0 20px; } footer .partners li:last-child { margin-right: 0; } footer #footer-menu { clear: both; height: 40px; margin: 0 auto; padding: 0; float: none; line-height: 40px; } footer #footer-menu li { float: left; margin: 0 5px; } footer #footer-menu a { font-family: 'proximaRegular'; color: #1d1d1d; font-size: 12px; text-decoration: none; -webkit-transition: color .4s; -moz-transition: color .4s; -o-transition: color .4s; -ms-transition: color .4s; transition: color .4s; } footer #footer-menu a:hover { text-decoration: underline; } footer #footer-copy { clear: both float: none; width: 550px; text-align: center; margin: 0 auto; font-family: 'proximaLight'; } footer #footer-copy a:hover { text-decoration: none; } .footer-info { font-family: 'proximaLight'; line-height: 17px; } .mixpanel { display: block; width: 114px; margin: 5px auto 0 auto; } .first-content #content { margin-top: -10px; overflow: visible; } .fyear { display: block; } @media all and (max-width: 1024px) { #top-profile { width: 330px !important; margin-top: 14px !important; } #top-profile .profile-menu { margin-top: -6px; } .mp-list-6:last-of-type { display: none; } footer .partners li { margin-right: 2%; } .mp-list-6 { width: 18%; } .logged > div { margin-left: 2px; } .student-comment { margin: 3% 4%; } } /* ~ ~ POPUPS ~ ~ */ .field-box { overflow: hidden; margin-top: 15px; } .field-box label { float: left; width: 180px; display: block; padding-right: 20px; text-align: right } .sex-box { float: left; width: 180px; display: block; padding-right: 10px; text-align: left } .field-box .field { float: left; border: 1px solid #CCC; width: 250px; } .field-box textarea { height: 100px; } form .button { cursor: pointer; } .field-box .errors { margin: 22px 0 0 160px; list-style: none; color: #DD2800; } .errors { color: #DD2800; font-weight: normal; font-family: 'proximaSemibold' } .field-item { float: left; } .field-item .field { float: none; } .field-box .info { font-size: 11px; color: gray; display: block; margin-left: 4px; } .field-item .field-checkbox { width: 200px; font-size: 13px; margin: 2px 0; float: left; } .field-item .field-checkbox input { float: none; } .field-item .field-checkbox label { float: none; display: inline; margin-left: 5px; padding: 0; } .popup { text-align: left; } .popup h2 { font-size: 1.83em; font-weight: bold; margin: 0 0 10px 15px; } .popup .errors { background: #f2dede; border: 1px solid #eed3d7; color: #b94a48; line-height: 27px; display: none; padding: 3px 10px; position: absolute; right: 65px; top: 0px; width: 151px; z-index: 2001; } .popup .errors li { padding: 0 3px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } #registrationForm .errors li { margin: 0; } .popup .errorIco { cursor: pointer; background: url("../media/icons.png") no-repeat scroll 0 -512px transparent; display: block; height: 20px; position: absolute; right: 45px; text-indent: -9999px; top: 6px; width: 20px; } .hasError { position: relative; } #popupAddnote { padding-bottom: 15px; } #popupAddnote .errors { margin: 0; } #popupAddnote .button { } #popupAddnote .menu ul { float: right; } #popupAddnote .field-buttons { overflow: hidden; margin-left: 200px; margin-top: 10px; } #popupAddnote .field-buttons .submit { } #popupAddnote .field-box textarea { height: 200px; width: 395px; } #popupAddnote .field-section { float: left; margin-top: 7px; padding-top: 3px; } #popupAddnote .menu { border-bottom: 2px solid #F3F2F1; color: gray; height: 31px; } #popupAddnote .menu li { background: url("../media/buttons.png") no-repeat scroll -848px 0 transparent; color: black; float: left; height: 31px; margin: 0 2px; padding: 6px 0 0 6px; width: 155px; } #popupAddnote .menu li span { background: url("../media/step-nr-bg-off.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 24px; padding-left: 7px; width: 24px; } #popupAddnote .menu li.selected span { background: url("../media/step-nr-bg.png") no-repeat scroll 0 0 transparent; } #popupAddnote #step2 { margin: 0 auto; width: 600px; } #popupAddnote #step2 .info { margin: 0; } #popupAddnote #step2 label { text-align: left; width: 210px; } #popupAddnote .counter-box { color: gray; font-size: 12px; margin-left: 4px; } #popupAddNote .upload-item { margin: 0 0 5px 0; width: 341px; overflow: hidden; position: relative; } #popupAddNote .upload-item input { width: 285px; color: #525252; } #popupAddNote .upload-close { float: left; background: url("../media/delete-btn.png") no-repeat; display: block; height: 28px; width: 27px; margin-top: 2px; margin-left: 26px; } #popupAddNote .errorIcon { background: url("../media/icons.png") no-repeat scroll 0 -512px transparent; color: #DD2800; float: left; font-weight: bold; margin: 4px; padding-left: 25px; } #popupAddNote .loader-box { text-align: center; } #popupAddNote .loader { margin: 20px 0; width: 800px; } #popupAddNote .advert { margin-bottom: 20px; } #popupAddNote .suggest-item { display: none; } #popupAddNote .field-box { width: 470px; } #popupAddNote .field-box .text { border: 1px solid #A6BF8B; float: left; margin: 0 0 0 5px; padding: 4px; width: 230px; } #popupAddNote span.add-info { clear: both; float: left; color: #85B746; font-size: 11px; font-weight: bold; margin: 1px 0 0 4px; } #popupAddNote .gift-info h1 { font-size: 140%; } #popupAddNote .gift-info strong { font-weight: bold; } #popupUser form { margin: 0 auto; width: 370px; font-size: 14px; color: #5C5C5C; } #popupUser form .small-green-btn { float: right; margin: 10px 10px 15px 0; } #popupUser .photoContainer { overflow: hidden; } #popupUser .photoContainer #my-image { margin: 10px 15px 0 95px; } #popupUser .small-green-btn { float: right; margin: 10px 250px 15px 0; } #popupUser .small-green-btn a { width: auto; border: 0; border-radius: 0; height: 33px; } #popupUser strong { font-weight: bold; } #popupUser p { color: #818181; font-size: 14px; margin-bottom: 10px; text-align: center; } #popupUser .field-box { margin: 0; padding-right: 25px; position: relative; } #popupUser label { color: #231F20; float: left; padding-right: 10px; text-align: right; width: 160px; } #popupUser #birth_year { width: 91px; } #popupUser #birth_month { width: 60px; } #popupUser #birth_day { width: 60px; } #popupUser div.info { line-height: 24px; margin: 23px; font-size: 14px; font-family: proximaSemibold; color: #363636; } #popupUser span.info { margin: 1px 0 0 175px; } #popupUser .submit { clear: both; display: block; } #popupUser .line-submit { clear: both; display: inline-block; margin: -5px auto 5px; padding-top: 9px; } #popupUser .checkbox { overflow: hidden; } #popupUser .checkbox input { border: 0 none; float: left; margin-top: 6px; margin-left: 60px; width: 14px; } #popupUser .checkbox label { display: block; line-height: 15px; padding-right: 0; text-align: justify; width: 250px; line-height: 15px; margin-left: 5px; margin-top: 5px; font-family: 'proximaSemibold'; color: #858585; font-size: 12px; } #popupUser .checkbox .rules { font-size: 8pt; margin-top: 40px; overflow: auto; text-align: justify; width: 500px; } #popupUser .photoContainer .photo { float: left; width: 100px; } #popupUser .photoContainer form { float: left; } #popupUser .photoContainer .description { margin-bottom: 20px; } #popupUser .photoContainer .input-info { color: gray; display: block; font-size: 11px; margin: 0; padding-left: 5px; } #popupUser .field-box .suggest-item { display: none; positioN: absolute; top: 0; left: 115px; width: 235px; } #popupUser .sbox { position: relative; } #popupUser .field-box .text { float: left; margin: 0 0 0 5px; padding: 4px; width: 185px; } #popup div.column-left { float: left; padding: 0 10px 10px; width: 209px; } #popup div.column-left a { margin: 10px 0 0; } #popup div.column-right { float: left; padding-bottom: 10px; padding-left: 10px; width: 220px; } #popup input, #popup select, #popup textarea { background: #fdfdfd; border: 1px solid #d5d5d5; padding: 4px; width: 230px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #popup #add-logo { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid #D5D5D5; border-radius: 3px 3px 3px 3px; margin: 0 0 0 5px; padding: 4px; width: 280px; } #popup .photoContainer { padding: 0 20px; } #popup .field-checkbox input { border: 0 none; width: auto; } #popup .loading { margin: 0 auto; height: 50px; text-align: center; width: 400px; } #popupLogin .box { overflow: hidden; } .messageError { width: 100%; padding: 5px 0; font-size: 14px; font-family: 'proximaSemibold'; text-align: center; background: #f2dede; border: 1px solid #eed3d7; color: #b94a48; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .messageError:empty { display: none; } #popupLogin .forget { float: right; font-size: 12px; padding-top: 7px; } #popupLogin { color: #231F20; text-align: left; } #popupLogin label { float: left; padding-right: 2px; text-align: right; width: 50px; } #popupLogin input { width: 140px; } #popupLogin .button { border: 0 none; float: right; margin: 0; padding-top: 12px; } #popupLogin input.button { float: none; padding-top: 0; display: block; height: 34px; padding: 0 0 4px 0; border: none; color: #fff; font-size: 1.3em; text-decoration: none; text-shadow: 1px 1px 1px #647a04; line-height: 34px; font-family: 'proximaSemibold'; } #popupLogin input.button.black-btn { float: right; margin-right: 69px; } #popupLogin .errors { margin-left: 60px; } #popupLogin .registration { clear: both; overflow: hidden; padding: 10px 0 0 40px; } #popupLogin .registration p { float: left; line-height: 44px; } #popupLogin .registration .button { clear: none; float: left; margin: 0 0 0 10px; } #popupRegistrationInfo div.columns { overflow: hidden; } #popupRegistrationInfo { font-size: 14px; color: #5C5C5C; } #registrationWrapper { padding: 0 45px; } #popupRegistrationInfo .column-right .small-green-btn { margin-left: 70px; } #popupRegistrationInfo .foot { font-weight: bold; margin-bottom: 15px; text-align: center; } #popupRegistrationInfo .columns .column-left { width: 270px; } #popupRegistrationInfo .columns .column-right { width: 270px; } #popupRegistrationInfo .columns .bottom { padding-top: 25px; } #popupRegistrationInfo .head { margin: 20px 0; text-align: center; } #popupRegistrationInfo .head .button { display: inline-block; margin-left: 10px; } #popupRegistrationInfo .register-button { margin: 10px auto; width: 147px; } #popupRegistrationInfo .register-button a { height: 20px; line-height: 10px; margin: 14px auto 0; width: 135px; } #popupRegistrationInfo .register-button a:hover { border-color: #0095C6; text-decoration: none; text-shadow: -1px -1px 0 #0095C6; } #popupForget { width: 370px; height: 160px; } #popupForget p { display: block; line-height: 17px; margin-top: 5px; color: #5C5C5C; font-family: 'proximaRegular' ; font-size: 1.16em; margin: 0; } #popupForget .field-box { float: left; overflow: visible; height: 25px; } #popupForget .errorIco { right: -120px; top: 2px; } #popupForget info { padding: 0 45px;margin-bottom: 10px; color: #5C5C5C; font-family: 'proximaRegular' ; font-size: 1.16em; } #popupForget label { float: left; text-align: right; width: 200px; } #popupForget input { float: left; margin-left: 10px; font-family: Verdana, sans-serif; border: 1px solid #d5d5d5; border-radius: 5px; height: 22px; padding: 4px; width: 230px; } #popupForget .submit { float: left; padding-top: 5px;margin-top: 19px; margin-left: 5px; } #popupForget .errorIco { margin-top: 4px; } .popup h4 { padding-left: 14px; } .popupDownload .button-small { margin: 10px 0 20px 100px; } .popupDownload .free-note { padding: 0 20px; text-align: center; } .popupDownload .free-note .notes { padding: 0; margin-top: 0; } .popupDownload strong { font-weight: bold; } .popupDownload .more .button { margin: 20px auto; width: 250px; } .popupDownload .more p { padding: 5px 5px 5px 0; } .popupDownload .more h3 { font-size: 130%; } .popupDownload .more ul.notes li { border-bottom: 1px solid #DDDDDD; height: 35px; clear: both; overflow: hidden; border-right: medium none; margin: 0; padding: 5px 0; } .popupDownload .more ul.notes li:last-child { border-bottom: 0; } .popupDownload .more ul.notes .link { display: inline-block; font-size: 14px; line-height: 40px; font-family: 'proximaSemibold'; color: #000; width: 380px; text-decoration: none; } .popupDownload .more ul.notes .link:hover { text-decoration: underline; } .note .top h2 { margin: 0 0 0 10px; padding-left: 55px; height: 43px; font-size: 1.3em; line-height: 47px; } .popupDownload .more ul.notes .icon { float: left; background: url(../media/note-type-icons.png) 0 no-repeat; margin: 0 0 0 10px; padding-left: 55px; height: 43px; font-size: 1.3em; line-height: 47px; } .popupDownload .more ul.notes .doc { background-position: 0 -221px; } .popupDownload .more ul.notes .pdf { background-position: 0 -295px; } .popupDownload .more ul.notes .zip { background-position: 0 -332px; } .popupDownload .more ul.notes .jpg { background-position: 0 -257px } .popupDownload .more ul.notes h1 { font-size: 17px; width: 430px; } .popupDownload .info { clear: both; padding: 0 10px; color: #5C5C5C; font-size: 12px; margin-bottom: 15px;font-family: 'proximaRegular' ;} #popupContact { width: 500px; } #popupContact .button { margin: 27px 0 0 200px; width: 121px; } #popupContact label { width: 210px; } #popupContact .field-box img { margin-left: 219px; } #popupRules .buttons a { display: block; float: left; height: 34px; margin: 30px 0 0 80px; padding-top: 10px; } #popupRules .buttons .small-green-btn { margin: 0 65px 10px 65px; } #popupRules .buttons .small-green-btn a { float: none; height: 33px; margin: 0; padding: 0; } #popupRules .buttons a.back { padding-top: 13px; } #popupRules .field-box { margin: 0 0 7px; overflow: inherit; padding-right: 0; position: relative; } #popupRules .checkbox { overflow: hidden; } #popupRules .checkbox input { border: 0 none; float: left; margin: 6px; width: 14px; } #popupRules .checkbox label { display: block; line-height: 15px; padding-right: 0; text-align: justify; width: 450px; } #popupRules .checkbox .rules { font-size: 8pt; height: 135px; margin-top: 50px; overflow: auto; text-align: justify; width: 480px; } .blockOverlay { background: rgba(0,0,0,.8); border: medium none; height: 100%; left: 0; margin: 0; padding: 0; position: fixed; top: 0 !important; width: 100% !important; z-index: 1000; } .blockTitle { display: none; background: none repeat scroll 0 0 #F3F2F1; color: #231F20; left: 0; padding: 0 0 10px; position: absolute; text-align: left; top: 0; width: 100%; } .close { display: block; width: 40px; height: 40px; background: url("../media/close-popup.png") no-repeat; display: block; z-index: 1000; position: absolute; top: -20px; right: -20px; text-indent: -9999px; } .blockUI .clear-field { background: url("../media/delete-btn.png") no-repeat; display: block; height: 28px; width: 27px; display: block; float: left; margin-left: 10px; text-indent: -9999px; } .blockMsg { position: absolute !important; } .go-next { margin-left: 15px; } .go-next a { width: auto; color: #fff; border: 0; border-radius: 0; height: 33px; } .ui-autocomplete { position: absolute; cursor: default; text-align: left; padding-left: 10px; max-height: 200px; overflow-y: auto; overflow-x: hidden;} .ui-autocomplete-loading { background: white url('../media/ui-loader.gif') right center no-repeat; } * html .ui-autocomplete { width:1px; } .ui-menu { background-color: #ededed; border: 1px solid #DDD; color: #000; box-shadow: 1px 1px 8px #999; -webkit-box-shadow: 1px 1px 8px #999; } .ui-menu .ui-menu-item { border-bottom: 1px solid #bdbdbd; float: left; clear: left; margin: 0; padding: 0; width: 100%; } .ui-menu-item:nth-child(2n) { background: none repeat scroll 0 0 #f1f1f1; } .ui-menu .ui-menu-item a { cursor: pointer; color: #4c4b4b; font-family: Arial; font-size: 12px; display: block; padding: 5px 10px; } .ui-menu .ui-menu-item a.add-new { color: #3a3a3a; font-weight: bold; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { background-color: #DDD; } .ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all { padding: 0; } /* ~~ ABOUT-US ~~ */ .hide { text-indent: -998em; height: 0; } #about-us { width: 980px; margin: 0 auto; font-family: 'proximaRegular' ; } #about-us h2 { font-size: 37px; font-family: 'studioScript' ; color: #000; font-weight: bold; text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; } #about-us #our-story h3 { font-size: 30px; font-family: 'studioScript'; } /* ~~ idea ~~ */ #idea-wrapper { height: 535px; position: relative; } #idea-wrapper .student { position: absolute; } #idea-wrapper .student-container { overflow: hidden; } #idea-wrapper .student h4 { font-size: 23px; color: #000; } /* ~~ left-box ~~ */ #idea-wrapper .idea-left-box { z-index: 5; width: 410px; min-height: 320px; left: 0; top: 50px; } .quote.left-quote-box { background: url(../media/about/left-cloud.jpg) no-repeat; width: 253px; height: 155px; } .student-wrapper { float: left; } #big-orange-note { float: left; margin: 25px 0 0 15px; } .quote { margin-bottom: 5px; float: left; font-size: 13px; clear: both; } .idea-left-first-p { padding: 30px 0 0 20px; width: 200px; } .idea-left-second-p { padding: 35px 0 0 25px; width: 200px; } #orange-arrow { position: absolute; right: 0; top: -5px; } #mini-orange-note { position: absolute; left: 400px; top: 155px; } /* ~~ right-box ~~ */ #idea-wrapper .idea-right-box { z-index: 5; width: 460px; right: 0; top: 50px; } #idea-wrapper .idea-right-box .student-wrapper { float: right; } #big-blue-note { margin: 25px 0 0 250px; } .quote.right-quote-box { margin-top: -80px; float: right; background: url(../media/about/right-cloud.jpg) no-repeat; width: 257px; height: 175px; } .idea-right-first-p { padding: 23px 0 0 55px; width: 170px; } .idea-right-second-p { padding: 42px 0 0 20px; width: 200px; } #blue-arrow { position: absolute; right: 300px; top: 40px; } #mini-blue-note { position: absolute; left: -35px; top: 155px; } /* ~~ bottom-box ~~ */ #idea-wrapper .idea-bottom-box { z-index: 5; width: 550px; bottom: 0; left: 150px; } #idea-wrapper .idea-bottom-box .student-container { float: left; width: 200px; } #idea-wrapper .idea-bottom-box .student-wrapper { float: left; } #big-red-note { margin: 25px 0 0 20px; } .quote.bottom-quote-box { float: right; background: url(../media/about/bottom-cloud.jpg) no-repeat; width: 340px; height: 175px; } .idea-bottom-first-p { padding: 6px 0 0 35px; width: 280px; } .idea-bottom-second-p { padding: 30px 0 0 50px; width: 250px; } .idea-right-notes { width: 250px; height: 137px; } #red-arrow { position: absolute; right: -50px; top: -138px; } #mini-red-note { position: absolute; left: 425px; top: -13px; } #notepad { position: absolute; top: 225px; left: 335px; z-index: 1; } #notepad #notepad-logo { position: absolute; top: -170px; left: 50px; } /* ~~ OUR STORY ~~ */ #our-story { overflow: hidden; margin: 0 auto; width: 630px; } #timeline { float: left; position: relative; } #timeline-icons { position: absolute; top: 25px; left: 85px; } #timeline .year.first { margin-top: 55px; } #timeline .year { overflow: hidden; margin-top: 5px; height: 200px; } #timeline .year.auto-year { height: auto; } #timeline .year h3 { float: left; } #timeline .year-desc { float: left; margin: 0 0 0 95px; font-family: 'studioScript'; font-size: 24px; } #timeline .year-desc h4 { margin: 0 0 5px 15px; padding-left: 10px; } #timeline .description { width: 380px; height: 122px; padding: 26px 25px 0 25px; font-size: 14px; color: #1d1d1b; font-family: 'proximaRegular' ; background: url(../media/about/timeline-paper-1.jpg) no-repeat; } #timeline .description.other-bg { background: url(../media/about/timeline-paper-2.jpg) no-repeat; height: 233px; } #timeline .description p { width: 355px; line-height: 21px; } #about{ float: left; width: 360px; } #about .member { margin: 0 0 25px 0; padding: 3px 0; overflow: hidden; } #about .member .member-desc { float: left; width: 230px; font-size: 15px; line-height: 18px; } #about .member img { float: right; border: 1px solid #D2D2D2; border-radius: 50% 50% 50% 50%; box-shadow: 0 0 5px #000000; margin-right: 3px } #about-logo { margin: 10px 0 30px 25px; } .nine { background: url(../media/about/header1.jpg) no-repeat; } .ten { background: url(../media/about/header2.jpg) no-repeat; } .eleven { background: url(../media/about/header3.jpg) no-repeat; } .twelve { background: url(../media/about/header4.jpg) no-repeat; } /* ~~ PORADNIK ~~ */ #wrapper { width: 980px; margin: 0 auto; overflow: hidden; } #wrapper > img { margin-left: -83px; } #wrapper a { color: #6C89A7; } /* ~~ header ~~ */ #title-wrapper hgroup { text-align: center; font-family: 'studioScript'; } #title-wrapper h2 { background: url(../media/przewodnik/yellow-ink.png) 152px 5px no-repeat; font-size: 57px; font-weight: normal; text-shadow: 1px 1px 0 #bdbdbd; -moz-text-shadow: 1px 1px 0 #bdbdbd; -webkit-text-shadow: 1px 1px 0 #bdbdbd; } #title-wrapper h3 { padding-left: 230px; background: url(../media/przewodnik/feets.png) 275px 0 no-repeat; font-size: 32px; text-shadow: 1px 1px 0 #bdbdbd; -moz-text-shadow: 1px 1px 0 #bdbdbd; -webkit-text-shadow: 1px 1px 0 #bdbdbd; } /* ~~ nav ~~ */ #guide-nav { background: url(../media/przewodnik/cart-nav.jpg) no-repeat; margin: 15px auto 0 auto; width: 757px; height: 105px; } #guide-nav ul { overflow: hidden; margin-left: 20px; padding: 28px 10px; list-style: none; } #guide-nav ul li { float: left; margin: 0 5px 8px 5px; } #guide-nav ul li.second-line { } #guide-nav ul li.last-step-btn { margin: 0 auto; float: none; clear: both; width: 200px; } #guide-nav ul li a { color: #6c89a7; text-decoration: underline; font-size: 15px; font-family: 'proximaLight'; } #guide-nav #guide-register { margin-left: 55px; } /* ~~ first-chapter ~~ */ #intro { overflow: hidden; margin-bottom: 10px; height: 553px; } #intro p { font-size: 14px; line-height: 18px; } .text-box { float: right; margin: 20px 40px 0 0; width: 300px; color: #000; font-size: 14px; line-height: 20px; } .text-box p { margin-bottom: 8px; } .text-box h2 { line-height: 47px; padding-left: 13px; font-size: 22px; text-shadow: 1px 1px 0 #fcf3d9; -moz-text-shadow: 1px 1px 0 #fcf3d9; -webkit-text-shadow: 1px 1px 0 #fcf3d9; } .text-box .top-box { background: url(../media/przewodnik/note-header.png) repeat-x; border: 1px solid #d9d9d9; border-width: 1px 1px 0; height: 47px; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; } .text-box .middle-box { background: url(../media/przewodnik/paper-lines.png) repeat; margin-top: -1px; padding: 10px 15px; border: 1px solid #d9d9d9; } .screen { float: left; } .text-section { float: left; width: 400px; } .text-section h2 { margin-bottom: 15px; font-size: 25px; font-weight: 600; text-shadow: 1px 1px 0 #bdbdbd; -moz-text-shadow: 1px 1px 0 #bdbdbd; -webkit-text-shadow: 1px 1px 0 #bdbdbd; } .text-section.left-text { margin: 0 0 0 62px; } .text-section.right-text { margin: 0 0 0 60px; } /* ~~ step ~~ */ .step { position: relative; clear: both; margin-bottom: 20px; min-height: 750px; } .payment .step { min-height: auto; } .step header { height: 54px; background: url(../media/przewodnik/step-shadow.jpg) 0 26px no-repeat; } .step header h2 { margin: 0 auto; padding: 0 15px; text-align: center; height: 53px; line-height: 53px; background: url(../media/przewodnik/step-header.jpg) repeat-x; font-family: Arial, Verdana, sans-serif; font-size: 32px; text-shadow: 1px 1px 0 #fcf3d9; -moz-text-shadow: 1px 1px 0 #fcf3d9; -webkit-text-shadow: 1px 1px 0 #fcf3d9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-left: 1px solid #dbba58; border-right: 1px solid #dbba58; } .step .text-box header h2 { text-align: left; line-height: 47px; padding-left: 13px; font-size: 22px; text-shadow: 1px 1px 0 #fcf3d9; -moz-text-shadow: 1px 1px 0 #fcf3d9; -webkit-text-shadow: 1px 1px 0 #fcf3d9; } .step header h2#step1 { width: 420px; } .step header h2#step2 { width: 350px; } .step header h2#step3 { width: 360px; } .step header h2#step4 { width: 360px; } .step header h2#step5 { width: 360px; } .step header h2#step6 { width: 530px; } .step header h2#step7 { width: 380px; } .screen-wrapper { position: relative; float: left; margin-bottom: 10px; } .scroll-down { cursor: pointer; clear: both; padding-top: 25px; text-indent: -998em; height: 54px; background: url(../media/przewodnik/step-shadow.jpg) 0 26px no-repeat;} .scroll-down span { display: block; margin: 0 auto; width: 77px; height: 28px; background: url(../media/przewodnik/grey-big-arrow.jpg) no-repeat; } .up { position: fixed; bottom: 60px; right: 90px; cursor: pointer; z-index: 900; } .step .screen { position: relative; margin-top: 10px; min-height: 630px; min-width: 625px; } .step .screen .screen-glow { float: left; top: 24px; left: 25px; z-index: 500; position: relative; } .step .screen ul { margin: 27px 0 0 24px; list-style: none; position: relative; } .step .screen ul li { position: absolute; top: 0; left: 0; } .step .screen .screen-img { position: absolute; top: 0; left: 0; } .step .screen-frame { float: right; overflow: hidden; position: relative; margin-top: 40px; min-height: 565px; min-width: 625px; } .step .screen-frame ul { margin: 0 0 0 26px; list-style: none; position: relative; } .step .screen-frame ul li { position: absolute; top: 0; left: -25px; } .step .screen-frame-img { } .screens li { display: block; } /* ~~ pagination ~~ */ .guide-pagination { margin: 0 auto; clear: both; overflow: hidden; list-style: none; width: 115px; } .guide-pagination li { float: left; margin: 0 5px; } #wrapper .guide-pagination li.active a { color: #222222; } #wrapper .guide-pagination li a { display: block; font-weight: bold; background: url(../media/przewodnik/guide-pagin.jpg) no-repeat; width: 27px; height: 26px; text-align: center; line-height: 26px; font-family: Arial, Verdana, sans-serif; color: #977416; font-size: 19px; text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; text-decoration: none;} /* ~~ first-step ~~ */ .step1 { height: 831px; } .text-box { position: relative; } .first-step-box { margin-top: 340px; } .step-box-img { position: absolute; bottom: -70px; right: -40px; } /* ~~ second-step ~~ */ .second-step-box { margin-top: 200px; } .guide-hover.second-step.first-screen { right: 10px; top: 90px; } /* ~~ third-step ~~ */ .screen-wrapper.right-side { float: right; margin-bottom: 10px;} .text-box.left-side { float: left; } .third-step-box { margin-top: 370px; } .guide-hover.third-step.first-screen { right: -80px; top: 180px; } /* ~~ fourth-step ~~ */ .fourth-step-box { margin-top: 200px; } .guide-hover.fourth-step.first-screen { bottom: 70px; left: 10px; top: auto; right: auto; } /* ~~ fourth-step ~~ */ .step-box-img.fifth-icon { bottom: -25px; right: -25px; } /* ~~ fifth-step ~~ */ .fifth-step-box { margin-top: 370px; } .guide-hover.fifth-step.first-screen { top: 170px; right: -50px; } /* ~~ sixth-step ~~ */ /* ~~ seventh-step ~~ */ .last-step { margin-bottom: 85px; } .step-box-img.seventh-icon { bottom: -40px; bottom: -40px; } .guide-hover.seventh-step.first-screen { top: 190px; right:10px; } /* ~~ eighth-step ~~ */ .guide-hover.eighth-step.first-screen { top: 120px; right: 60px; } /* ~~ guide-hover ~~ */ .guide-hover { position: absolute; top: 120px; right: -90px; z-index: 200; width: 354px; height: 170px; background: url(../media/przewodnik/guide-hover-box.png) no-repeat; } .guide-hover-img { position: absolute; top: 45px; left: 12px; } .guide-hover-img img { position: absolute; top: 0; left: 0; } /* POPUP REGISTER */ .field-box.checkboxes { clear: both; overflow: hidden; } #popupUser form#registrationForm { overflow: hidden; } #popupUser .registration-checkboxes { clear: both; width: 350px; margin: 0 auto; margin-top: 5px; } #popupUser .registration-checkboxes .checkbox label { height: auto; } #popupUser .registration-checkboxes .rules { width: 640px; } #popup input, #popup select, #popup textarea { width: 185px; margin: 0; } #popupUser label { width: 110px; } #popupUser .registration-checkboxes .field-box { height: auto; overflow: hidden; } #popupUser .field-box { padding-right: 0; overflow: visible; height: 32px; } #popupUser .field-box.last-field-box { margin: 0; } #popupUser label { font-family: 'proximaRegular'; } #popupUser label { height: 26px; line-height: 26px; } #popupUser .field-box label span { color: #c72525; } .field-wrapper { float: left; position: relative; height: 30px; margin-right: 3px; } .field-wrapper .gender-input { width: 175px; } #popupUser .field-wrapper .byear-input { width: 61px; height: 19px; } #popupUser .field-wrapper .year-input{ width: 185px;height: 19px; } #popupUser .field-wrapper .birth-input { width: 49px; height: 19px;} #popupUser .field-wrapper .day-input { width: 50px; height: 19px;} #popupUser .field-wrapper .birth-input.additional { height: 19px; background-position: 90% 0; } #popupUser .field-wrapper .day-input.additional { height: 19px; background-position: 90% 0; } #popupUser .field-wrapper .byear-input.additional { height: 19px; background-position: 90% 0; } #popupUser .field-wrapper .year-input.additional { height: 19px; background-position: 96% 0; } #popup .field-wrapper .additional { position: absolute; top: 0; left: 0; background: url(../media/select-list-icon.png) 96% 0 no-repeat; } #registrationForm #sex { position: relative; z-index: 500; width: 194px; } #registrationForm #birth_year { position: relative; z-index: 500; } #registrationForm #birth_month { position: relative; z-index: 500; } #registrationForm #birth_day { position: relative; z-index: 500; } #registrationForm #year { position: relative; z-index: 500; } #popupUser #birth_year { width: 70px; } #popupUser .field-box.checkboxes { width: 580px; margin: 0 auto 5px auto; } #popupUser .field-box.checkboxes label { width: auto; height: auto; } #popupUser .field-box.checkboxes input { width: auto; height: auto; float: left; margin: 5px 15px 5px 5px; } #popupUser .small-green-btn { font-size: 14px; font-family: 'proximaSemibold'; } .status-checkbox.unchecked { background-position: 0 -22px; } .status-checkbox { background: url("../media/checkbox.png") no-repeat scroll 0 0 transparent; height: 21px; left: 0; position: absolute; text-indent: -998em; top: 0; width: 21px; } .field-box.checkboxes input[type="checkbox"] { position: relative; z-index: 500; opacity: 0; } #registrationForm .field-box.checkboxes label { width: 490px; text-align: left; line-height: 17px; } .more-info-rules { padding-bottom: 10px; display: block; clear:both; line-height: 13px; font-size: 12px; color: #000; } .register-terms-info { font-size: 7pt; padding: 0 60px; } /* 404 page */ .error-page { color: #4c4b4b; text-align: center; font-family: 'proximaSemibold'; } .error-page .past { margin-top: 4px; display: block; font-size: 38px; } .error-page img { margin-top: 25px; } .error-page .code { margin-top: 25px; font-size: 57px; font-family: 'proximaBold'; } .error-page .notfound { margin-top: 15px; font-size: 24px; } .error-page .error-page-info { font-family: 'proximaRegular'; margin-top: 5px; font-size: 14px; line-height: 27px; } .notfound-search { margin: 5px auto 0 auto; width: 375px; } .notfound-search .mini-search-input { width: 250px; min-width: auto; } /* access denied */ .denied { overflow: hidden; width: 615px; font-size: 14px; border: 1px solid #E4E4E4; border-radius: 5px 5px 5px 5px; padding: 10px; } .denied strong { font-size: 14px; font-family: 'proximaSemibold'; } .main-column h1.denied-header, .main-column h2.denied-subheader { text-align: center; font-size: 84px; color: #b84241; font-family: 'studioScript'; } .main-column h2.denied-subheader { font-size: 43px; } .denied .greetings { text-align: center; } .denied ul { list-style: none; } .denied ul li { margin: 5px 0 ; } /* ~~ REKLAMA W SERWISIE ~~ */ .center-content { margin: 0 auto; width: 980px; } /* ~~ SLIDER ~~ */ #slider-container { position: relative; margin: 25px auto 25px auto; width: 925px; height: 275px; background: url(../media/oferta/slider-bg.png) repeat; border: 1px solid #d6d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 1px 1px 1px #f0f0f0; -moz-box-shadow: 1px 1px 1px #f0f0f0; -webkit-box-shadow: 1px 1px 1px #f0f0f0;} .slide { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; } .slide-header { float: left; width: 381px; height: 275px; font-family: 'studioScript'; } .slide-header h2, .slide-header h3 { margin: 0 auto; padding: 0 20px; width: 330px; text-align: center; text-shadow: 1px 1px 1px #fff; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; } .slide-header-left { background: url(../media/oferta/slider-header-bg-left.png) no-repeat; } .slide-header-right { float: right; background: url(../media/oferta/slider-header-bg-right.png) no-repeat; } .slide-header h2 { font-size: 40px; margin: 25px 0 15px 0; } .slide-header h3 { font-size: 29px; } .slide-content { float: left; } .slide-content-right .student { margin: 45px 0 0 20px; } .slide-content-left .student { margin: 45px 0 0 20px; } .speak-cloud { font-family: 'proximaRegular'; position: absolute; top: 30px; padding: 10px; font-size: 14px; color: #fff; width: 350px; min-height: 100px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 5px solid #fff; box-shadow: 0 0 12px #bcbcbc; -moz-box-shadow: 0 0 12px #bcbcbc; -webkit-box-shadow: 0 0 12px #bcbcbc; } .slide-content-right .speak-cloud { right: 40px; } .slide-content-left .speak-cloud { left: auto; left: 140px; } .speak-cloud h3 { font-size: 23px; } #slider li { display: none; } #slider li.active-slide { display: block; } #slider-left-btn, #slider-right-btn { cursor: pointer; z-index: 200; position: absolute; top: 105px; width: 66px; height: 67px; text-indent: -998em; } #slider-left-btn { left: -33px; background: url(../media/oferta/slider-prev.png) no-repeat; } #slider-right-btn { right: -33px; background: url(../media/oferta/slider-next.png) no-repeat; } /* ~~ offer-CONTENT ~~ */ #client-wrapper { overflow: hidden; margin-top: 25px; } #client-offer { float: left; width: 730px; } #client-offer strong { font-family: 'proximaRegular' } .offer-box { position: relative; } .offer-box h3 { padding-left: 15px; font-size: 20px; height: 61px; background: url(../media/oferta/offer-header.jpg) repeat-x; line-height: 48px; text-shadow: 1px 1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff; -webkit-text-shadow: 1px 1px 0 #fff; } .offer-menu { float: left; margin: 0 5px 15px 5px; overflow: hidden; width: 343px; border: 1px solid #d6d5d5; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; font-size: 13px; min-height: 190px; position: relative; } .offer-menu p { padding: 10px; width: 230px; font-family: 'proximaRegular'; } .offer-icon { position: absolute; right: 15px; top: 75px; } /* offer-menu */ .offer-read-more { position: absolute; bottom: 10px; right:5px; margin: 0 5px 5px 0; padding: 6px 9px; color: #fff; text-shadow: 1px 1px 0 #63780e; -moz-text-shadow: 1px 1px 0 #63780e; -webkit-text-shadow: 1px 1px 0 #63780e; text-decoration: none; font-size: 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #9db61c; /* Old browsers */ background: -moz-linear-gradient(top, #9db61c 5%, #6c8d09 65%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#9db61c), color-stop(65%,#6c8d09)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9db61c 5%,#6c8d09 65%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9db61c 5%,#6c8d09 65%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9db61c 5%,#6c8d09 65%); /* IE10+ */ background: linear-gradient(to bottom, #9db61c 5%,#6c8d09 65%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9db61c', endColorstr='#6c8d09',GradientType=0 ); /* IE6-9 */ } .offer-long { width: 697px; } .offer-long p { width: 640px; line-height: 17px; font-family: 'proximaLight'; } .offer-long img { display: block; width: 651px; margin: 15px auto; border: 1px solid #d6d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .offer-long .user-profile { width: auto; border: none; } .offer-long-text, .offer-short-text { overflow: hidden; width: 300px; float: left; } .offer-short-text p { width: 300px; } .offer-long .offer-read-more { font-family: 'proximaRegular'; clear: both; float: left; margin: 5px 0 10px 10px; padding: 6px 18px; } .offer-box { background-repeat: repeat; } .offer-long h4 { padding: 15px 0 5px 10px; font-weight: normal; font-family: 'proximaRegular'; font-size: 20px; border-bottom: 1px dashed #313131; } .offer-more-long { clear: both; float: right; } .offer-more-long p { width: 300px; line-height: 16px; } .offer-more-long .offer-long-more-img { float: left; } .offer-long { width: 697px; padding-bottom: 15px; } .offer-long p { width: 640px; line-height: 17px; font-family: 'proximaRegular'; font-size: 14px; } .offer-long img { display: block; width: 651px; margin: 15px auto; border: 1px solid #d6d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .offer-long .user-profile { width: auto; border: none; } .offer-long-text, .offer-short-text { overflow: hidden; width: 300px; float: left; } .offer-short-text p { width: 300px; } .offer-short-text ul { padding: 10px; } .offer-short-text ul li { float: left; width: 90px; margin: 3px 0; font-family: 'proximaRegular'; } .offer-short-text ul.basic-list li { float: none; width: auto; } .offer-long .ad-read-more { font-family: 'proximaRegular'; clear: both; float: left; margin: 5px 0 10px 10px; padding: 6px 18px; } .offer-ad-box { background-repeat: repeat; } .offer-long h4 { padding: 15px 0 5px 10px; font-weight: normal; font-family: 'proximaRegular'; font-size: 20px; border-bottom: 1px dashed #313131; } .offer-more-long { clear: both; float: right; } .offer-more-long p { width: 300px; line-height: 16px; } .offer-more-long .offer-long-more-img { float: left; } .offer-part { width: 651px; margin: 10px auto; } .offer-part h5 { font-weight: normal; font-size: 16px; font-family: 'proximaRegular'; } .offer-part { width: 651px; margin: 10px auto; } .offer-part h5 { font-weight: normal; font-size: 18px; font-family: 'proximaRegular'; } #partners-logo-list li img { border: none; float: left; width: auto; } /* ~~ offer-contact ~~ */ #offer-contact { float: left; width: 250px; font-size: 14px; } #offer-contact h2 { font-size: 26px; } #offer-contact p { line-height: 16px; font-family: 'proximaLight'; } .slide-content-right .slide-read-more { right: 30px; } .slide-content-left .slide-read-more { right: auto; left: 140px; } /* clouds colors */ .slide-read-more { position: absolute; bottom: 25px; display: block; padding: 5px 13px; color: #000; background: #ffd121; text-align: center; text-shadow: 1px 1px 0 #fff; -moz-text-shadow: 1px 1px 0 #fff; -webkit-text-shadow: 1px 1px 0 #fff; text-decoration: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 5px solid #fff; box-shadow: 0 0 12px #bcbcbc; -moz-box-shadow: 0 0 12px #bcbcbc; -webkit-box-shadow: 0 0 12px #bcbcbc; background: rgb(255,229,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,229,77,1) 0%, rgba(255,193,2,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,229,77,1)), color-stop(100%,rgba(255,193,2,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,229,77,1) 0%,rgba(255,193,2,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,229,77,1) 0%,rgba(255,193,2,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,229,77,1) 0%,rgba(255,193,2,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,229,77,1) 0%,rgba(255,193,2,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe54d', endColorstr='#ffc102',GradientType=0 ); /* IE6-9 */ } .speak-cloud.red { background: rgb(231,55,9); /* Old browsers */ background: -moz-linear-gradient(top, rgba(231,55,9,1) 0%, rgba(193,35,14,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,55,9,1)), color-stop(100%,rgba(193,35,14,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(231,55,9,1) 0%,rgba(193,35,14,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(231,55,9,1) 0%,rgba(193,35,14,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(231,55,9,1) 0%,rgba(193,35,14,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(231,55,9,1) 0%,rgba(193,35,14,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73709', endColorstr='#c1230e',GradientType=0 ); /* IE6-9 */ } .speak-cloud.green { background: rgb(157,208,34); /* Old browsers */ background: -moz-linear-gradient(top, rgba(157,208,34,1) 0%, rgba(132,177,24,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,208,34,1)), color-stop(100%,rgba(132,177,24,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(157,208,34,1) 0%,rgba(132,177,24,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(157,208,34,1) 0%,rgba(132,177,24,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(157,208,34,1) 0%,rgba(132,177,24,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(157,208,34,1) 0%,rgba(132,177,24,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd022', endColorstr='#84b118',GradientType=0 ); /* IE6-9 */ } .speak-cloud.blue { background: rgb(85,134,201); /* Old browsers */ background: -moz-linear-gradient(top, rgba(85,134,201,1) 0%, rgba(61,110,177,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,134,201,1)), color-stop(100%,rgba(61,110,177,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(85,134,201,1) 0%,rgba(61,110,177,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(85,134,201,1) 0%,rgba(61,110,177,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(85,134,201,1) 0%,rgba(61,110,177,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(85,134,201,1) 0%,rgba(61,110,177,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5586c9', endColorstr='#3d6eb1',GradientType=0 ); /* IE6-9 */ } .speak-cloud.orange { background: rgb(240,166,49); /* Old browsers */ background: -moz-linear-gradient(top, rgba(240,166,49,1) 0%, rgba(223,143,58,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,166,49,1)), color-stop(100%,rgba(223,143,58,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240,166,49,1) 0%,rgba(223,143,58,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240,166,49,1) 0%,rgba(223,143,58,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(240,166,49,1) 0%,rgba(223,143,58,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(240,166,49,1) 0%,rgba(223,143,58,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a631', endColorstr='#df8f3a',GradientType=0 ); /* IE6-9 */ text-shadow: 1px 1px 0 #8f621e; -moz-text-shadow: 1px 1px 0 #8f621e; -webkit-text-shadow: 1px 1px 0 #8f621e; } .speak-cloud.pink { background: rgb(201,85,123); /* Old browsers */ background: -moz-linear-gradient(top, rgba(201,85,123,1) 0%, rgba(163,53,112,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,85,123,1)), color-stop(100%,rgba(163,53,112,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(201,85,123,1) 0%,rgba(163,53,112,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(201,85,123,1) 0%,rgba(163,53,112,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(201,85,123,1) 0%,rgba(163,53,112,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(201,85,123,1) 0%,rgba(163,53,112,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9557b', endColorstr='#a33570',GradientType=0 ); /* IE6-9 */ } .speak-cloud.light-blue { background: rgb(57,191,193); /* Old browsers */ background: -moz-linear-gradient(top, rgba(57,191,193,1) 0%, rgba(20,154,166,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,191,193,1)), color-stop(100%,rgba(20,154,166,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(57,191,193,1) 0%,rgba(20,154,166,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(57,191,193,1) 0%,rgba(20,154,166,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(57,191,193,1) 0%,rgba(20,154,166,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(57,191,193,1) 0%,rgba(20,154,166,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bfc1', endColorstr='#149aa6',GradientType=0 ); /* IE6-9 */ } #captchadiv { margin-top: 20px; } #captchadiv .recaptcha_theme_red #recaptcha_response_field { position: relative !important; } #captchadiv .loader { margin: 60px 0 0 165px; } .mode-captcha #captchadiv { float: right; margin-right: 10px; } .mode-captcha .view-note-plusssz { display: none; } /* Oferta */ .offer-page { float: left; color: #494949; font-size: 14px; } .offer-header { font-family: 'proximaLight'; margin: 30px 0; } .offer-header h1 { font-size: 48px; font-weight: normal; margin-bottom: 30px; } .offer-header h2 { font-size: 30px; } .offer-section { width: 420px; border-bottom: 1px dotted #ccc; padding-bottom: 25px; margin-bottom: 20px; } .offer-section:first-of-type { margin-top: 55px; } .offer-section:last-child { border-bottom: none; } .offer-section > strong:first-of-type { font-weight: bold; margin-bottom: 10px; } .offer-section ul { padding: 0; margin: 0 0 0 14px; } .offer-section li { position: relative; display: block; } .offer-section li:before { position: absolute; left: -14px; margin: 3px 0 0 0; content: ''; float: left; background: url(../media/offer-tick.png) no-repeat; width: 9px; height: 9px; } .offer-section .offer-label { font-size: 18px; } .offer-section .offer-value { display: block; font-size: 18px; margin: 5px 0; } .offer-image { display: block; float: right; margin: 65px 25px 0 0; } .offer-contact span { display: block; clear: both; float: left; margin: 0; } .offer-contact strong { float: left; clear: both; } .offer-contact .offer-name { font-size: 14px; font-weight: bold; } .offer-contact .offer-details { font-size: 12px; } .offer-info { float: right; display: block; width: 100%; text-align: right; font-size: 10px; } /*display ibuk*/ /* ibuk */ /* plusssz */ .display { position: relative; width: 728px; border: 1px solid #d0d0d0; height: 100px; font-family: 'proximaBold'; margin-bottom: 10px; } .display.first-v { background: #f6f5f6; /* Old browsers */ background: -moz-linear-gradient(top, #f6f5f6 0%, #e9e9e9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f6), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f5f6 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f5f6 0%,#e9e9e9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f5f6 0%,#e9e9e9 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f5f6 0%,#e9e9e9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f6', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */ } .display .checkit { font-size: 18px; color: #656565; position: absolute; right: 85px; top: 15px; font-family: 'proximaSemibold'; } .display .rent { float: left; margin-top: 14px; background: #c43046; color: #fff; padding: 5px 15px; font-size: 16px; text-transform: uppercase; font-family: 'proximaRegular', Tahoma, Verdana, sans-serif; } .display .display-arrow { position: absolute; right: 10px; top: 6px; } .display-subject { float: left; clear: both; margin-top: 16px; margin-left: 31px; font-size: 24px; color: #c43046; text-transform: uppercase; } .first-v.short-text .display-subject { font-size: 35px; margin-top: 10px; } .first-v.medium-text .display-subject { font-size: 32px; margin-top: 12px; } .first-v.long-text .display-subject { font-size: 23px; margin-top: 16px; } .display .rb { width: 714px; margin: 0 auto 10px auto; display: block; } /* .display.second-v { position: relative; background: url(../media/plusssz-bg2.jpg); color: #e31f1f; } .display.second-v a { color: #e31f1f; } .display.second-v .display-subject { position: absolute; left: 317px; top: 5px; font-size: 40px; text-shadow: 1px 1px 1px #776604; } .display.second-v.long-text .display-subject { top: 16px; font-size: 25px; text-shadow: 1px 1px 0px rgb(141, 125, 35); } .display.second-v.super-long-text .display-subject { font-size: 20px; top: 13px; }*/