/* Design de Inês Amorim e Maria Miguel Rosmaninho Template desenvolvido para a cadeira Laboratório Multimédia 4 do curso Novas Tecnologias da Comunicação. 2008 - Universidade De Aveiro http://www.ua.pt */ .verao { background: #ffb700 url(https://imgs.sapo.pt/images/blogs/templates/E7_Quatro_Estacoes/arvore_verao1.png) no-repeat top left; } .verao #container { background-color: #ffb700; } .verao a, .verao a:link, .verao a:active { color: #ffffff; text-decoration: none; } .verao a:visited { color: #ffffff; text-decoration: none; } .verao a:hover { color: #ffdb87; text-decoration: none; } .verao #blogtitle a,.verao #blogtitle a:link,.verao #blogtitle a:visited,.verao #blogtitle a:active,.verao #blogtitle a:hover { color: #b51212 !important; } .verao #blogdesc { color: #ffdb87; } .verao #extras .title { color: #b51212; background: #ffb700 url(https://imgs.sapo.pt/images/blogs/templates/E7_Quatro_Estacoes/sun_maior.gif) no-repeat top left; } .verao #extras a,.verao #extras a:link,.verao #extras a:active { color: #ffdb87; } .verao #extras a:visited { color: #ffdb87; } .verao #extras a, #extras a:link, #extras a:active { color: #ffdb87; } .verao #extras a:visited { color: #ffdb87; } .verao #extras a:hover { color: #ffffff; } .verao #posts .date { color: #ffdb87; } .verao #posts,.verao #posts .post { color: #ffdb87; } .verao #posts .sep { border-bottom: 1px solid #b51212; } .verao #posts .title, .verao #posts .title a, .verao #posts .title a:link, .verao #posts .title a:visited, .verao #posts .title a:active, .verao #posts .title a:hover { color: #b51212; } .verao #posts .sign, .verao #posts .otherinfo { color: #ffdb87; } .verao #YearPage a, .verao #YearPage a:active, .verao #YearPage a:visited, .verao #YearPage a:link, .verao #posts a:active, .verao #posts a:visited, .verao #posts a:link { color: #ffffff; } .verao #YearPage a:hover, .verao #posts a:hover { color: #ffdb87; } .verao #comentar .campo1 { color: #ffdb87; } .verao #comentar .campo1D { color: #ffdb87; } .verao #comentar .campo2 { color: #ffdb87; } .verao #comentar .textbox { color: #ffdb87; } .verao #comentar .csep { border-bottom-color: #b51212; } .verao #comentar .tsep { border-bottom-color: #b51212; } .verao .form { color: #ffdb87; border-color: #ffdb87; } .verao .buton { color: #ffdb87; background: #b51212; border-color: #ffdb87; } .verao .calendar .day { color: #ffdb87;} .verao .calendar .dayNum { color: #ffdb87; } .verao .calendar .dayNum a,.verao .calendar .dayNum a:link,.verao .calendar .dayNum a:visited, .verao .calendar .dayNum a:active { color: #ffffff !important; background-color: #b51212; } .verao .calendar .dayNum a:hover { color: #b51212 !important; background-color: #ffdb87; } .verao .calendar .today { color: #b51212; } .verao .calendar .today a,.verao .calendar .today a:link,.verao .calendar .today a:visited, .verao .calendar .today a:active { color: #b51212 !important; background-color: #ffffff; } .verao .calendar .today span { color: #b51212 !important; background-color: #ffffff; } .verao .calendar .today a:hover{ color: #ffffff !important; background-color: #ffffff; } .verao #searchResults .quantos { color: #ffdb87; } .verao #results h1 { color: #ffffff; } .verao #results h1 a,.verao #results h1 a:link,.verao #results h1 a:visited,.verao #results h1 a:active, .verao #results h1 a:hover { color: #ffffff; } .verao #results h2 { color: #ffdb87; } .verao #navega em { border-color: #b51212; } .verao #navega p a:active { color: #ffdb87; } .verao #navega p a:hover { color: #ffdb87; background-color: #b51212; } .outono { background: #942b25 url(https://imgs.sapo.pt/images/blogs/templates/E7_Quatro_Estacoes/outono_final.gif) no-repeat top left; } .outono #container { background-color: #942b25; } .outono a, a:link, a:active { color: #ffffff; text-decoration: none; } .outono a:visited { color: #ffffff; text-decoration: none; } .outono a:hover { color: #ff645c; text-decoration: none; } .outono #blogtitle a,.outono #blogtitle a:link,.outono #blogtitle a:visited,.outono #blogtitle a:active,.outono #blogtitle a:hover { color: #33190c !important; } .outono #blogdesc { color: #ff645c; } .outono #extras .title { color: #33190c; background: #942b25 url(https://imgs.sapo.pt/images/blogs/templates/E7_Quatro_Estacoes/folha.gif) no-repeat top left; } .outono #extras a,.outono #extras a:link,.outono #extras a:active { color: #ff645c; } .outono #extras a:visited { color: #ffdb87; } .outono #extras a, #extras a:link, #extras a:active { color: #ff645c; } .outono #extras a:visited { color: #ff645c; } .outono #extras a:hover { color: #ffffff; } .outono #posts .date { color: #ff645c; } .outono #posts,.outono #posts .post { color: #ff645c; } .outono #posts .sep { border-bottom: 1px solid #33190c; } .outono #posts .title, .outono #posts .title a, .outono #posts .title a:link, .outono #posts .title a:visited, .outono #posts .title a:active, .outono #posts .title a:hover { color: #33190c; } .outono #posts .sign, .outono #posts .otherinfo { color: #ff645c; } .outono #YearPage a, .outono #YearPage a:active, .outono #YearPage a:visited, .outono #YearPage a:link, .outono #posts a:active, .outono #posts a:visited, .outono #posts a:link { color: #ffffff; } .outono #YearPage a:hover, .outono #posts a:hover { color: #ff645c; } .outono #comentar .campo1 { color: #ff645c; } .outono #comentar .campo1D { color: #ff645c; } .outono #comentar .campo2 { color: #ff645c; } .outono #comentar .textbox { color: #ff645c; } .outono #comentar .csep { border-bottom-color: #33190c; } .outono #comentar .tsep { border-bottom-color: #33190c; } .outono .form { color: #ff645c; border-color: #ff645c; } .outono .buton { color: #ff645c; background: #33190c; border-color: #ff645c; } .outono .calendar .day { color: #ff645c;} .outono .calendar .dayNum { color: #ff645c; } .outono .calendar .dayNum a,.outono .calendar .dayNum a:link,.outono .calendar .dayNum a:visited, .outono .calendar .dayNum a:active { color: #ffffff !important; background-color: #33190c; } .outono .calendar .dayNum a:hover { color: #33190c !important; background-color: #ff645c; } .outono .calendar .today { color: #33190c; } .outono .calendar .today a,.outono .calendar .today a:link,.outono .calendar .today a:visited, .outono .calendar .today a:active { color: #33190c !important; background-color: #ffffff; } .outono .calendar .today span { color: #33190c !important; background-color: #ffffff; } .outono .calendar .today a:hover{ color: #ffffff !important; background-color: #940928; } .outono #searchResults .quantos { color: #ff645c; } .outono #results h1 { color: #ffffff; } .outono #results h1 a,.outono #results h1 a:link,.outono #results h1 a:visited,.outono #results h1 a:active, .outono #results h1 a:hover { color: #ffffff; } .outono #results h2 { color: #ff645c; } .outono #navega em { border-color: #33190c; } .outono #navega p a:active { color: #ff645c; } .outono #navega p a:hover { color: #ff645c; background-color: #33190c; } .inverno { background: #ddf5ff url(https://imgs.sapo.pt/images/blogs/templates/E7_Quatro_Estacoes/arvore_inverno.gif) no-repeat top left; } .inverno #container { background-color: #ddf5ff; } .inverno a, a:link, a:active { color: #ddf5ff; text-decoration: none; } .inverno a:visited { color: #ddf5ff; text-decoration: none; } .inverno a:hover { color: #999999; text-decoration: none; } .inverno #blogtitle a,.inverno #blogtitle a:link,.inverno #blogtitle a:visited,.inverno #blogtitle a:active,.inverno #blogtitle a:hover { color: #286a75 !important; } .inverno #blogdesc { color: #999999; } .inverno #extras .title { color: #286a75; background: #ddf5ff url(https://imgs.sapo.pt/images/blogs/templates/E7_Quatro_Estacoes/guarda_chuva.gif) no-repeat top left; } .inverno #extras a,.inverno #extras a:link,.inverno #extras a:active { color: #999999; } .inverno #extras a:visited { color: #999999; } .inverno #extras a, #extras a:link, #extras a:active { color: #999999; } .inverno #extras a:visited { color: #999999; } .inverno #extras a:hover { color: #5ca0b5; } .inverno #posts .date { color: #999999; } .inverno #posts,.inverno #posts .post { color: #999999; } .inverno #posts .sep { border-bottom: 1px solid #286a75; } .inverno #posts .title, .inverno #posts .title a, .inverno #posts .title a:link, .inverno #posts .title a:visited, .inverno #posts .title a:active, .inverno #posts .title a:hover { color: #286a75; } .inverno #posts .sign, .inverno #posts .otherinfo { color: #999999; } .inverno #YearPage a, .inverno #YearPage a:active, .inverno #YearPage a:visited, .inverno #YearPage a:link, .inverno #posts a:active, .inverno #posts a:visited, .inverno #posts a:link { color: #5ca0b5; } .inverno #YearPage a:hover, .inverno #posts a:hover { color: #999999; } .inverno #comentar .campo1 { color: #999999; } .inverno #comentar .campo1D { color: #999999; } .inverno #comentar .campo2 { color: #999999; } .inverno #comentar .textbox { color: #999999; } .inverno #comentar .csep { border-bottom-color: #286a75; } .inverno #comentar .tsep { border-bottom-color: #286a75; } .inverno .form { color: #999999; border-color: #999999; } .inverno .buton { color: #999999; background: #286a75; border-color: #999999; } .inverno .calendar .day { color: #999999;} .inverno .calendar .dayNum { color: #999999; } .inverno .calendar .dayNum a,.inverno .calendar .dayNum a:link,.inverno .calendar .dayNum a:visited, .inverno .calendar .dayNum a:active { color: #ffffff !important; background-color: #286a75; } .inverno .calendar .dayNum a:hover { color: #286a75 !important; background-color: #999999; } .inverno .calendar .today { color: #286a75; } .inverno .calendar .today a, .calendar .today a:link, .calendar .today a:visited, .inverno .calendar .today a:active { color: #286a75 !important; background-color: #ffffff; } .inverno .calendar .today span { color: #286a75 !important; background-color: #ffffff; } .inverno .calendar .today a:hover{ color: #ffffff !important; background-color: #ddf5ff; } .inverno #searchResults .quantos { color: #999999; } .inverno #results h1 { color: #5ca0b5; } .inverno #results h1 a,.inverno #results h1 a:link,.inverno #results h1 a:visited,.inverno #results h1 a:active, .inverno #results h1 a:hover { color: #5ca0b5; } .inverno #results h2 { color: #999999; } .inverno #navega em { border-color: #286a75; } .inverno #navega p a:active { color: #999999; } .inverno #navega p a:hover { color: #999999; background-color: #286a75; } .primavera { background: #b3e249 url(https://imgs.sapo.pt/images/blogs/templates/E7_Quatro_Estacoes/primavera_final.gif) no-repeat top left; } .primavera #container { background-color: #b3e249; } .primavera a, .primavera a:link, .primavera a:active { color: #b3e249; text-decoration: none; } .primavera a:visited { color: #b3e249; text-decoration: none; } .primavera a:hover { color: #f9ffb4; text-decoration: none; } .primavera #blogtitle a,.primavera #blogtitle a:link,.primavera #blogtitle a:visited,.primavera #blogtitle a:active,.primavera #blogtitle a:hover { color: #d60257 !important; } .primavera #blogdesc { color: #f9ffb4; } .primavera #extras .title { color: #d60257; background: #b3e249 url(https://imgs.sapo.pt/images/blogs/templates/E7_Quatro_Estacoes/flor.gif) no-repeat top left; } .primavera #extras a,.primavera #extras a:link,.primavera #extras a:active { color: #f9ffb4; } .primavera #extras a:visited { color: #ffdb87; } .primavera #extras a, #extras a:link, #extras a:active { color: #f9ffb4; } .primavera #extras a:visited { color: #f9ffb4; } .primavera #extras a:hover { color: #ffffff; } .primavera #posts .date { color: #f9ffb4; } .primavera #posts,.primavera #posts .post { color: #f9ffb4; } .primavera #posts .sep { border-bottom: 1px solid #d60257; } .primavera #posts .title, .primavera #posts .title a, .primavera #posts .title a:link, .primavera #posts .title a:visited, .primavera #posts .title a:active, .primavera #posts .title a:hover { color: #d60257; } .primavera #posts .sign, .primavera #posts .otherinfo { color: #f9ffb4; } .primavera #YearPage a, .primavera #YearPage a:active, .primavera #YearPage a:visited, .primavera #YearPage a:link, .primavera #posts a:active, .primavera #posts a:visited, .primavera #posts a:link { color: #ffffff; } .primavera #YearPage a:hover, .primavera #posts a:hover { color: #f9ffb4; } .primavera #comentar .campo1 { color: #f9ffb4; } .primavera #comentar .campo1D { color: #f9ffb4; } .primavera #comentar .campo2 { color: #f9ffb4; } .primavera #comentar .textbox { color: #f9ffb4; } .primavera #comentar .csep { border-bottom-color: #d60257; } .primavera #comentar .tsep { border-bottom-color: #d60257; } .primavera .form { color: #f9ffb4; border-color: #f9ffb4; } .primavera .buton { color: #f9ffb4; background: #d60257; border-color: #f9ffb4; } .primavera .calendar .day { color: #f9ffb4;} .primavera .calendar .dayNum { color: #f9ffb4; } .primavera .calendar .dayNum a,.primavera .calendar .dayNum a:link,.primavera .calendar .dayNum a:visited, .primavera .calendar .dayNum a:active { color: #ffffff !important; background-color: #d60257; } .primavera .calendar .dayNum a:hover { color: #d60257 !important; background-color: #f9ffb4; } .primavera .calendar .today { color: #d60257; } .primavera .calendar .today a,.primavera .calendar .today a:link,.primavera .calendar .today a:visited, .primavera .calendar .today a:active { color: #d60257 !important; background-color: #ffffff; } .primavera .calendar .today span { color: #d60257 !important; background-color: #ffffff; } .primavera .calendar .today a:hover{ color: #ffffff !important; background-color: #d60257; } .primavera #searchResults .quantos { color: #f9ffb4; } .primavera #results h1 { color: #ffffff; } .primavera #results h1 a,.primavera #results h1 a:link,.primavera #results h1 a:visited,.primavera #results h1 a:active, .primavera #results h1 a:hover { color: #ffffff; } .primavera #results h2 { color: #f9ffb4; } .primavera #navega em { border-color: #d60257; } .primavera #navega p a:active { color: #f9ffb4; } .primavera #navega p a:hover { color: #f9ffb4; background-color: #d60257; } body { margin: 0; } form { margin: 0; padding: 0; } p { margin: 0; padding: 0; } a, a:link, a:active { color: ; text-decoration: none; } a:visited { color: ; text-decoration: none; } a:hover { color: ; text-decoration: none; } .clear { clear: both; height: 0px; line-height: 0px; font-size: 1px; } #container { font-family: Arial, Helvetica, sans-serif; width: 780px; font-size: 13px; float: right; } #footer { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; margin: 0; padding: 0; height: 60px; } #footer p { padding-top: 30px; } #blogtitle { font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; padding: 40px 0 10px; text-align: left; } #blogtitle a, #blogtitle a:link, #blogtitle a:visited, #blogtitle a:active, #blogtitle a:hover { background-color: transparent; text-decoration: none; } #blogdesc { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: left; padding-left: 30px; } #extras { padding: 18px; float: left; width: 220px; } #extras .title { padding: 5px 0pt 0pt 25px; font-size: 18px; font-family: Arial,Helvetica,sans-serif; } #extras .widget { padding: 0 20px 0 20px; } #extras a, #extras a:link, #extras a:active { font-size: 11px; text-decoration: underline; font-weight: normal;} #extras a:visited { text-decoration: underline;} #extras a:hover { text-decoration: underline; } #extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; } #extras .sep { margin-bottom: 20px;} #extras .sepB { margin-bottom: 5px; margin-top: 5px;} #extras .sapo img { border: 1px solid #CCC;} #extras .header { display: none; width: 220px; height: 160px; margin-bottom: 30px; } #profile img { margin: 0; padding: 0; } #messenger img { border: 0px solid ; } .buton { margin-top: 5px; font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; border: 1px solid; } .form { font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; border: 1px solid; margin-top: 5px; padding: 0 3px; } .calendar { text-align:center;} .calendar .day { width: 19px; padding: 2px 3px; height: 19px; float: left; text-transform: uppercase; font-size: 10px !important; } .calendar .dayNum { font-size: 10px !important; font-weight: bold; float: left; width: 19px; padding: 2px 3px; height: 19px;} .calendar .dayNum a, .calendar .dayNum a:link, .calendar .dayNum a:visited, .calendar .dayNum a:active { text-decoration: underline !important; font-size: 10px !important; padding: 2px 3px; } .calendar .dayNum a:hover { text-decoration: underline !important; font-size: 10px !important; padding: 2px 3px; } .calendar .today { font-size: 10px !important; font-weight: bold; float: left; width: 19px; padding: 2px 3px; height: 19px;} .calendar .today a, .calendar .today a:link, .calendar .today a:visited, .calendar .today a:active { font-size: 10px !important; text-decoration: underline !important; padding: 2px 3px; } .calendar .today span { padding: 3px 2px 2px; } .calendar .today a:hover{ font-size: 10px !important; text-decoration: underline !important; padding: 2px 3px; } .calendar .nav { width: 170px; padding: 0; float: left; } .calendar .left { float: left; } .calendar .right { float: right; } .archive_mini .year { display: inline; } .archive_mini p { display: inline; font-size: 11px; } .archive_group .year { margin-top: 10px; } .archive_group .arch_month { float: left; width: 25px; padding-right: 20px; } .rss img { margin-right: 5px; } #posts .barrita { text-align: center; } #posts, #YearPage { float: left; width: 483px; font-size: 13px; } #posts .header { width: 483px; height: 160px; } #posts .daysep { height: 30px; } #posts .date { margin-bottom: 10px; font-weight: bold; font-size: 11px; text-transform: uppercase; } #posts .title { margin: 2px 0 10px 0; line-height: 1em; font-weight: bold; } #posts .title a, #posts .title a:link, #posts .title a:active, #posts .title a:visited, #posts .title a:hover { font-family: Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 1px; text-decoration: none; padding: 0; } #posts .post { font-size: 13px; text-align: justify; line-height: 1.5em; } #posts .post a, #posts .post a:link, #posts .post a:active { text-decoration: underline; font-size: 13px; font-weight: normal; } #posts .post a:visited { text-decoration: underline;} #posts .post a:hover { text-decoration: underline; } #posts .sepB { height: 30px; } #posts .post p { margin: 0; padding: 0; } #posts .postreply { float: left; } #posts .navbot { font-size: 13px; text-align: right; padding: 0;} #posts .navbot a { text-decoration: underline; padding: 0pt 0pt 0pt 10px; } #posts .navbot a:hover { text-decoration: underline; } #posts .otherinfo { font-size: 10px; line-height: 1.5em; padding-top: 10px; } #posts .sign { clear: both; font-size: 10px; margin-top: 15px; line-height: 1.5em; } #posts .sign a, #posts .sign a:visited, #posts .sign a:active, #posts .sign a:hover, #posts .sign a:link { font-size: 10px; text-decoration: underline; } #posts .nav2 { font-size: 13px; text-align:right; padding-bottom: 20px;} #posts .nav2 a { padding: 0 4px; font-size:13px; text-align: right; text-decoration: none; } #posts .nav2 a:hover { padding: 0 4px; font-size:13px; text-align: right; text-decoration: none; } #posts .postreply a { padding: 0 4px; font-size: 13px; text-align: right; text-decoration: none; } #posts .postreply a:hover { padding: 0 4px; font-size: 13px; text-align: right; text-decoration: none; }#posts .navtop { display: none; font-size: 13px; text-align:right; padding: 0 20px 20px 0;} #posts .cal { width: 180px; height: 180px; margin: 1px; float: left; } #posts .tagsTitle { font-size: 18px; } #posts .tagsBox h2 { margin-right: 20px; } #posts .month { margin-bottom: 15px; } #YearPage { width: 580px; /*float: none; margin: auto;*/ } #YearPage .cal { width: 180px; height: 180px; margin: 1px; float: left; } #YearPage .tagsTitle { font-size: 18px; } #YearPage .tagsBox h2 { margin-right: 20px; } #YearPage .month { margin-bottom: 15px; } #comentar { padding-right: 20px; line-height: 2em; } #comentar .csep { border-bottom: 1px solid; height: 15px; margin-bottom: 20px; } #comentar .tsep { border-bottom: 1px solid; height: 15px; margin-bottom: 10px;} .comentar { text-align: justify; } .c1 { margin-left: 0; } .c2 { margin-left: 20px; } .c3 { margin-left: 40px; } .c4 { margin-left: 60px; } .c5 { margin-left: 80px; } #comentar .campo1 { padding-top: 10px; font-weight: bold; font-size: 12px; } #comentar .campo1D { padding: 10px 0px 3px 0px; font-size: 11px; font-weight: normal; } #comentar .campo2 { padding: 3px 0px 3px 20px; font-size: 11px; font-weight: normal; } #comentar .textbox { background: ; } #commenttext { width: 90%; } /*SEARCH RESULTS*/ #pesquisa { margin-bottom: 20px; line-height: 25px; } #pesquisa .campo1B { width: 65px; float: left; } #pesquisa .campo2B { float: left; } #pesquisa .campo3B { margin: 10px 0; float:left; } #searchResults .quantos { font-size: 10px;} #searchResults .pesquisapor { font-size: 11px; font-weight: bold;} #searchResults .pesquisapor a, #searchResults .pesquisapor a:link, #searchResults .pesquisapor a:visited, #searchResults .pesquisapor a:active{ text-decoration: underline; font-weight: bold; font-size: 11px;} #searchResults .pesquisapor a:hover { text-decoration: underline; } #results { padding: 0 20px 0 0; } #results li { list-style-type: decimal; font-size: 14px; font-weight: bold; margin: 0px 0px 15px 0px;} /*title*/ #results h1 { margin: 0px; font-size: 18px; } #results h1 a, #results h1 a:link, #results h1 a:visited, #results h1 a:active, #results h1 a:hover { font-weight: bold; font-size: 14px; padding: 1px 3px 1px 3px; } #results h1 a:hover { text-decoration: underline; } /*data e autor*/ #results h2 { margin: 0px; font-size: 10px; font-weight: normal;} /*texto*/ #results p { margin: 0px; font-weight: normal; font-size: 13px;} /*highlight*/ #results em { font-weight: bold; font-style: normal;} /*url*/ #results h3 { margin: 0px; font-size: 10px; font-weight: normal; } #results h3 a, #results h3 a:link, #results h3 a:visited, #results h3 a:active { text-decoration: underline; font-weight: normal; font-size: 11px;} #results h3 a:hover { text-decoration: underline;} /*Navegacao*/ #navega p { text-decoration: none; float: left; margin: 0px 0px 25px 0px; padding: 2px 4px 2px 4px; font-size: 13px; font-weight: bold; text-transform: uppercase; line-height: 2; } #navega p a, #navega p a:link, #navega p a:visited, #navega p a:active { text-decoration: none; padding: 2px 4px 2px 4px; font-weight: bold; font-size: 13px;} #navega p a:hover { text-decoration: none; padding: 2px 4px 2px 4px; } #navega em { border: 1px solid; text-decoration: none; padding: 2px 3px 2px 3px; font-style: normal; font-weight: bold; } #navega .navbot { float: right; padding: 2px 20px 2px 4px; } #navega .navbot a { font-size: 13px; line-height: 2; } .wtitle a { background: url(https://imgs.sapo.pt/images/blogs/templates/comentar.gif) top left no-repeat; padding-left: 18px;} #posts, #extras, #extrasB { overflow: hidden; } #extras .comment a { color: ; } #extras .comment a:hover { color: ; }