Difference: WebCSS (1 vs. 12)

Revision 1214 Sep 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 485 to 485
 #videogaleria li { list-style: none; margin: 2px; padding: 0px; display: block; float: left; width: 190px; }
Changed:
<
<		#twitter_div { width: 435px; }
>
>		#twitter_div { width: 435px; background: #fef7bd;}
 h2.sidebar-title { margin: 3px; padding: 0px; background: white; } #twitter_update_list { margin: 0px; padding: 0px; list-style: none; }
Changed:
<
<		#twitter_update_list li { margin: 3px; padding: 3px; border: 1px solid white; list-style: square inside; } #twitter_update_list li:hover { background: white; }
>
>		#twitter_update_list li { margin: 3px; padding: 3px; border: 1px solid white; list-style: square inside; background: white; } #twitter_update_list li:hover { background: #fef7bd; }
 #twitter_update_list li span { color: black; }

Revision 1111 Sep 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 484 to 484
 #videogaleria ul { margin: 0px; padding: 0px; } #videogaleria li { list-style: none; margin: 2px; padding: 0px; display: block; float: left; width: 190px; }
Added:
>
>		 #twitter_div { width: 435px; } h2.sidebar-title { margin: 3px; padding: 0px; background: white; } #twitter_update_list { margin: 0px; padding: 0px; list-style: none; } #twitter_update_list li { margin: 3px; padding: 3px; border: 1px solid white; list-style: square inside; } #twitter_update_list li:hover { background: white; } #twitter_update_list li span { color: black; }
 

Revision 1011 Aug 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 120 to 120
 } input {
padding
2px;
Changed:
<
<		 border:1px solid #eee;
>
>		 border:1px solid #dfdfdf;
 
font
normal 1em Verdana, sans-serif; color:#777;
}
Line: 128 to 128
  width:300px; padding:2px;
font
normal 1em Verdana, sans-serif;
Changed:
<
<		 border:1px solid #eee;
>
>		 border:1px solid #dfdfdf;
  height:100px; display:block; color:#777;
Line: 145 to 145
  input:hover.button { color: black; }
Added:
>
>		input:hover { border: 1px solid black; }
 /* search form */ form.searchform {
background
transparent;
Line: 479 to 481
 font-size: 9px; }
Added:
>
>		#videogaleria ul { margin: 0px; padding: 0px; } #videogaleria li { list-style: none; margin: 2px; padding: 0px; display: block; float: left; width: 190px; }
 

Revision 910 Aug 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 423 to 423
 #main a {
border-bottom
1px dotted #9EC068;
}
Added:
>
>		/* Noticias */

#noticias { float: right; text-align: left; width: 150px; font-size: 11px; font-weight: bold; background-color: #dfdfdf; padding: 2px; border: 1px inset #d2dce5; margin-left: 10px; -moz-border-radius: 10px; }

#noticias a { text-decoration: none; color: #294a76; }

#noticias a:hover { color: #000000; }

#noticias ul { margin: 0px; padding: 0px; }

#noticias li { display: block; margin: 2px; background-color: #d1e8fd; margin-bottom: 5px; border: 1px outset #294a76; padding: 3px; }

#noticias li:hover { border: 1px inset #ffffff; background-color: #d2dce5; }

#noticias h2 { font-size: 14px; margin: 2px; padding: 1px; border-bottom: 2px solid #294a76; }

#noticias span { font-weight: normal; text-align: center; font-size: 9px; }

 

Revision 801 Aug 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 20 to 20
 body {
margin
0;
padding
0;
Changed:
<
<
font
.70em/1.5em Verdana, Tahoma, Helvetica, sans-serif;
>
>
font
13px Verdana, Tahoma, Helvetica, sans-serif;
 
color
#666666;
background
#fff url(bg_page.jpg) left top repeat-x;
text-align
center; /* #A9BAC3 */
Line: 420 to 420
  body.ocultar .adminContent { display: none; }
Added:
>
>		#main a {
border-bottom
1px dotted #9EC068;
}
 

Revision 707 Jun 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 75 to 75
  border: 2px solid #CCC important; /* IE fix*/ border: 2px solid #568EB6; }
Changed:
<
<		a img.no-border, a:hover img.no-border, img.no-border {
>
>		#admenu a img, a img.no-border, a:hover img.no-border, img.no-border {
 
border
none important;
}

