diff options
Diffstat (limited to 'wikipedia/views/css/main.css')
| -rw-r--r-- | wikipedia/views/css/main.css | 189 |
1 files changed, 189 insertions, 0 deletions
diff --git a/wikipedia/views/css/main.css b/wikipedia/views/css/main.css new file mode 100644 index 0000000..224b604 --- /dev/null +++ b/wikipedia/views/css/main.css @@ -0,0 +1,189 @@ +/* RESET CSS */ +html, body, div, span, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +abbr, address, cite, code, +del, dfn, em, img, ins, kbd, q, samp, +small, strong, sub, sup, var, +b, i, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption,article, #menu-wrapper, figure, footer, header, hgroup, menu, nav, section, menu, +time, mark, video, button { +margin:0; +padding:0; +border:0; +outline:0; +font-size:100%; +vertical-align:baseline; +background:transparent; +-webkit-box-sizing: border-box; +} +input,select,textarea{outline:none;} +input:focus{outline:none;} + +article, #menu-wrapper, figure, footer, header, +hgroup, nav, section { display:block; } + +nav ul { list-style:none} + +blockquote, q { quotes:none; } + +blockquote:before, blockquote:after, +q:before, q:after { content:''; content:none; } + +a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; color: inherit; } + +ins { background-color:#ff9; color:#000; text-decoration:none; } + +mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } + +del { text-decoration: line-through; } + +abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } + +input, select { vertical-align:middle; } +/* END RESET CSS */ + +/* USEFUL CLASSES */ +.none {display: none;} +/*Clearfix Method*/ +.cf:before, .cf:after {content:0 " ";display: table} +.cf:after {clear: both} + +.hide-text {text-indent: -9999px;white-space: nowrap;overflow: hidden} +/* END USEFUL CLASSES*/ + +/*FONTS*/ +@font-face { + font-family: 'BentonSans-Book'; + src: url('../fonts/BentonSans-Book.eot'); + src: url('../fonts/BentonSans-Book.eot?#iefix') format('embedded-opentype'), + url('../fonts/BentonSans-Book.woff') format('woff'), + url('../fonts/BentonSans-Book.ttf') format('truetype'), + url('../fonts/BentonSans-Book.svg#BentonSans-Book') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'BentonSans-Bold'; + src: url('../fonts/BentonSans-Bold.eot'); + src: url('../fonts/BentonSans-Bold.eot?#iefix') format('embedded-opentype'), + url('../fonts/BentonSans-Bold.woff') format('woff'), + url('../fonts/BentonSans-Bold.ttf') format('truetype'), + url('../fonts/BentonSans-Bold.svg#BentonSans-Bold') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'BentonSans-Regular'; + src: url('../fonts/BentonSans-Regular.eot'); + src: url('../fonts/BentonSans-Regular.eot?#iefix') format('embedded-opentype'), + url('../fonts/BentonSans-Regular.woff') format('woff'), + url('../fonts/BentonSans-Regular.ttf') format('truetype'), + url('../fonts/BentonSans-Regular.svg#BentonSans-Regular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Conv_BentonSans-Thin'; + src: url('../fonts/BentonSans-Thin.eot'); + src: url('../fonts/BentonSans-Thin.woff') format('woff'), + url('../fonts/BentonSans-Thin.ttf') format('truetype'), + url('../fonts/BentonSans-Thin.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Conv_LinLibertine_R'; + src: url('../fonts/LinLibertine_R.eot'); + src: url('../fonts/LinLibertine_R.woff') format('woff'), + url('../fonts/LinLibertine_R.ttf') format('truetype'), + url('../fonts/LinLibertine_R.svg') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: 'Conv_MinionPro-Regular'; + src: url('../fonts/MinionPro-Regular.eot'); + src: url('../fonts/MinionPro-Regular.woff') format('woff'), + url('../fonts/MinionPro-Regular.ttf') format('truetype'), + url('../fonts/MinionPro-Regular.svg') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'BentonSans-Medium'; + src: url('../fonts/BentonSans-Medium.eot'); + src: url('../fonts/BentonSans-Medium.eot?#iefix') format('embedded-opentype'), + url('../fonts/BentonSans-Medium.woff') format('woff'), + url('../fonts/BentonSans-Medium.ttf') format('truetype'), + url('../fonts/BentonSans-Medium.svg#font25') format('svg'); + font-weight: normal; + font-style: normal; +} +/*END FONTS*/ + +body {width: 100%;height: 100%;font-family: 'BentonSans-Book';font-size: 13px;line-height: 18px;color:#464646;overflow: hidden;} +#main {-webkit-transition-property: top, bottom;-webkit-transition-duration: 1s;position: absolute;top:0px;width: 100%} +#main-wrapper-home {background: url(../images/background-home.jpg) center center no-repeat;background-size: cover;width: 100%;position: relative;} +#main-wrapper-middle {width: 100%;;height:355px;background: url(../images/background-middle.jpg) no-repeat;background-size: 100% 355px;} +#main-results {background: url(../images/background-result.jpg) center center no-repeat;background-size: cover;width: 100%} +#main-wrapper {width: 1000px;margin: auto;position: relative;} +a {color:#277090;text-decoration: none} +a:hover {text-decoration: underline;} +hr {display: none} +hr.hr-normal {border: 0;margin:25px 0px; height: 1px;background: #333;background: -webkit-gradient(linear,0 0,100% 0,from(rgba(201, 201, 201, 0.4)), to(rgba(201, 201, 201, 0.4)), color-stop(50%, #c4c0ba));width: 100%;float: left;clear: both;display: block;} +hr.hr-title {margin-bottom: 0px;background: url(../images/hr-separate.png);width: 925px;height: 11px;box-shadow:none;opacity: 0.5;position: fixed;margin-top: -12px;background-size: 100%;background-repeat: no-repeat;display: block;} +#main-wrapper-home #header-home {width: 420px;height: 260px;margin: auto;margin-top: -130px;top: 50%;position: absolute;left: 50%;margin-left: -210px;} +#header-top {height: 95px;padding: 15px 0px 0px 40px } +#header-top [class^="header"] {float: left;} +#main-wrapper-home #header-home [class^="header"] {float: none;} +.header-col1,.header-col3 {width: 25%} +#main-wrapper-home .header-col1,#main-wrapper-home .header-col3 {width: 100%;margin: auto} +.header-col2 {width: 50%} +#main-wrapper-home .header-col2 {width: 100%} +#main-wrapper-home .header-col1 a ,#main-wrapper-home .header-col3 select {display: block;margin:0px auto 15px} +#main-wrapper-home .header-col3 .language {margin: 60px 0px 0px 0px} +.logo-home {background: url(../images/logo-wiki.png);display: block;width: 197px;height: 61px} +.form-search {position: relative;} +.input-search {width: 100%;border: none;border-radius: 50px;background: rgba(0,0,0,0.2) ;height: 37px;padding: 0 35px 0px 35px;color:#fff;text-align: center;-webkit-box-shadow: inset 0px 4px 4px 1px rgba(0, 0, 0, 0.3),inset 1px -1px 0px 0px rgba(255, 255, 255, 0.3);-webkit-box-sizing:border-box;text-align: left;} +.input-search:hover {background: rgba(0,0,0,0.4)} +.input-search:focus {background: rgba(0,0,0,0.6)} +.icon-search {width: 18px;height:20px;position:absolute;top:8px;left:10px;background:url(../images/sprite-search-box.png) 0 2px no-repeat;opacity: 0.6} +.input-search:focus + .icon-search {opacity: 1} +.close-search {width: 17px;height: 17px;position: absolute;top:10px;right:10px;background:url(../images/sprite-close-input.png) 0 4px no-repeat;display: none;} +.close-search:hover {background-position: 0 -13px} +.close-search:active {background-position: 0 -33px} +.language {margin:5px 0px 0px 50px;} +.language select {-webkit-appearance: none;border: none;border-radius: 5px;width: 130px;height:27px;color:#b3b3b3;padding: 5px;box-shadow: inset 0px 2px 7px 0px rgba(255, 255, 255, 0.1), 0px 1px 0px 0px rgba(255, 255, 255, 0.3); background: rgba(58,53,43,0.4) url(../images/arrow-select.png) no-repeat 105px center;} +.language select option {background: #fff;height: 25px;display: block;} +#header-content {overflow: hidden;padding:45px 0px 35px 0px} +#main-content {width: 100%;background: url(../images/bg-main-content.png) repeat-x;padding:0px 28px 0px 33px;box-shadow: 0 0 10px #000;border-top: 1px solid #a49e9a;float: left;overflow: hidden;} +#inside-content {overflow-y: auto;overflow-x: hidden;;margin-top: -5px;position: relative;padding-top: 10px;padding-right: 15px;} +#inside-content p { width: 65%; margin-bottom: 10px; } +#inside-content li { list-style-position: inside;width: 65%;} +#inside-content td li { width: 100%; } +#inside-content > section {overflow: hidden;} +#inside-content::-webkit-scrollbar {width: 9px;z-index:1000} +#inside-content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);-webkit-border-radius: 10px;border-radius: 10px;} +#inside-content::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(162,162,162,1);-webkit-box-shadow: inset 0 0 6px rgba(70,70,70,0.5);} +#inside-content::-webkit-scrollbar-thumb:window-inactive {background: rgba(70,70,70,0.6);} +h1 {font-family: 'Conv_BentonSans-Thin';font-size: 40px;font-weight: normal;line-height: 28px} +h2 {clear: both;} + +.box-img img {margin-bottom:10px} + +.icon-pdf-print {position: absolute;width: 65px;height: 230px;font-family: 'BentonSans-Medium';font-weight: normal;font-size: 13px;top: 50%;margin-top: -115px;right: -90px} +.icon-pdf-print > a {width: 65px;background: url(../images/sprite-pdf-print.png) no-repeat;position: absolute;display: block;padding-top:70px;text-align: center;color:#645850;font-size: 12px;text-transform:uppercase;} + +.icon-pdf-print a.pdf {top: 0px} +.icon-pdf-print a.print {bottom:0px;background-position: -64px 0px} + +/*css for auto-complete*/ +.form-search {position: relative;} +.auto-complete {width: 406px;position: absolute;top: 50px;left:10px;list-style: none;z-index: 100} +.auto-complete li {height: 30px;padding: 6px 5px;background: url(../images/eos_wikipedia_result-list.png) 0px 0px;cursor:pointer;overflow: hidden;} +.auto-complete li.selected {background-position: 0px -29px;} +.auto-complete li span {position: relative;white-space: nowrap;} +.auto-complete li.selected span::after {content: " ";position: absolute;right:-15px;top:2px;width: 7px;height: 10px;background: url(../images/eos_wikipedia_result-arrow.png) no-repeat}
\ No newline at end of file |