Ligue os Pontos: Le Domino Noir (2)

depois, no HTML ( após a tag ) coloque o seguinte trecho, antes ou depois de :

/* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: The Professional Template Design by: Ourblogtemplates.com Terms of Use: Free template with credit linked to Ourblogtemplates.com ----------------------------------------------------------------------- */ /* Variable definitions ======================== */ /* ----- GLOBAL ----- Blogger template design by Ourblogtemplates.com */ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: #4c4c4c; background: #e6e6e6 url() repeat top right; /* background-attachment: fixed; */ font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 15px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 7px; margin-top: 0px; margin-bottom: 15px; text-align: center; position: relative; width: 980px; background: #ffffff; border: 3px solid #ffffff; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: #cc0000; text-decoration: underline;} a:hover {color: #000000; text-decoration: underline;} a:visited {color: #cc0000; text-decoration: underline;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; visibility: hidden; display: none; } /* ----- TOP ADS ----- Blogger template design by Ourblogtemplates.com */ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #topads {margin: 0; padding: 0;} #topads .widget {margin: 0; padding: 5px 0;} /* ----- HEADER ----- Blogger template design by Ourblogtemplates.com */ #header-wrapper { margin: 7px 0px 7px 0px; padding: 4px; width: 970px; background: #ffffff; border: 1px solid #ffffff; } #header { width: 970px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: #000000; font: normal bold 171% Times, serif; font-variant: small-caps; margin: 0px 0px 0px 0px; padding: 10px 20px 0px 20px; } #header h1 a { text-decoration: none; color: #000000; } #header h1 a:hover { text-decoration: underline; color: #ffffff; } #header .description { color: #ffffff; font: normal normal 90% Georgia, Times, serif; margin: 0px 0px 0px 0px; padding: 1px 20px 25px 20px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- Blogger template design by Ourblogtemplates.com */ #linkbar-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 978px; position: relative; background: #000033; border: 1px solid #b3b3b3; } #linkbar .widget { margin: 0px 0px 0px 0px; padding: 4px 0px 7px 0px; text-align: left; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type:none; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -4px 0px 0px; padding: 7px 10px 7px 10px; width:100%; text-decoration:none; font: normal bold 65% Arial, sans-serif; color: #b3b3b3; text-transform: uppercase; border-right: 1px solid #333333; border-left: 0px solid #333333; } #linkbar a:hover { color: #ffffff; background: #333333; } /* ----- MIDDLE ADS ----- Blogger template design by Ourblogtemplates.com */ #middleads-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 980px; position: relative; text-align: center; } #middleads, #middleads2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* background: #ffffff; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; */ } #middleads .widget, #middleads2 .widget { margin: 0; padding: 10px 0; } /* ----- MAIN ----- Blogger template design by Ourblogtemplates.com */ #content-wrapper { width: 978px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; text-align: left; background: #ffffff; border: 1px solid #ffffff; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main-wrapper { float: left; width: 486px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main { width: 476px; margin: 4px; padding: 20px 0 0 0; color: #4c4c4c; font: normal normal 80% Arial, sans-serif; background: #ffffff; border: 1px solid #ffffff; } #main .widget { margin: 0px 0px 0px 0px; padding: 0px 25px 20px 25px; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; text-align: justify; } .post h3 { margin: 0px 0px 20px 0px; padding: 0px 0px 2px 0px; color: #003366; font: normal normal 155% Times, serif; text-decoration: none; text-align: left; line-height: 1.4em; /* text-transform: uppercase; */ border-bottom: 2px solid #cccccc; } .post h3 a, .post h3 a:visited { color: #003366; text-decoration: none; } .post h3 a:hover { color: #b3b3b3; text-decoration: none; } .post-header-line-1 { } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 7px 0px; text-align: left; color: #b3b3b3; font: normal normal 85% Georgia, Times, serif; text-decoration: none; text-transform: uppercase; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: #cc0000; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: #000000; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.6em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.6em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 0px; padding: 5px; background: #ffffff; border: 1px solid #ffffff; } /* ----- POST-FOOTER ----- Blogger template design by Ourblogtemplates.com */ .post-footer { display: block; margin: 15px 0px 25px 0px; padding: 7px 20px 7px 20px; text-align: left; font: normal normal 82% Arial, sans-serif; color: #b3b3b3; font-weight: normal; line-height: 1.6em; text-decoration: none; background: #fafafa; border: 1px solid #e6e6e6; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: #b3b3b3; text-decoration: none; } .post-footer a:hover { color: #000000; text-decoration: underline; } .post-footer .post-comment-link a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #b3b3b3; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: #000000; text-decoration: underline; } .post-footer .post-icons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: #fafafa; } #blog-pager { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; text-align: center; font: normal normal 82% Arial, sans-serif; color: #b3b3b3; } #blog-pager a {color: #b3b3b3} #blog-pager a:hover {color: #000000} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: normal normal 82% Arial, sans-serif; color: #b3b3b3; } .feed-links a, .feed-links a:visited {color: #b3b3b3} .feed-links a:hover {color: #000000} /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 15px; padding: 10px 15px 10px 15px; font: italic normal 105% Arial, sans-serif; line-height: 1.6em; color: #999999; background: #f8f8f8; border: 2px solid #e6e6e6; } /* ----- CODE ----- */ code { color: #808080; font-size: 110%; } /* ----- SIDEBAR ----- Blogger template design by Ourblogtemplates.com */ #side-wrapper1 { width: 156px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #side-wrapper2 { width: 336px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #side-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .sidebar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: normal normal 67% Arial, sans-serif; } #sidebar1 { width: 152px; margin: 4px 0px 0px 4px; padding: 0px 0px 0px 0px; color: #808080; line-height: 1.8em; } #sidebar2 { width: 332px; margin: 4px 4px 0px 0px; padding: 0px 0px 0px 0px; color: #808080; line-height: 1.8em; } #sidebar3 { width: 164px; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; color: #808080; line-height: 1.8em; } #sidebar4 { width: 164px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #808080; line-height: 1.8em; } #sidebar1 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: #ffffff; border: 1px solid #ffffff; } #sidebar2 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: #ffffff; border: 1px solid #ffffff; } #sidebar3 .widget, #sidebar4 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: #ffffff; border: 1px solid #ffffff; } /* sidebar heading ----- Blogger template design by Ourblogtemplates.com */ #sidebar1 h2, #sidebar2 h2, #sidebar3 h2, #sidebar4 h2 { margin: -15px -15px 10px -15px; padding: 5px 15px 5px 15px; text-align: left; color: #333333; font: normal bold 89% Arial, sans-serif; text-transform: uppercase; text-decoration: none; background: #cccccc; border-bottom: 1px solid #ffffff; } .sidebar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .sidebar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 0px solid #e6e6e6; } #sidebar1 a, #sidebar2 a, #sidebar3 a , #sidebar4 a { color: #808080; text-decoration: none; } #sidebar1 a:hover, #sidebar2 a:hover, #sidebar3 a:hover, #sidebar4 a:hover { text-decoration: none; color: #cc0000; } #sidebar1 a:visited, #sidebar2 a:visited, #sidebar3 a:visited, #sidebar4 a:visited { text-decoration: none; color: #808080; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid #ffffff; } /* ----- PROFILE ----- Blogger template design by Ourblogtemplates.com */ .profile-img { margin: 7px; padding: 0px; border: 1px solid #e6e6e6; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; clear: both; line-height: 1.6em; /* border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; */ } .profile-datablock { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- COMMENT ----- Blogger template design by Ourblogtemplates.com */ #comments { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: left; color: #808080; font: normal normal 101% Arial, sans-serif; } .comments-singleblock { margin: 15px 0px 15px 0px; padding: 15px; background: #f8f8f8; border: 1px solid #e6e6e6; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #cc0000; font: normal bold 124% Times, serif; text-transform: uppercase; } .deleted-comment { font-style:italic; color:gray; margin: 5px 0px 5px 0px; } .comment-author { margin: -15px -15px 0px -15px; padding: 5px 15px 5px 15px; color: #4c4c4c; font-weight: normal; background: #e6e6e6; border-bottom: 1px solid #e6e6e6; } .comment-author a {color: #4c4c4c; text-decoration: none;} .comment-author a:hover {color: #999999; text-decoration: underline;} .comment-author a:visited {color: #4c4c4c; text-decoration: none;} .comment-body {margin: 0; padding: 10px 0px 0px 30px;} .comment-body p {margin: 0; padding: 0; line-height: 1.6em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #999999; } .comment-timestamp a { color: #999999; text-decoration: none; } .comment-timestamp a:hover {color: #4c4c4c; text-decoration: underline;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } #backlinks-container {margin-top: 30px} /* ----- LOWER SECTION ----- Blogger template design by Ourblogtemplates.com */ #lower-wrapper { margin: 7px 0px 7px 0px; padding: 4px 0px 0px 0px; width: 978px; font: normal normal 67% Arial, sans-serif; color: #808080; background: #f8f8f8; border: 1px solid #cccccc; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 320px; text-align: left; line-height: 1.8em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .lowerbar .widget { margin: 0 0 4px 0; padding: 20px 20px 20px 20px; border: 1px solid #e6e6e6; background: #ffffff; } .lowerbar {margin: 0; padding: 0;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: -20px -20px 10px -20px; padding: 5px 20px 5px 20px; color: #ffffff; font: normal bold 89% Arial, sans-serif; text-align: left; text-transform: uppercase; background: #333333; border-bottom: 1px solid #e6e6e6; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 0px solid #d5cDc3; } .lowerbar a {color: #808080; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: #cc0000;} .lowerbar a:visited {text-decoration: none; color: #808080;} /* ----- FOOTER ----- Blogger template design by Ourblogtemplates.com */ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 980px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #footer { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; width: 978px; text-align: left; color: #333333; font: normal normal 79% Trebuchet, Trebuchet MS, Arial, sans-serif; line-height: 1.6em; background: #e6e6e6; border: 1px solid #cccccc; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; color: #333333; font: normal normal 113% Trebuchet, Trebuchet MS, Arial, sans-serif; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 20px 20px 20px; } .footer p {margin: 0; padding: 0} .footer a { color: #333333; text-decoration: none; } .footer a:hover { color: #333333; text-decoration: underline; } .footer a:visited { color: #333333; text-decoration: none; } /* ----- BOTTOM ADS ----- Blogger template design by Ourblogtemplates.com */ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} #bottomads .widget {margin: 0; padding: 5px 0;} /* ----- CREDIT ----- */ #credit { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width: 100%; height: 26px; clear: both; font-family: verdana, helvetica; font-size: 70%; color: #444444; font-weight: normal; background: #777777; } #creditleft { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: left; text-align: left; display: inline; width: 71%; background: #ffffff; } #creditright { margin: -33px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: right; text-align:right; display: inline; width: 30%; background: #ffffff; } #creditleft p { margin: 0; padding: 0 } #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: #444444; text-decoration: underline; } #creditright a, .creditright a:hover, .creditright a:visited { color: #444444; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } -->

12.10.09

Le Domino Noir (2)

Segue o resultado do desenvolvimento dos figurinos da ópera Le Domino Noir. Participou deste projeto os alunos da Faculdade Santa Marcelina orientados pelas professoras Renata Zaganin e Walquiria Caversan.
Adriana da Silva Martinez, Ana Maria Farina, Carolina Sabrina, Elisa Quinteros de Souza, Graziella Martins Cavalcanti, Jéssica Gonçalves Costa, Kalinka Serafim, Leandro Barros da Silva, Lúcia Helena Miranda Travaglini, Manuella Karmann, Marcella de Barros Toledo, Maria Beatriz Tibau Chicca, Mariana Scomparin Pereira,Mauro Spolar Camargo,Nívea Romanini, Renata Miguel Del Pino, Renata Nogueira, Suzan Zheng Xueling, assinaram esse lindo figurino!!!

Parabéns a essa especial e competente equipe!

Para saber sobre o projeto entre no site www.operaestudio.org.br