Revision 607 Jun 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 62 to 62
 img {
border
2px solid #CCC;
}
Deleted:
<
<		img.no-border {
border
none;
}
 img.float-right { margin: 5px 0px 5px 15px; }
Line: 78 to 75
  border: 2px solid #CCC important; /* IE fix*/ border: 2px solid #568EB6; }
Added:
>
>		a img.no-border, a:hover img.no-border, img.no-border {
border
none important;
}
  code { margin: 5px 0;
Line: 193 to 193
 /* header */ #header { position: relative;
Changed:
<
<		 height: 370px;
>
>		 height: 260px;
 
background
url(headerbg.gif) bottom left repeat-x; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;

Revision 507 Jun 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 137 to 137
 
margin
0;
font
bold 1em Arial, Sans-serif;
border
1px solid #CCC;
Changed:
<
<
background
#FFF;
>
>
background
#fff;
 
padding
2px 3px;
color
#4284B0;
Added:
>
>		 cursor: pointer;
 }
Added:
>
>		input:hover.button { color: black; }
 /* search form */ form.searchform {
background
transparent;
Line: 161 to 164
 
margin
0;
padding
2px 3px;
font
bold 12px Arial, Sans-serif;
Changed:
<
<
background
#FAFAFA;
border
1px solid #f2f2f2;
>
>
background
transparent important;
border
1px solid transparent;
 
color
#777;
width
60px;
vertical-align
top;
Line: 176 to 179
 
width
820px; height: 100%;
margin
0 auto;
text-align
left;
Added:
>
>		 -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px;
 } #content-wrap {
clear
both;
Line: 187 to 194
 #header { position: relative; height: 370px;
Changed:
<
<
background
#fff url(headerbg.gif) bottom left repeat-x;
>
>
background
url(headerbg.gif) bottom left repeat-x; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px;
 }

#header form.searchform {

Revision 406 Jun 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 7 to 7
 
WEBSITE
http://www.styleshout.com/ TEMPLATE NAME: Bright Side of Life TEMPLATE CODE: S-0005
Changed:
<
<
VERSION
1.0
>
>
VERSION
1.1+enearte by Valessio Brito
  *******************************************/

/********************************************

Line: 186 to 186
 /* header */ #header {
position
relative;
Changed:
<
<		 /* height: 85px; */
background
#fff url(headerbg.gif) repeat-x 0% 100%;
} #header h1#logo {
position
absolute;
margin
0; padding: 0;
font
bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing
-2px;
text-transform
lowercase;
top
0; left: 5px;
} #header h2#slogan {
position
absolute; top:37px; left: 95px;
color
#666666;
text-indent
0px;
font
bold 11px Tahoma, 'trebuchet MS', Sans-serif;
text-transform
none;
>
>		 height: 370px;
background
#fff url(headerbg.gif) bottom left repeat-x;
 }
Added:
>
>
 #header form.searchform {
position
absolute;
top
0; right: -12px;
Line: 310 to 295
  /* menu tabs */ #header ul {
Deleted:
<
<
z-index
999999;
 
position
absolute;
Added:
>
>		 z-index: 999;
  margin:0; padding: 0; list-style:none;
