/* Design de Juliana Frazão e Helena Santiago Template desenvolvido para a cadeira Laboratório Multimédia 4 do curso Novas Tecnologias da Comunicação. 2009 - Universidade De Aveiro http://www.ua.pt */ body { margin: 0; background: #1f3239; } form { margin:0; padding: 0; } p { margin:0; padding: 0; } a, a:link, a:active { color: #97c213; text-decoration: none; } a:visited { color: #a3b5c6; text-decoration: none; } a:hover { color: #a3b5c6; text-decoration: none; } .clear { clear: both; height: 0px; line-height: 0px; font-size: 1px; } #container { font-family: Verdana, Arial, Helvetica, sans-serif; width: 960px; font-size: 11px; margin: auto; background: url('https://imgs.sapo.pt/images/blogs/templates/E9_froggy/background.jpg') repeat-y top left #f0f4f5; } #container .header {background: url('https://imgs.sapo.pt/images/blogs/templates/E9_froggy/header.jpg') no-repeat top left; width: 960px; height: 250px; } #footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; height: 155px; background: url('https://imgs.sapo.pt/images/blogs/templates/E9_froggy/footer.jpg') no-repeat top left;} #posts .author .disabled_link {pointer-events: none;cursor: default;text-decoration: none;} #posts span.message {margin: 0;} #posts span.message img {margin: 0;} #posts span.error {color:red} #posts span.ok {color:green} #posts span.hidden {display:none} #posts form.hidden {display:none} #blogtitle { font-family: Helvetica, Arial, sans-serif; font-size: 36px; font-weight: normal; color: #ffffff; padding: 50px 0 0 50px; text-align: left; margin: 0; } #blogtitle a, #blogtitle a:link, #blogtitle a:visited, #blogtitle a:active, #blogtitle a:hover{ background-color: transparent; color: #ffffff; text-decoration: none; } #blogdesc { font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-align: left; color: #ffffff; padding: 5px 0 0 70px; display: block; width: 550px; margin: 0; } #extras { margin-left: 50px; float:left; width: 250px; background-color: #1f3239; color: #a3b5c6; line-height: 2em; position: relative; } #extras .header {height: 65px !important; width: 250px !important; /*height: 300px;*/ background: transparent url(https://imgs.sapo.pt/images/blogs/templates/E9_froggy/extras_header.jpg) no-repeat top left; /*width: 250px;*/ } #extras .widget { padding: 0 30px 0 0; } #extras .comment .wtitle a { background: transparent url(https://imgs.sapo.pt/images/blogs/templates/comentar.gif) top left no-repeat; padding-left: 18px; } #extras .wbody { padding: 0 0 0 30px; } #extras .wbody ul.comment, #extras .wbody ul.post { padding: 0; margin: 0; } #extras .wbody .comment li, #extras .wbody .post li { list-style: none; } #extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; } #extras .title { font-size: 18px; color: #97c113; font-family: Helvetica, Arial, sans-serif; } #extras .title { background: transparent url(https://imgs.sapo.pt/images/blogs/templates/E9_froggy/pata_sapo.jpg) no-repeat top left; padding: 6px 0 0 25px; margin: 0; } #extras a, #extras a:link, #extras a:active { border-bottom: 0px; font-size: 11px; color: #cccccc; text-decoration:none; font-weight:normal;} #extras a:visited { color: #a3b5c6; text-decoration:none;} #extras a:hover { color: #97c113; text-decoration:none; } #extras .footer { background: transparent url(https://imgs.sapo.pt/images/blogs/templates/E9_froggy/extras_footer.jpg) no-repeat top left; height: 60px; } #extras .sep {margin-bottom:20px;} #extras .sepB {margin-bottom:5px; margin-top:5px;} #extras .sapo img { border:1px solid #CCC;} #extrasB { float:left; width: 0px; background-color: #ffffff; color: #ffffff; line-height: 2em; } #extrasB .widget { padding: 0 0 0 20px; } #extrasB .title { font-size: 18px; color: #ffffff; padding-top: 6px; font-family: Helvetica, Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; } #extrasB a, #extrasB a:link, #extrasB a:active { border-bottom: 0px; font-size: 11px; color: #ffffff; text-decoration:none; font-weight:normal;} #extrasB a:visited { color: #ffffff; text-decoration:none;} #extrasB a:hover { color: #ffffff; text-decoration:none; } #extrasB .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; } #extrasB .sep {margin-bottom:20px;} #extrasB .sepB {margin-bottom:5px; margin-top:5px;} #extrasB .sapo img { border:1px solid #CCC;} #profile { background: transparent url(https://imgs.sapo.pt/images/blogs/templates/E9_froggy/fotoframe.jpg) no-repeat 0 17px; left: -30px; width: 255px; height: 327px; position: relative; } #profile .profile_body { padding: 50px 0 0 50px; } #messenger img { border: 0px solid #CCC; } .buton { margin-top: 5px; font: 11px Arial, Helvetica, sans-serif; color: #ffffff; background: #97c113; border: 1px dashed #ffffff; } .form { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #132532; background: #89c4c8; border: 1px solid #cccccc; margin-top:5px; padding-left:3px; padding-right:3px; } .calendar { text-align:center;} .calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:8px; color: #89c4c8;} .calendar .dayNum { font-size:10px; font-weight:bold; color: #a3b5c6; float:left; width:19px; padding:2px 3px; height:19px;} .calendar .dayNum a, .calendar .dayNum a:link, .calendar .dayNum a:visited, .calendar .dayNum a:active { border-bottom: 0px; color: #bbc1c6 !important; text-decoration:underline; background-color: #132532 !important; padding:2px 3px; } .calendar .dayNum a:hover { color: #ffffff !important; text-decoration:underline; background-color: #97c113 !important; padding:2px 3px; } .calendar .today { font-size:10px; font-weight:bold; color: #ffffff; float:left; width:19px; padding:2px 3px; height:19px;} .calendar .today a, .calendar .today a:link, .calendar .today a:visited, .calendar .today a:active { border-bottom: 0px; color: #ffffff !important; text-decoration:underline; padding:2px 3px; background-color: #97c113 !important;} .calendar .today span { color: #ffffff; padding: 3px 2px 2px; background-color: #97c113;} .calendar .today a:hover{ color: #ffffff !important; text-decoration:underline; padding:2px 3px; background-color: #132532 !important;} .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 { padding-left: 60px; float:left; } #posts { width: 550px; font-size: 12px; color: #333333; } #postsB .postsB { float: left; width: 240px; height: 300px; font-size: 12px; color: #333333; padding: 45px 15px 10px 10px; margin-right: 10px; background: #f0f4f5 url(https://imgs.sapo.pt/images/blogs/templates/E9_froggy/post_b.jpg) no-repeat top left; overflow: hidden; } #postsB .postsB .datebox .date { font-size: 11px; color: #89c4c8; } #postsB .postsB .title a, #postsB .postsB .title a:link, #postsB .postsB .title a:active, #postsB .postsB .title a:visited, #postsB .postsB .title a:hover { font-family: Helvetica, Arial, sans-serif; text-decoration: none; display: block; font-size: 14px; color: #ffffff; } #postsB .postsB .posttext { color: #a3b5c6; } #postsB .postsB .title { margin-bottom: 15px; } #posts .daysep { border: 0px solid #ccff00; } #posts .datebox { margin-bottom: 15px; } #posts .date { font-size: 12px; text-transform: lowercase; color: #006699; } #posts .post { padding: 0 20px 0 0; margin-bottom: 50px; text-align: justify; line-height: 1.5em; } #posts .post p { margin: 0; padding: 0; } #posts .post { color: #333333; font-size: 12px; } #posts .post a, #posts .post a:link, #posts .post a:active { color: #97c213; text-decoration:none; font-size: 12px; font-weight:normal; } #posts .post a:visited { color: #cccccc; text-decoration:none;} #posts .post a:hover { color: #ffffff; text-decoration:none; } #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; letter-spacing: 1px; font-size: 18px; color: #97c213; font-weight: bold; } #posts .title { line-height: 1em; padding: 0; margin: 0 0 10px 0; } #posts .sep { border-bottom:1px solid #ccff00; height:15px; margin: 0 20px 20px 0; } #posts .sepB { margin-bottom:15px;} #posts .postreply { float: left; } #posts .postreply a { padding: 0 4px; font-size: 11px; text-align: right; text-decoration: none; } #posts .postreply a:hover { padding: 0 4px; font-size: 11px; text-align: right; text-decoration: none; }#posts .navtop { display: none; font-size: 11px; text-align:right; padding: 0 20px 20px 0;} #posts .navbot { font-size: 11px; text-align:right; padding: 0 20px 20px 0;} #posts .navbot a { padding: 0 4px; margin: 0 4px; font-size: 11px; text-align: right; text-decoration: none; } #posts .navbot a:hover { padding: 0 4px; margin: 0 4px; font-size: 11px; text-align: right; text-decoration: none; } #posts .nav2 { font-size: 11px; text-align:right; padding-bottom: 20px;} #posts .nav2 a { padding: 0 4px; font-size: 11px; text-align: right; text-decoration: none; } #posts .sharethis { margin-top: 10px; } #posts .nav2 a:hover { padding: 0 4px; font-size: 11px; text-align: right; text-decoration: none; } #posts .post .sign { font-size: 10px; margin-top:15px; color: #97c213; letter-spacing: 1px; clear: both; } #posts .post .sign a, #posts .post .sign a:link, #posts .post .sign a:active, #posts .post .sign a:visited { font-size: 10px; color: #97c213; letter-spacing: 1px; } #posts .post .sign a:hover { font-size: 10px; text-decoration: underline; color: #cccccc; } #posts .post .sign .widgets, #posts .sign .links { font-size: 10px; } #postsB .postsB .sign { font-size: 10px; margin-top:15px; color:#97c213; letter-spacing:1px; clear:both; } #postsB .postsB .sign a, #posts .sign a:link, #posts .sign a:active, #postsB .postsB .sign a:visited { font-size: 10px; color: #97c213; letter-spacing: 1px; } #postsB .postsB .sign a:hover { font-size: 10px; text-decoration: underline; color: #cccccc; } #postsB .postsB .sign .widgets, #postsB .postsB .sign .links { font-size: 10px; } #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; } #comentar { padding-right: 20px; line-height: 2em; } .comentar { text-align: justify; } #comentar .csep { height:15px; margin-bottom:20px;} #comentar .tsep { height:15px; margin-bottom:10px;} #comentar .comentar .sign { font-size: 10px; margin: 5px 0; color: #97c213;} #comentar .comentar .sign a, #comentar .comentar .sign a:link, #comentar .comentar .sign a:active, #comentar .comentar .sign a:visited, #comentar .comentar .sign a { font-size: 10px; } #comentar .comentar .sign a:hover { font-size: 10px; color: #cccccc; text-decoration: none; } .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; color: #132532; } #comentar .campo2 { padding:3px 0px 3px 20px; font-size:11px; font-weight:normal; color: #132532; } #comentar .textbox { color: #132532; background: #89c4c8; } #commenttext { width: 90%; } /*SEARCH RESULTS*/ #pesquisa { margin-bottom: 20px;line-height: 25px; } #pesquisa .campo1B { width: 65px; float:left; margin-right: 10px; } #pesquisa .campo2B { float:left; } #pesquisa .campo3B { margin: 10px 0; float:left; } #pesquisa .campo3B input { background: transparent; border: none; } #searchResults .quantos { color: #333333; 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; color: #97c213;} #results h1 a, #results h1 a:link, #results h1 a:visited, #results h1 a:active, #results h1 a:hover { color: #97c213; text-decoration:none; font-weight:bold; font-size:14px; padding: 1px 3px 1px 3px; } /*data e autor*/ #results h2 { margin:0px; font-size: 10px; color: #97c213; font-weight:normal;} /*texto*/ #results p { margin:0px; font-weight:normal; font-size: 12px;} /*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: 11px; font-weight:bold; text-transform:uppercase; line-height: 2; } #navega p a, #navega p a:link, #navega p a:visited, #navega p a:active { color: #97c213; text-decoration: none; padding:2px 4px 2px 4px; font-weight: bold; font-size: 11px;} #navega p a:hover { color: #a3b5c6; text-decoration: none; padding:2px 4px 2px 4px; } #navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #E1E1D2;} #navega .navbot { float: right; padding: 2px 20px 2px 4px; } #navega .navbot a { font-size: 11px; line-height: 2; } #extras, #extrasB, .widgetBox { overflow: hidden; } #posts {overflow-x: hidden; overflow-y: visible;} #extras .comment a { color: #cccccc; } #extrasB .comment a { color: #ffffff; } #extrasB .comment a:hover { color: #ffffff; } #extras .comment a:hover { color: #97c113; }