/** * revtecnologia.css * Copyright (c) 2009-2011 Haddid-Violeta * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING. * RevistaRevtecnologia * div container- 2 columnas, div logo, div header, div body, div footer, a partir de Acimed * $Id:revtecnologia.css,V 1.0 $ */ body { color: #333; background-color: #ffffff; font-family: Cambria; width: 100%; background-attachment:fixed; } a b { color: #16387C; text-decoration: none; } a:link,a:visited,a:active,a.files { color: #16387C; } a.file { background-color: transparent; background-repeat: repeat-x; background-repeat-x: repeat; background-repeat-y: no-repeat; border: 0px solid #9d9d9d; border-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; color: #16387C; font-family: Cambria; font-weight: bold; padding: 8px 13px; padding-top: 8px; padding-right: 13px; padding-bottom: 8px; padding-left: 13px; text-shadow: 0px 0px #f6f6f6; } a:hover { background-color: transparent; text-decoration: none; } input.textField, #simpleQuery.textField, #searchField.selectMenu, #sidebar-username.textField, #sidebar-password.textField, textarea.textArea, input.uploadField, select.selectMenu { background-color: #f7f2f2; border: 1px solid #aaa; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 1px; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; color: #444; padding: 0.7em; padding-top: 0.7em; padding-right: 0.7em; padding-bottom: 0.7em; padding-left: 0.7em; } input.defaultbutton { background-color: #000000; color: #ffffff; } .tocArticle { width: 100%; padding: 5px 0px; border: 1px solid #D1D3D5; background-color: #ececed; } table.tocArticle:nth-child(even) tr { width: 100%; padding: 1em 1em 0em 1em; padding-top: 1em; padding-right: 1em; padding-bottom: 0em; padding-left: 1em; margin-top: 0.40em; background-image: initial; background-size: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; } tr[Attributes Style] { vertical-align: top; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } table.tocArticle:nth-child(odd) tr { width: 100%; padding: 1em 1em 0em 1em; padding-top: 1em; padding-right: 1em; padding-bottom: 0em; padding-left: 1em; margin-top: 0.40em; background-image: initial; background-size: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #ececed; } tr[Attributes Style] { vertical-align: top; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } table.tocarticle { border-bottom-color: #b4b4b4; border-bottom-width: 1px; border-bottom-style: dashed; border-spacing: 0px; font-size: 12px; margin-top: 0; margin-right: auto; margin-bottom: 7px; margin-left: auto; padding-bottom: 10px; width: 100%; } table.tocarticle td.toctitle { height: 100%; width: 90%; } table.tocarticle td.tocgalleys { text-align: right; width: 10%; } td.toctitle a { font-size: 12px; text-decoration: none; } td.toctitle a:hover { text-decoration: underline; } td.tocgalleys { padding-right: 10px; } td.toctitle a, td.toctitle, ul.plain a, #footerContent a, #copyright a { color: #16387C; font-size: 12px; } td.toctitle a:hover, ul.plain a:hover, #footerContent a:hover, #contF a:hover, #copyright a:hover, span.fn a:hover { text-decoration: underline; } /********************** cambios***************/ /* este para IE6 estaba 5% declarado en styles/rightSidebar.css*/ * html #rightSidebar { margin-right: 0; } #body,#bodyp,#container,#footer { max-width: 970px ! important; min-width: 760px ! important; width: expression(document.body.clientWidth > 971? "970px": "auto");/**ancho maximo para ie*/ width: auto; _width: 970px ! important; } /*--------continuan-------------*/ #container { background-color: transparent; border-style: none; } #logo a, #logo a { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 10px; } #header { background-repeat: repeat-x; background-position: bottom; border-top-style: none; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #daba17; _border-bottom: none; height: 200px; _margin-top: -3px; color: transparent; } #header img { position: absolute; left: 0px; } #header h1 { height: 200px; line-height: normal; margin: 0; padding: 0; } #container, #body,#bodyp { position: relative; } #body,#bodyp { background-repeat: repeat-y; background-position: right; background-position: 20% 50%; background-color: #ffffff; border-color: #b4b4b4; border-width: 0px; border-style: solid; border-top-style: none; margin-top: 0px ! important; margin-right: auto ! important; margin-bottom: 10px ! important; margin-left: auto ! important; overflow: hidden; padding: 0; position: relative; } #bodyp { background-image: none; } #sidebar { font-family: Cambria; font-size: 105%; font-style: normal; font-weight: normal; margin: 0px; _margin-top: 0px; } #rightSidebar { margin-top: 55px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 4.5%; padding-right: 1.1%; padding-bottom: 1.5%; padding-left: 1.1%; position: relative; width: 22.2%; #margin: 55px 0px 0px 0px; #padding: 1% 0% 1.5% 0; _margin: 20px 0px 0px 0px; _padding: 1.5% 3% 1.5% 0; _width: 24%; } #leftSidebar { margin-top: 70px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 1.6em; width: 0.8%; _margin-top: 10px; _margin-right: 10px; } #main,#mainp { background-color: #ffffff; margin-top: 0px ! important; margin-right: auto ! important; margin-bottom: 0px ! important; margin-left: auto ! important; padding-top: 0; padding-right: 0; padding-bottom: 1%; padding-left: 0; #padding: 25px 0 0 0; position: static;/*mozilla*/ _position: relative;/*IE6*/ } #main h2,#mainp h2 { font-family: Cambria; font-size: 18px; font-weight: bold; padding-left: 3%; padding-top: 70px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; _margin: -55px 15px 10px 15px; text-align: left; } #body #main #navbar,#bodyp #mainp #navbar { background-repeat: repeat-x; background-color: #ffffff; border-bottom: 3px double #D1D3D5; border-top: 3px double #D1D3D5; /*height: 45px;*/ height: auto; left: 0px; margin: 0px; padding: 0px; position: absolute; overflow: hidden; top: 0px; width: 100%; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #breadcrumb { background-color: #ffffff; border-top: 0px solid #D1D3D5; border-bottom: 0px solid #D1D3D5; border-left: 0px solid #D1D3D5; border-right: 0px solid #D1D3D5; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; color: #444; height: 25px; left: 0; line-height: 25px; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 15px; position: absolute; _position: relative; top: 57px; _top: 0px; width: 955px; } #breadcrumb a { color: #266BA8; } #breadcrumb a:hover { color: #2b9904; text-decoration: underline; } #content { border-top-style: none; font-size: 14px; line-height: 150%; margin: 0px; padding-top: 0px; padding-right: 3%; padding-bottom: 0; padding-left: 3%; position: inherit; width: auto; _width: 100%; } #content div { /*95%*/ width: auto; padding-top: 10px; } #content div#topBar { /*95%*/ width: auto; margin-top: 40px; } #externalFeedsHome { margin-top: 0 ! important; margin-right: auto ! important; margin-bottom: 0 ! important; margin-left: auto ! important; width: 100%; } #content h1, #content h2, #content h3, #content h4 { font-family: Cambria; font-weight: bold; } #content h1 { font-size: 20px; } #content h2 { font-size: 18px; } #content h3 { font-size: 16px; } #content h4 { font-size: 15px; text-transform: uppercase; } /**********footer************/ #footer { background-color: #fff; border-style: none; color: #333; _width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 5px; margin-left: auto; position: relative; } #footerContent { background-color: #fff; background-image: url(images/logo.gif); background-position: 10px 3px; background-repeat: no-repeat; height: 100px; margin-top: 10px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 90px; _padding: 0 0 0 115px; width: auto; } .pqp { clear: both ! important; position: relative ! important; } div#pqp-container { top: 85px; } #pQp { width: 98% ! important; } /*#footer div.debugStats p{ left:20px; margin:0; padding:0; position:absolute; }*/ /*---- footer con Microformatos y politica-----*/ #contF { color: #808080; font-family: Cambria; font-size: 12px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 20px; width: 95%; } #copyright { clear: both; color: #808080; font-family: Cambria; font-size: 10px; margin-top: 40px; margin-right: auto; margin-bottom: 0; margin-left: -30px; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; position: absolute; text-align: center; width: 90%; } #contF a,span.fn a,#copyright a { color: #16387C; font-family: Cambria; font-size: 12px; } /********* colores de los enlaces y hover*************/ #navbar ul.menu { margin: 0; padding: 0; } #navbar ul.menu li { display: inline; margin: 0; padding: 0; #padding: 0 0 0 5px; } #navbar ul.menu li a, #navbar ul.menu li a:link { border-right-color: #D1D3D5; border-right-width: 0px; border-right-style: solid; color: #16387C; display: block; float: left; font-family: Cambria; font-size: 14px; font-weight: bold; letter-spacing: normal; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; text-decoration: none; text-transform: uppercase; } #navbar ul.menu li a:hover { color: #2b9904 ! important; background-color: transparent; } #navbar ul.menu li a:active { color: #2b9904! important; background-color: transparent; } /*--------cajas -------------*/ #sidebar div.block span.blocktitle { font-weight: bold; height: 1.2em; #height: 15px; _height: 25px; letter-spacing: normal; line-height: 1.5em; margin-bottom: 0.6em; overflow: hidden; padding-top: 0.5em; padding-right: 0; padding-bottom: 0.7em; padding-left: 0.5em; text-transform: none; } #sidebar div.block { margin-bottom: 1.5em; font-size: 12px; } #sidebar ul { margin-top: 0.25em; margin-right: 0; margin-bottom: 0.75em; margin-left: 0; padding-top: 0; padding-right: 0.5%; padding-bottom: 0; padding-left: 2.5em; } #sidebar ul li { color: #16387C; line-height: 1.5; } form, span.blocksubtitle, # a.icon, #leftSidebar a.icon { margin-left: 5px; } #sidebarUser li a, #sidebarNavigation li a, #sidebarInformation li a, #notification li a, #sidebarExternalFeed a { color: #16387C; font-family: Cambria; font-size: 12px; list-style-type: none; padding: 10px 0 5px 5px; border-bottom: 1px solid #D1D3D5; display: block; } #sidebarUser li a:hover, #sidebarNavigation li a:hover, #sidebarInformation li a:hover, #notification li a:hover, #sidebarExternalFeed a:hover { color: #16387C; font-family: Cambria; font-size: 12px; } #rightSidebar div#sidebarHelp { margin-top: 0; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; } /*por IE6*/ #sidebarUser table { width: 95%; } #sidebar select.selectmenu { background-color: #fff; width: 100%; } #sidebar input.button { width: auto; } input.button { background-color: #266BA8; background-repeat: repeat-x; background-repeat-x: repeat; background-repeat-y: no-repeat; border: 1px solid #07355E; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-family: Cambria; font-size: 12px; color: #fff; padding: 8px 20px; padding-top: 8px; padding-right: 20px; padding-bottom: 8px; padding-left: 20px; text-shadow: 0px 0px #f6f6f6; } #sidebar a:hover { text-decoration: none;/*por IE6*/ } /*fin*/ ul.steplist { list-style-type: decimal; margin-top: 10px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding: 0; } /*barra de navegacion superior*/ span.cabezaluser a { font-family: Cambria; font-size: 12px; font-weight: bold; left: 800px; position: relative; text-decoration: none; top: -6px; } div#logo ul, div#logoinfomed ul { display: inline; list-style: none; } div#logo li, div#logoinfomed li { display: inline; float: right; list-style: none; } div#logo li a, div#logoinfomed li a { font-family: Cambria; font-size: 12px; padding-right: 15px; text-decoration: none; } div#logo li.entrar a, div#logoinfomed li.entrar a { /*padding-right:150px si idiomas varios*/ : ; font-weight: bold; } div#logo li.salir a, div#logoinfomed li.salir a { /*padding-right:150px si idiomas varios*/ : ; font-weight: bold; } div#logo li.imagenlogo, div#logoinfomed li.imagenlogo { display: inline; float: left; list-style: none; } /*lenguajes*/ div#sidebar #sidebarLanguageToggle span.blocktitle { display: none; } div#sidebar #sidebarLanguageToggle { border-style: none; } div#sidebar #sidebarLanguageToggle form { color: #444; margin-left: 70px; _margin-left: 0px; _padding-left: 6px; position: absolute; top: -146px; _top: -106px; #top: -106px; } /* cambios para cada revista en la version 2.2.4- una sola columna a la derecha*/ #header { background-color: transparent; } #header h1 { font-family: Cambria; font-size: 12px; } /* cambios para una sola columna*/ #main { margin-left: 1%; width: 74.5%; _width: 75.5%; } #mainp { margin-left: 1%; width: 100%; _width: 100%; } #main h2, #mainp h2 { visibility: hidden; } #content h3 { color: #9D4230; font-size: 18px; padding-top: 0px; } #footer { border-color: #B4B4B4; border-width: 1px; border-style: solid; border-top-color: #2b9904; border-top-width: 5px; border-top-style: solid; height: 120px; _height: 125px; } #pageFooter { background-color: #dee0e1; border-top-width: 1px; border-top-style: solid; border-top-color: #ececed; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ececed; border-left-width: 1px; border-left-style: solid; border-left-color: #ececed; border-right-width: 1px; border-right-style: solid; border-right-color: #ececed; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font-size: 12px; font-weight: bold; color: #000; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; } #footerContent { border-top-style: none; } table.tocarticle td.tocauthors { font-style: italic; } div#issueDescription { display: none;/*oculto en Acimed*/ } div.separator { border-bottom-color: #2b9904; border-bottom-width: 1px; border-bottom-style: solid; } #sidebar div.block span.blocktitle { color: #FFF; } #rightSidebar div#sidebarDevelopedBy { display: block; letter-spacing: 0.1em; background-color: #ececed; border-top: 0px; border-top-color: #969696; border-width: 0px; border-color: #969696; border-bottom: 0px solid #daba17; font-family: Cambria; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 23px; margin-top: 0; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; box-shadow: transparent; } #rightSidebar div#sidebarHelp { display: block; font-size: 12px; letter-spacing: 0.1em; background-color: #ececed; border-top: 0px; border-top-color: #969696; border-width: 0px; border-color: #969696; border-bottom: 0px solid #daba17; font-family: Cambria; font-weight: bold; text-transform: uppercase; line-height: 23px; margin-top: 0; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; box-shadow: transparent; } #rightSidebar div.block span.blockTitle { display: block; letter-spacing: 0.1em; text-transform: uppercase; background: transparent; background-image: initial; background-position-x: initial; background-position-y: initial; background-size: initial; background-repeat-x: initial; background-repeat-y: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #fabda8; font-family: Cambria; font-size: 12px; color: #07355e; font-weight: bold; line-height: 32px; text-indent: 8px; text-transform: uppercase; border-bottom: 0px solid #daba17; box-shadow: transparent; } #sidebar div.block { background-color: transparent; border-color: none; border-width: 0px; border-style: solid; } /*--------quick menus -------------*/ #rightSidebar .quickmenu { text-align: justify; background: transparent; height: 30px; list-style-type: none; margin: auto; padding-left: 0px; box-shadow: transparent; border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #D1D3D5; } .quickmenu li { border-right: solid 0px white; float: left; height: 30px; } .quickmenu li a { color: #266BA8; display: block; font: 12px Cambria; text-transform: capitalize; font-weight: bold; padding: 9px 2px; text-decoration: none; } .quickmenu li:hover { color: #2b9904 ! important; background: transparent; position: relative; margin: 0px; padding: 0px; width: 100%; } .quickmenu li:hover a { text-decoration: underline; color: #2b9904; } .quickmenu li:hover ul { background-color: transparent; border: 0px solid grey; left: -3px; padding: 3px; top: 25px; width: 160px; } .quickmenu li a:before { content: '\00BB'; padding-right: 5px; } .quickmenu li:hover ul li { border: none; height: 30px; } .quickmenu li:hover ul li a { background-color: #969696; border: 1px solid #fff; color: #fff; display: block; font-size: 11px; height: 25px; line-height: 25px; padding: 0px; text-decoration: none; text-indent: 5px; width: 182px; padding: 3px; } .quickmenu li:hover ul li a:hover { background: #969696; border: solid 1px #fff; color: #fff; height: 25px; padding: 3px; } .quickmenu ul { left: -9999px; list-style-type: none; position: absolute; top: -9999px; } .khizanah { background: #fabda8; height: 32px; list-style-type: none; margin: auto; padding-left: 0px; box-shadow: transparent; border-bottom: 0px solid #daba17; } .khizanah li { border-right: solid 0px white; float: left; height: 20px; } .khizanah li a { color: #16387C; display: block; font: 12px Cambria; text-transform: uppercase; text-indent: -48px; font-weight: bold; padding: 8px 30px 8px 30px; text-decoration: none; } .khizanah ul { left: -9999px; list-style-type: none; position: absolute; top: -9999px; } a.pdf { background: #d0dd1a url(../lib/pkp/templates/images/structure/page_white_acrobat.png) no-repeat scroll 0 7px !important; padding: 5px 2px 5px 23px; border-radius: 4px; font-size: 1.2em; text-transform: none; position: relative; } .submitProposal { background: #07355E; height: 50px; list-style-type: none; margin: auto; padding-left: 0px; box-shadow: transparent; border-bottom: 0px solid #daba17; border-radius: 4px; } .submitProposal li { border-right: solid 0px white; float: left; height: 20px; } .submitProposal li a { color: #ffffff; display: block; font: 14px Cambria; text-transform: uppercase; text-indent: -27px; font-weight: bold; padding: 18px 23px; text-decoration: none; } .submitProposal ul { left: -9999px; list-style-type: none; position: absolute; top: -9999px; } a.action { color: #ffffff; padding: 6px 7px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #1171c7; background-color: #266BA8; font-weight: 300; margin-right: 1px; } label { font-size: 14px; }