right
0;
Line: 369 to 360
 .clear { clear: both; } .green { color: #9EC630; } .gray { color: #BFBFBF; }
Added:
>
>		 /* Header Logo */

#logoSite #Bd1 { display: block; background: #fff url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebHeader/d1off.jpg") no-repeat; width: 142px; height: 163px; }

#logoSite #Be1 { display: block; background: #fff url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebHeader/e1off.jpg") top right no-repeat; margin: 0px; padding: 0px; width: 204px; height: 163px; }

#logoSite #Bb1 { display: block; width: 346px; height: 187px; margin: 0px; padding: 0px; background: url('http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebHeader/b1enearte.jpg') top right no-repeat; }

#logoSite a#Bd1:hover { background: url('http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebHeader/d1on.jpg') no-repeat; }

#logoSite a#Be1:hover { background: #fff url('http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebHeader/e1on.jpg') top right no-repeat; }

#logoSite a span { display: none; }

#logoSite { width: 350px; height: 350px; margin: 0px; padding: 0px; margin-left: 200px; display: block; }

body.ocultar .adminContent { display: none; }

 

Revision 306 Jun 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Changed:
<
<		* {
margin
0;
padding
0;
}
>
>		/********************************************
AUTHOR
Erwin Aligam
WEBSITE
http://www.styleshout.com/ TEMPLATE NAME: Bright Side of Life TEMPLATE CODE: S-0005
VERSION
1.0 *******************************************/

/******************************************** HTML ELEMENTS ********************************************/

 
Changed:
<
<		html {
background
#fff url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/html.png") repeat-x left top;
}
>
>		/* top elements */ * { padding: 0; margin: 0; }
  body {
Changed:
<
<
font-family
arial, sans-serif;
font-size
12px;
color
#888888;
background
url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/body.png") repeat-y left top;
width
1000px;
margin
0 auto 30px auto;
position
relative;
}

body.ocutar .adminUI { display: none; }

a img {

border
1px solid #ccc;
>
>
margin
0;
padding
0;
font
.70em/1.5em Verdana, Tahoma, Helvetica, sans-serif;
color
#666666;
background
#fff url(bg_page.jpg) left top repeat-x;
text-align
center; /* #A9BAC3 */
 }
Added:
>
>		/* links */
 a {
Changed:
<
<
color
#94AEBB;
>
>
color
#4284B0;
background-color
inherit;
 
text-decoration
none;
}
Deleted:
<
<
 a:hover {
Changed:
<
<		visibility: visible; /* IE bug fix */
>
>
color
#9EC068;
background-color
inherit;
 }
Changed:
<
<		a:hover img {
border
1px solid #729AD7;
>
>		/* headers */ h1, h2, h3 {
font
bold 1em 'Trebuchet MS', Arial, Sans-serif;
color
#333;
 }
Added:
>
>		h1 { font-size: 1.5em; color: #6297BC; } h2 { font-size: 1.4em; text-transform:uppercase;} h3 { font-size: 1.3em; }
 
Changed:
<
<		h1 {
font-size
14px;
>
>		p, h1, h2, h3 {
margin
10px 15px;
 }
Changed:
<
<		 h2 {
font-size
12px;
>
>		ul, ol {
margin
10px 30px;
padding
0 15px;
color
#4284B0;
 }
Changed:
<
<		 .page {
background
url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/page.jpg") no-repeat left top;
padding
28px 125px 0 115px;
width
760px;
>
>		ul span, ol span {
color
#666666;
 }
Changed:
<
<		.header {
position
relative;
width
760px;
height
400px;
overflow
hidden;
font-size
160%;
>
>		/* images */ img {
border
2px solid #CCC;
 }
Changed:
<
<		 .header a {
display
block;
width
760px;
height
170px;
cursor
pointer;
padding
20px 0 0 0;
text-align
center;
color
#84A7DC;
>
>		img.no-border {
border
none;
 }
Changed:
<
<		 .header span {
display
block;
position
absolute;
left
0;
top
0;
width
760px;
height
400px;
background
url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebHome/enearte2009.jpg") no-repeat center top;
>
>		img.float-right { margin: 5px 0px 5px 15px;
 }
Changed:
<
<		 .topmenu ul {
height
27px;
background
url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/topmenu.png") no-repeat left top;
text-align
right;
padding
35px 27px 0 0;
>
>		img.float-left { margin: 5px 15px 5px 0px;
 }
Changed:
<
<		 .page>.topmenu ul {
min-height
27px;
height
auto;
>
>		a img { border: 2px solid #568EB6;
 }
Changed:
<
<		 .topmenu ul li {
display
inline
>
>		a:hover img { border: 2px solid #CCC important; /* IE fix*/ border: 2px solid #568EB6;
 }
Changed:
<
<		.topmenu ul li a {
float
right;
width
105px;
height
22px;
background
#A3BDE5 url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/roll.png") no-repeat left top;
text-align
center;
color
#fff;
text-decoration
none;
font-size
12px;
>
>		code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #f2f2f2; border-left: 4px solid #4284B0; }

acronym { cursor: help; border-bottom: 1px solid #777; }

blockquote {

margin
15px; padding: 0 0 0 20px; background: #FAFAFA;
border
1px solid #f2f2f2;
border-left
4px solid #4284B0;
color
#4284B0;
font
bold 1.2em/1.5em Georgia, 'Bookman Old Style', Serif;
}

/* form elements */ form { margin:10px; padding: 0;

border
1px solid #f2f2f2;
background-color
#FAFAFA;
} label { display:block;
 
font-weight
bold;
Changed:
<
<
padding-top
5px;
overflow
hidden;
>
>		 margin:5px 0;
 }
Changed:
<
<		 .topmenu ul li>a {
min-height
22px;
height
auto;
>
>		input {
padding
2px; border:1px solid #eee;
font
normal 1em Verdana, sans-serif; color:#777;
} textarea { width:300px; padding:2px;
font
normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777;
 }
Changed:
<
<		 .topmenu ul li a:hover {
background
#83A6DC url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/roll.png") no-repeat 0 -27px;
>
>		input.button {
margin
0;
font
bold 1em Arial, Sans-serif;
border
1px solid #CCC;
background
#FFF;
padding
2px 3px;
color
#4284B0;
 }
Changed:
<
<		.main {
width
706px;
margin
0 auto;
>
>		/* search form */ form.searchform {
background
transparent;
border
none;
margin
0; padding: 0;
 }
Changed:
<
<		 .bluebox {
border
1px solid #ccc;
clear
both;
padding
7px 17px 9px 8px;
width
677px;
position
relative;
margin-bottom
18px;
>
>		form.searchform input.textbox {
margin
0;
width
120px;
border
1px solid #9EC630;
background
#FFF;
color
#333;
height
14px;
vertical-align
top;
 }
Changed:
<
<		 .bluebox .big {
float
left;
margin-right
40px;
>
>		form.searchform input.button {
margin
0;
padding
2px 3px;
font
bold 12px Arial, Sans-serif;
background
#FAFAFA;
border
1px solid #f2f2f2;
color
#777;
width
60px;
vertical-align
top;
 }
Changed:
<
<		.bluebox .big img {
padding
5px;
>
>		/*********************** LAYOUT ************************/ #wrap {
background
#FFF;
width
820px; height: 100%;
margin
0 auto;
text-align
left;
 }
Changed:
<
<		 .bluebox .right {
width
335px;
float
left;
padding-bottom
130px;
>
>		#content-wrap {
clear
both;
margin
0; padding: 0;
background
#FFF;
 }
Changed:
<
<		.bluebox .small1, .bluebox .small2 {
>
>		/* header */ #header {
position
relative; /* height: 85px; */
background
#fff url(headerbg.gif) repeat-x 0% 100%;
} #header h1#logo {
 
position
absolute;
Changed:
<
<
bottom
9px;
>
>
margin
0; padding: 0;
font
bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing
-2px;
text-transform
lowercase;
top
0; left: 5px;
 }
Changed:
<
<		 .bluebox .small2 {
left
534px;
>
>		#header h2#slogan {
position
absolute; top:37px; left: 95px;
color
#666666;
text-indent
0px;
font
bold 11px Tahoma, 'trebuchet MS', Sans-serif;
text-transform
none;
 }
Changed:
<
<		 .photos {
margin-bottom
15px;
>
>		#header form.searchform {
position
absolute;
top
0; right: -12px;
 }
Changed:
<
<		.photos a {
width
106px;
height
148px;
>
>		/* main */ #main {
 
float
left;
Changed:
<
<
background
#C2D3EE;
text-align
center;
color
#A2A3A6;
text-decoration
none;
font-size
11px;
font-weight
bold;
margin-right
14px;
}

.photos>a {

min-height
148px;
height
auto;
}

.photos a.last, .greybox-background .right a.last {

margin-right
0;
}

.photos a:hover {

color
#729AD7;
}

.photos a span {

display
block;
padding-top
2px;
>
>
margin-left
15px;
padding
0;
width
600px;
 }
Changed:
<
<		.photos a>span {
padding-top
5px;
>
>		.post-footer {
background-color
#FAFAFA;
padding
5px; margin: 20px 15px 0 15px;
border
1px solid #f2f2f2;
font-size
95%;
 }
Changed:
<
<		 .greybox {
border
1px solid #ccc;
margin-bottom
39px;
padding
5px 0;
>
>		.post-footer .date {
background
url(clock.gif) no-repeat left center;
padding-left
20px; margin: 0 10px 0 5px;
 }
Changed:
<
<		 .greybox-background {
background
url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/gbback.jpg") repeat-y left top;
width
100%;
line-height
170%;
>
>		.post-footer .comments {
background
url(comment.gif) no-repeat left center;
padding-left
20px; margin: 0 10px 0 5px;
 }
Changed:
<
<		 .greybox-background .left, .greybox-background .right {
width
321px;
float
left;
padding
0 10px;
>
>		.post-footer .readmore {
background
url(page.gif) no-repeat left center;
padding-left
20px; margin: 0 10px 0 5px;
 }
Changed:
<
<		.greybox-background .right {
>
>		/* sidebar */ #sidebar {
 
float
left;
Changed:
<
<
padding
0 19px 0 20px;
}

#contact * {

vertical-align
middle;
>
>
width
23%;
margin
0; padding: 0;
display
inline;
} #sidebar div.sidemenu ul { list-style:none; margin:10px 0 10px 15px; padding:0;
 }
Changed:
<
<		 #contact fieldset {
border
none;
>
>		#sidebar div.sidemenu ul li { margin-bottom:1px;
border
1px solid #f2f2f2;
 }
Changed:
<
<		 #contact fieldset p {
margin-bottom
3px;
>
>		#sidebar div.sidemenu ul a { display:block; font-weight:bold;
color
#333; text-decoration:none; padding:2px 5px 2px 10px;
background
#f2f2f2; border-left:4px solid #CCC; min-height:18px;
 }
Changed:
<
<		#contact label {
padding-right
3px;
}
>
>		* html body #sidebar div.sidemenu ul a { height: 18px; }
 
Changed:
<
<		#contact legend {
color
#BFBFBF;
margin-left
-7px;
>
>		#sidebar div.sidemenu ul a:hover { padding:2px 5px 2px 10px;
background
#f2f2f2;
color
#339900; border-left:4px solid #9EC630;
 }
Changed:
<
<		#contact fieldset>legend {
margin-left
0;
>
>		/* rightbar */ #rightbar {
float
right;
width
23%;
padding
0; margin:0;
 }
Changed:
<
<		#name, #email {
height
13px;
width
218px;
border
1px solid #B5B5B5;
>
>		/* Footer */ #footer {
clear
both;
color
#A9BAC3;
background
#FFF;
border-top
2px solid #568EB6;
margin
0; padding: 0;
height
50px;
font-size
95%;
 }
Changed:
<
<		#send {
border
none;
width
62px;
height
15px;
background
#D5D5D5;
cursor
pointer;
margin
4px 0 0 34px;
color
#B8B8B8;
line-height
100%;
>
>		#footer a {
text-decoration
none;
 
font-weight
bold;
Added:
>
>
color
#A9BAC3;
 }
Changed:
<
<		 fieldset>#send {
min-height
15px;
height
auto;
>
>		#footer a:hover {
color
#568EB6;
 }
Changed:
<
<		 .greybox-background .right a {
display
block;
>
>		#footer .footer-left{
 
float
left;
Changed:
<
<
margin-right
11px;
margin-top
8px;
}

.greybox2 {

border
1px solid #ccc;
margin-bottom
15px;
padding
9px 7px;
width
688px;
>
>
width
65%;
 }
Changed:
<
<		 .greybox2 .preview {
float
left;
margin-right
40px;
margin-right
44px;
>
>		#footer .footer-right{
float
right;
width
30%;
 }
Changed:
<
<		.greybox2 .preview img {
padding
5px;
>
>		/* menu tabs */ #header ul {
z-index
999999;
position
absolute; margin:0; padding: 0; list-style:none;
right
0;
bottom
6px important; bottom: 5px;
font
bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
 }
Changed:
<
<		.greybox2 .right {
float
left;
width
350px;
>
>		#header li { display:inline; margin:0; padding:0;
 }
Changed:
<
<		 .greybox2 .right a {
>
>		#header a {
 
float
left;
Changed:
<
<
margin
0 14px 7px 0;
}

.footer1 {

text-align
center;
padding
0 27px 3px 27px;
}

.footer1 a {

color
#888;
text-decoration
none;
}

.footer1 a:hover {

color
#729AD7;
>
>
background
url(tableft.gif) no-repeat left top; margin:0; padding:0 0 0 4px;
 
text-decoration
none;
}
Changed:
<
<		 .footer2 {
font-size
0px;
line-height
0px;
height
18px;
background
url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/footer.png") no-repeat left top;
margin-left
105px;
}

.cleaner {

font-size
0px;
line-height
0px;
height
0px;
clear
both;
}

.lightBlueBg { background-color: #EAF2F5; }

>
>		#header a span { float:left; display:block;
background
url(tabright.gif) no-repeat right top; padding:6px 15px 3px 8px;
color
#FFF;
} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a span {float:none;} /* End IE5-Mac hack */ #header a:hover span { color:#FFF; } #header a:hover { background-position:0% -42px; } #header a:hover span { background-position:100% -42px; } #header #current a { background-position:0% -42px;
color
#FFF;
} #header #current a span { background-position:100% -42px;
color
#FFF;
} /* end menu tabs */

/* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; }

/* additional classes */ .clear { clear: both; } .green { color: #9EC630; } .gray { color: #BFBFBF; }

 
Line: 354 to 385
 
META FILEATTACHMENT attachment="roll.png" attr="" comment="" date="1244045925" name="roll.png" path="roll.png" size="1824" stream="roll.png" tmpFilename="/var/tmp/CGItemp6839" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="topmenu.png" attr="" comment="" date="1244045930" name="topmenu.png" path="topmenu.png" size="599" stream="topmenu.png" tmpFilename="/var/tmp/CGItemp6922" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="favicon.ico" attr="" comment="" date="1244047038" name="favicon.ico" path="favicon.ico" size="1406" stream="favicon.ico" tmpFilename="/var/tmp/CGItemp6942" user="JoaoMatos" version="1"
Added:
>
>
META FILEATTACHMENT attachment="bg.gif" attr="" comment="" date="1244309490" name="bg.gif" path="bg.gif" size="288" stream="bg.gif" tmpFilename="/var/tmp/CGItemp6946" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="headerphoto.jpg" attr="" comment="" date="1244309500" name="headerphoto.jpg" path="headerphoto.jpg" size="5080" stream="headerphoto.jpg" tmpFilename="/var/tmp/CGItemp6887" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="clock.gif" attr="" comment="" date="1244309507" name="clock.gif" path="clock.gif" size="272" stream="clock.gif" tmpFilename="/var/tmp/CGItemp6908" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="comment.gif" attr="" comment="" date="1244309514" name="comment.gif" path="comment.gif" size="364" stream="comment.gif" tmpFilename="/var/tmp/CGItemp6749" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="page.gif" attr="" comment="" date="1244309531" name="page.gif" path="page.gif" size="393" stream="page.gif" tmpFilename="/var/tmp/CGItemp6910" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="tableft.gif" attr="" comment="" date="1244309554" name="tableft.gif" path="tableft.gif" size="870" stream="tableft.gif" tmpFilename="/var/tmp/CGItemp6902" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="tabright.gif" attr="" comment="" date="1244309564" name="tabright.gif" path="tabright.gif" size="1345" stream="tabright.gif" tmpFilename="/var/tmp/CGItemp6964" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="headerbg.gif" attr="" comment="" date="1244309573" name="headerbg.gif" path="headerbg.gif" size="102" stream="headerbg.gif" tmpFilename="/var/tmp/CGItemp6852" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="firefox-gray.jpg" attr="" comment="" date="1244309585" name="firefox-gray.jpg" path="firefox-gray.jpg" size="2436" stream="firefox-gray.jpg" tmpFilename="/var/tmp/CGItemp6870" user="ValessioBrito" version="1"
META FILEATTACHMENT attachment="bg_page.jpg" attr="" comment="" date="1244311576" name="bg_page.jpg" path="bg_page.jpg" size="10313" stream="bg_page.jpg" tmpFilename="/var/tmp/CGItemp6970" user="ValessioBrito" version="1"

Revision 204 Jun 2009 - ValessioBrito

Line: 1 to 1
 
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
Line: 58 to 58
 .header {
position
relative;
width
760px;
Changed:
<
<
height
170px;
>
>
height
400px;
 
overflow
hidden;
font-size
160%;
}
Line: 79 to 79
 
left
0;
top
0;
width
760px;
Changed:
<
<
height
170px;
background
url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebCSS/h1.png") no-repeat left top;
>
>
height
400px;
background
url("http://www.ssl.faced.ufba.br/twiki/pub/Enearte/WebHome/enearte2009.jpg") no-repeat center top;
 }

.topmenu ul {

Revision 103 Jun 2009 - JoaoMatos

Line: 1 to 1
Added:
>
>
META TOPICPARENT name="ProjetoGrafico" 
%STARTINCLUDE%
* {
   margin: 0;
   padding: 0;
}

html {
   background: #fff url("%PUBURL%/%WEB%/WebCSS/html.png") repeat-x left top;
}

body {
   font-family: arial, sans-serif;
   font-size: 12px;
   color: #888888;
   background: url("%PUBURL%/%WEB%/WebCSS/body.png") repeat-y left top;
   width: 1000px;
   margin: 0 auto 30px auto;
   position: relative;
}

body.ocutar .adminUI { display: none; }

a img {
   border: 1px solid #ccc;
}

a {
   color: #94AEBB;
   text-decoration: none;
}

a:hover {
visibility: visible;
/* IE bug fix */
}

a:hover img {
   border: 1px solid #729AD7;
}

h1 {
   font-size: 14px;
}

h2 {
   font-size: 12px;
}

.page {
   background: url("%PUBURL%/%WEB%/WebCSS/page.jpg") no-repeat left top;
   padding: 28px 125px 0 115px;
   width: 760px;
}

.header {
   position: relative;
   width: 760px;
   height: 170px;
   overflow: hidden;
   font-size: 160%;
}

.header a {
   display: block;
   width: 760px;
   height: 170px;
   cursor: pointer;
   padding: 20px 0 0 0;
   text-align: center;
   color: #84A7DC;
}

.header span {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 760px;
   height: 170px;
   background: url("%PUBURL%/%WEB%/WebCSS/h1.png") no-repeat left top;
}

.topmenu ul {
   height: 27px;
   background: url("%PUBURL%/%WEB%/WebCSS/topmenu.png") no-repeat left top;
   text-align: right;
   padding: 35px 27px 0 0;
}

.page>.topmenu ul {
   min-height: 27px;
   height: auto;
}

.topmenu ul li {
   display: inline
}

.topmenu ul li a {
   float: right;
   width: 105px;
   height: 22px;
   background: #A3BDE5 url("%PUBURL%/%WEB%/WebCSS/roll.png") no-repeat left top;
   text-align: center;
   color: #fff;
   text-decoration: none;
   font-size: 12px;
   font-weight: bold;
   padding-top: 5px;
   overflow: hidden;
}

.topmenu ul li>a {
   min-height: 22px;
   height: auto;
}

.topmenu ul li a:hover {
   background: #83A6DC url("%PUBURL%/%WEB%/WebCSS/roll.png") no-repeat 0 -27px;
}

.main {
   width: 706px;
   margin: 0 auto;
}

.bluebox {
   border: 1px solid #ccc;
   clear: both;
   padding: 7px 17px 9px 8px;
   width: 677px;
   position: relative;
   margin-bottom: 18px;
}

.bluebox .big {
   float: left;
   margin-right: 40px;
}

.bluebox .big img {
   padding: 5px;
}

.bluebox .right {
   width: 335px;
   float: left;
   padding-bottom: 130px;
}

.bluebox .small1, .bluebox .small2 {
   position: absolute;
   bottom: 9px;
}

.bluebox .small2 {
   left: 534px;
}

.photos {
   margin-bottom: 15px;
}

.photos a {
   width: 106px;
   height: 148px;
   float: left;
   background: #C2D3EE;
   text-align: center;
   color: #A2A3A6;
   text-decoration: none;
   font-size: 11px;
   font-weight: bold;
   margin-right: 14px;
}

.photos>a {
   min-height: 148px;
   height: auto;
}

.photos a.last, .greybox-background .right a.last {
   margin-right: 0;
}

.photos a:hover {
   color: #729AD7;
}

.photos a span {
   display: block;
   padding-top: 2px;
}

.photos a>span {
   padding-top: 5px;
}

.greybox {
   border: 1px solid #ccc;
   margin-bottom: 39px;
   padding: 5px 0;
}

.greybox-background {
   background: url("%PUBURL%/%WEB%/WebCSS/gbback.jpg") repeat-y left top;
   width: 100%;
   line-height: 170%;
}

.greybox-background .left, .greybox-background .right {
   width: 321px;
   float: left;
   padding: 0 10px;
}

.greybox-background .right {
   float: left;
   padding: 0 19px 0 20px;
}

#contact * {
   vertical-align: middle;
}

#contact fieldset {
   border: none;
}

#contact fieldset p {
   margin-bottom: 3px;
}

#contact label {
   padding-right: 3px;
}

#contact legend {
   color: #BFBFBF;
   margin-left: -7px;
}

#contact fieldset>legend {
   margin-left: 0;
}

#name, #email {
   height: 13px;
   width: 218px;
   border: 1px solid #B5B5B5;
}

#send {
   border: none;
   width: 62px;
   height: 15px;
   background: #D5D5D5;
   cursor: pointer;
   margin: 4px 0 0 34px;
   color: #B8B8B8;
   line-height: 100%;
   font-weight: bold;
}

fieldset>#send {
   min-height: 15px;
   height: auto;
}

.greybox-background .right a {
   display: block;
   float: left;
   margin-right: 11px;
   margin-top: 8px;
}

.greybox2 {
   border: 1px solid #ccc;
   margin-bottom: 15px;
   padding: 9px 7px;
   width: 688px;
}

.greybox2 .preview {
   float: left;
   margin-right: 40px;
   margin-right: 44px;
}

.greybox2 .preview img {
   padding: 5px;
}

.greybox2 .right {
   float: left;
   width: 350px;
}

.greybox2 .right a {
   float: left;
   margin: 0 14px 7px 0;
}

.footer1 {
   text-align: center;
   padding: 0 27px 3px 27px;
}

.footer1 a {
   color: #888;
   text-decoration: none;
}

.footer1 a:hover {
   color: #729AD7;
   text-decoration: none;
}

.footer2 {
   font-size: 0px;
   line-height: 0px;
   height: 18px;
   background: url("%PUBURL%/%WEB%/WebCSS/footer.png") no-repeat left top;
   margin-left: 105px;
}

.cleaner {
   font-size: 0px;
   line-height: 0px;
   height: 0px;
   clear: both;
}

.lightBlueBg {
  background-color: #EAF2F5;
}

%STOPINCLUDE%

META FILEATTACHMENT attachment="body.png" attr="" comment="" date="1244045818" name="body.png" path="body.png" size="153" stream="body.png" tmpFilename="/var/tmp/CGItemp6843" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="footer.png" attr="" comment="" date="1244045826" name="footer.png" path="footer.png" size="779" stream="footer.png" tmpFilename="/var/tmp/CGItemp6887" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="gbback.jpg" attr="" comment="" date="1244045831" name="gbback.jpg" path="gbback.jpg" size="730" stream="gbback.jpg" tmpFilename="/var/tmp/CGItemp6922" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="h1.png" attr="" comment="" date="1244045840" name="h1.png" path="h1.png" size="16582" stream="h1.png" tmpFilename="/var/tmp/CGItemp6998" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="html.png" attr="" comment="" date="1244045846" name="html.png" path="html.png" size="1761" stream="html.png" tmpFilename="/var/tmp/CGItemp6923" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="img1.jpg" attr="" comment="" date="1244045868" name="img1.jpg" path="img1.jpg" size="632" stream="img1.jpg" tmpFilename="/var/tmp/CGItemp6790" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="img1-s.jpg" attr="" comment="" date="1244045901" name="img1-s.jpg" path="img1-s.jpg" size="420" stream="img1-s.jpg" tmpFilename="/var/tmp/CGItemp6851" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="img2.jpg" attr="" comment="" date="1244045907" name="img2.jpg" path="img2.jpg" size="631" stream="img2.jpg" tmpFilename="/var/tmp/CGItemp7017" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="img2-s.jpg" attr="" comment="" date="1244045914" name="img2-s.jpg" path="img2-s.jpg" size="420" stream="img2-s.jpg" tmpFilename="/var/tmp/CGItemp6895" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="page.jpg" attr="" comment="" date="1244045920" name="page.jpg" path="page.jpg" size="31497" stream="page.jpg" tmpFilename="/var/tmp/CGItemp6918" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="roll.png" attr="" comment="" date="1244045925" name="roll.png" path="roll.png" size="1824" stream="roll.png" tmpFilename="/var/tmp/CGItemp6839" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="topmenu.png" attr="" comment="" date="1244045930" name="topmenu.png" path="topmenu.png" size="599" stream="topmenu.png" tmpFilename="/var/tmp/CGItemp6922" user="JoaoMatos" version="1"
META FILEATTACHMENT attachment="favicon.ico" attr="" comment="" date="1244047038" name="favicon.ico" path="favicon.ico" size="1406" stream="favicon.ico" tmpFilename="/var/tmp/CGItemp6942" user="JoaoMatos" version="1"
View topic | History: r12 < r11 < r10 < r9 | More topic actions...
 
This site is powered by the TWiki collaboration platformCopyright &© by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback