Diseño
@import url(http://static.wikidot.com/common--theme/base/css/style.css); html,body { min-height: 101%; } body { background-image: url(http://www.designbolts.com/wp-content/uploads/2013/02/Golf-Shirt-Grey-Seamless-Pattern-For-Website-Background.jpg); background-position: top center; background-repeat: repeat; background-color: white; color: black; } /* Use 950 pixels width for normal screens, 100% for iPhones */ #container { width: 950px; margin: 0 auto; padding-left: 8px; position: relative; } @media only screen and (max-device-width: 480px) { #container { width: 90%; max-width: 1050px; } } #content-wrap { padding-right: 8px; overflow: hidden; } #main-content { margin: 0 0 1em 0; padding: 0 15px; min-height: 150px; overflow: hidden; } #page-content > *:first-child { margin-top: 0; } #page-title { padding-bottom: 2px; border-bottom: 1px solid grey; margin-top: 0; font-size: 180%; color: black; } #header { height: 110px; padding-right: 8px; } #header h1 { float: left; padding: 43px 0 0 16px; } #header h1 span { padding-right: 7px; } #header h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-style: normal; font-weight: bold; letter-spacing: 1px; text-transform: none; line-height: 26px; color: black; } #header h1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-style: normal; font-weight: bold; letter-spacing: 1px; text-transform: none; line-height: 26px; color: black; } #header h2:before { content: "|"; color: grey; } #header h2 { padding: 49px 7px 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; color: black; } #header h2 span { padding-left: 7px; font-size: 10px; text-transform: uppercase; color: black; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 15px 0; color: black; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { padding: 0; margin: 15px 0; color: black; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { padding: 0; margin: 15px 0; color: black; } #top-bar { width: 100%; height: 29px; right: 0; left: 0; } #top-bar li, #top-bar ul { margin: 0; padding: 0; } #top-bar ul { margin-right: 8px; height: 29px; background: transparent; } #top-bar ul ul { margin-right: 0; } #top-bar li a { color: black; font-size: 13px; font-weight: bold; line-height: 29px; padding: 0 15px; text-decoration: none; } #top-bar li a:hover { text-decoration: none; background: white; color: black; } #top-bar li ul { border: none; } #top-bar li ul li a { width: 18em; color: black; background: white; } #top-bar li ul li a:hover { color: white; background: black; } #top-bar ul li.sfhover ul{ width: 20em; background-color: white; } #top-bar ul li.sfhover ul li{ height: 29px; } #top-bar ul li.sfhover ul li.sfhover { height: 29px; width: 20em; background-color: white; } #top-bar ul li.sfhover ul a{ width: 20em; background-color: white; } #top-bar ul li.sfhover ul li:hover a{ background-color: black; color: white; } #top-bar ul li ul li ul{ display: none; } #top-bar ul li.sfhover ul li.sfhover ul { display: inherit; position: relative; left: 20em; bottom: 29px; } #top-bar ul li.sfhover ul li.sfhover ul li a{ background-color: black; color: white; } #top-bar ul li.sfhover ul li.sfhover ul li:hover a{ background-color: white; color: black; } #side-bar { border-left:2px solid gray; float:right; margin-top:10px; overflow:hidden; padding:0 15px 0; width:200px; } #search-top-box { right:-53px; top:50px; } #search-top-box .button { visibility: hidden; } #search-top-box input.empty { background-color: transparent; color: grey; } #search-top-box .text { padding:2px 2px 2px 5px; width:220px; } #login-status { right: 8px; top: 8px; } #login-status a { color: black; text-decoration: none; } #login-status a:hover { color: black; text-decoration: none; } #login-status #account-topbutton, .change-textarea-size a { color: black; background: transparent; border-color: white; text-decoration: none; } #login-status #account-topbutton:hover, .change-textarea-size a:hover { color: black; background: white; border-color: transparent; text-decoration: none; } #account-options li a { color: black; background: white; border: none; text-decoration: none; } #account-options li a:hover { color: black; background: white; border: none; text-decoration: none; } input.text, textarea { color: black; border-color: black; } div.buttons input, input.button, button, file, a.button { background: transparent; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-color: grey; height: 26px; color: black; } div.buttons input:hover, input.button:hover, button:hover, a.button:hover, file:hover { background: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-color: transparent; color: black; height: 26px; } div.page-calendar-box { padding: 0; } a { color: black; } a:hover { background-color: transparent; color: grey; text-decoration: none; } a.newpage { color: black; background-color: grey; text-decoration: none; } a.newpage:hover { color: black; background-color: grey; text-decoration: none; } /* Pop-up hover text over images or links */ /* Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]] */ .hover{ color: grey; text-decoration: none; } .hover:hover{ background-color: transparent; color: grey; text-decoration: none; } .hover span { display: none; } .hover:hover span { position: absolute; display: inline; margin: 15px -20px; height: auto; width: auto; background: black; background-image: url(http://themes.wdfiles.com/local--files/spacedout/background.jpg); background-position: top center; background-repeat: repeat; border: 1px solid white; color: white; padding: 1em; font-size: 12px; } .hover:hover span span { position: relative; margin: auto; height: auto; width: auto; border: none; padding: 0; } #breadcrumbs { margin: 1em 0 1em 0; color: white; } #breadcrumbs a { color: white; } .odate, .like-odate { font-size: 85%; font-weight: bold; color: grey; background: transparent; margin: 0; padding-top: 0; padding-bottom: 0; } .member .error-block { display:none; } /* IE7 HACK */ #top-bar ul > li > ul { *margin-top: -4px; } /* TABVIEW LOOKS ===========================*/ .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color:#171717; /* color between tab list and content */ } .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#d8d8d8; /* tab background */ border-color:#4F4A4A; color:#303030; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { border-color: #4F4A4A; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, .yui-navset .yui-nav .selected a:hover { background-image: none; background-color:#F9FCF2; /* DONE selected tab background */ color:#303030; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background-color: #4D4D4D; /* DONE selected tab background */ } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { border-color: #F9FCF2; /* DONE selected tab border color */ } .yui-navset .yui-content { background-color: #F7F7F7; /* DONE content background color */ } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border-color: #0A0A0A; /* DONE content border */ border-top-color:#0A0A0A; /* DONE different border color */ } .yui-navset-left .yui-content { border-color: #0A0A0A; /* DONE content border */ border-left-color: #0A0A0A; /* DONE different border color */ } .yui-navset-bottom .yui-content, .yui-navset .yui-navset-bottom .yui-content { border-color: #0A0A0A; /* DONE content border */ border-bottom-color: #0A0A0A; /* DONE different border color */ } blockquote { border-style: solid; border-color: #3B3B3B; border-width: 1pt; background-color: #F2F2F2; }