connections/css/default.css
changeset 12 72dd1126dda2
parent 10 1fdb801384f2
equal deleted inserted replaced
11:0cb435515672 12:72dd1126dda2
    16 	padding:0;
    16 	padding:0;
    17 	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
    17 	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
    18 	font-size: 0.9em;
    18 	font-size: 0.9em;
    19 	/* text-align:center; */
    19 	/* text-align:center; */
    20 	color:#29303B;
    20 	color:#29303B;
    21 	line-height:1.3em;
       
    22 	background: #F3F6ED;
    21 	background: #F3F6ED;
    23 }
    22 }
    24 a {
    23 a {
    25 	color: #909D73;	
    24 	color: #909D73;	
    26 	text-decoration:none;
    25 	text-decoration:none;
    38 }
    37 }
    39 #rap {
    38 #rap {
    40 	background:#fff url(../img/rap.jpg) center repeat-y;
    39 	background:#fff url(../img/rap.jpg) center repeat-y;
    41 	width:760px;
    40 	width:760px;
    42 	margin:0 auto;
    41 	margin:0 auto;
    43 	padding:0px 8px;
    42 	padding: 0 8px;
    44 	text-align:left;
    43 	text-align:left;
    45 	font-family: Trebuchet MS,Georgia, Arial, serif;
    44 	font-family: Trebuchet MS,Georgia, Arial, serif;
    46 	font-size: 0.9em;
    45 	font-size: 0.9em;
    47 }
    46 }
       
    47 #preheader {
       
    48   height: 9px;
       
    49   background: #f6f3ee;
       
    50 }
    48 #header {
    51 #header {
    49 	background:#fff url(../img/top.jpg) no-repeat bottom; 	
    52 	background-color: #fcfbf6; 	
    50  	height: 183px;
       
    51 	margin: 0 auto;
    53 	margin: 0 auto;
    52 	width:760px;
    54 	width: 741px;
    53 	padding:0;
    55 	padding: 1px 2px;
    54 	border:#fc9 0px solid;
    56 	border: #dedccf 1px solid;
       
    57 }
       
    58 #postheader {
       
    59   height: 7px;
       
    60   background: #f6f3ee;
       
    61 }
       
    62 #banner {
       
    63   background: url(../img/banner.jpg) no-repeat;
       
    64   height: 140px;
       
    65   padding-top: 3px;
    55 }
    66 }
    56 #main {
    67 #main {
    57 	margin:0 auto;
    68 	margin:0 auto;
    58 	padding:0;
    69 	padding:0;
    59 	background:url(../img/content_bg.gif) repeat;
    70 	background:url(../img/content_bg.gif) repeat;
    60 	width:740px;
    71 	width:740px;
       
    72 	line-height: 1.3em;
    61 }
    73 }
    62 #content {
    74 #content {
    63 	width:510px;
    75 	width:510px;
    64 	float:left;
    76 	float:left;
    65 	padding:5px;
    77 	padding:5px;
   125 }
   137 }
   126 #header h1 
   138 #header h1 
   127 {
   139 {
   128 	margin: 0;	
   140 	margin: 0;	
   129 	font-size: 1.6em;	
   141 	font-size: 1.6em;	
   130 	padding:10px 20px 0 0;
   142 	padding:10px 10px 0 0;
   131 	text-align:right;	
   143 	text-align:right;
   132 }
   144 }
   133 #header h1 a 
   145 #header h1 a 
   134 {
   146 {
   135 	color:#B5C09D;
   147 	color:#B5C09D;
   136 	text-decoration:none;
   148 	text-decoration:none;
   137 }
   149 }
   138 #header h1 a:hover 
   150 #header h1 a:hover 
   139 {
   151 {
   140 	color:#F7F3ED;
   152 	color:#F7F3ED;
       
   153 }
       
   154 #header #banner {
       
   155   line-height: 1.4em;
   141 }
   156 }
   142 #header #desc
   157 #header #desc
   143 {
   158 {
   144 	font-weight:normal;
   159 	font-weight:normal;
   145 	font-size:1em;
   160 	font-size:1em;
   146 	color:#B5C09D;
   161 	color:#B5C09D;
   147 	text-align:right;
   162 	text-align:right;
   148 	margin:0;
   163 	margin:0;
   149 	padding:0 20px 0 0;
   164 	padding:0 10px 0 0;
   150 }
   165 }
   151 #sidebar div.slider {
   166 #sidebar div.slider {
   152 	list-style-type: none;
   167 	list-style-type: none;
   153 	padding: 2px;
   168 	padding: 2px;
   154 	margin: 0;
   169 	margin: 0;
   170 	height:22px;
   185 	height:22px;
   171 	font-weight:bold;
   186 	font-weight:bold;
   172 }
   187 }
   173 #sidebar div.slideblock {
   188 #sidebar div.slideblock {
   174   padding: 5px;
   189   padding: 5px;
   175   padding-bottom: 3em;
   190   padding-bottom: 2em;
   176   overflow: hidden;   
   191   overflow: hidden;   
   177   background:#F3F6ED url(../img/sidenav_bottom.jpg) no-repeat bottom;
   192   background:#F3F6ED url(../img/sidenav_bottom.jpg) no-repeat bottom;
   178 }
   193 }
   179 #sidebar div.slideblock2 {
   194 #sidebar div.slideblock2 {
   180   padding: 5px;
   195   margin-top: 10px;
   181   padding-bottom: 3em;
       
   182   overflow: hidden;   
       
   183   background:#F3F6ED url(../img/sidenav_bottom.jpg) no-repeat bottom;
       
   184 }
   196 }
   185 #sidebar div.slideblock a {
   197 #sidebar div.slideblock a {
   186   display: block;
   198   display: block;
   187   color: #909D73;
   199   color: #909D73;
   188   padding: 4px;
   200   padding: 4px;
   239 	background: url(../img/bullet.gif) no-repeat 0 7px;
   251 	background: url(../img/bullet.gif) no-repeat 0 7px;
   240 	padding-left: 1.5em;
   252 	padding-left: 1.5em;
   241 }
   253 }
   242 #content p {
   254 #content p {
   243   margin-left: 1em;
   255   margin-left: 1em;
       
   256 }
       
   257 #content h3 {
       
   258   margin: 0.4em 0 0.6em 0;
   244 }
   259 }
   245 .post, .page {
   260 .post, .page {
   246 	margin:0 0 30px 0;
   261 	margin:0 0 30px 0;
   247 }
   262 }
   248 .page {
   263 .page {
   349 	border:#E1D6C6 1px solid;
   364 	border:#E1D6C6 1px solid;
   350 }
   365 }
   351 .commentlist .alt {
   366 .commentlist .alt {
   352 
   367 
   353 }
   368 }
       
   369 
   354 #topnav {
   370 #topnav {
   355 	list-style:none;
   371 	list-style:none;
   356 	font-size:0.9em;
   372 	font-size: 0.9em;
   357 	margin:0;	
   373 	margin: 0 0 1px 0;
   358 	padding:11px 20px 0 0;
   374 	padding: 0 10px 0 0;
   359 	text-align:right;	
   375 	text-align:right;	
   360 	font-family:Verdana, Arial, Sans-Serif;
   376 	font-family:Verdana, Arial, Sans-Serif;
   361 }
   377 	background-color: #7d8b5a;
       
   378 }
       
   379 
   362 #topnav li {
   380 #topnav li {
   363 	list-style: none;
   381 	list-style: none;
   364 	display: inline;
   382 	display: inline;
   365 	padding: 0;
   383 	padding: 0;
   366 	margin: 0;
   384 	margin: 0;
   367 	font-weight: bold;
   385 	font-weight: bold;
   368   position: relative;
   386   font-size: 0.9em;
   369   top: -2px;
       
   370   font-size: 1.1em;
       
   371 }
   387 }
   372 
   388 
   373 #topnav li.sep {
   389 #topnav li.sep {
   374 	margin-left: 3px;
   390   margin: 0 3px;
   375   margin-right: 3px;
       
   376   margin-top: 1px;
       
   377   margin-bottom: 1px;
       
   378   padding: 0;
   391   padding: 0;
   379   padding-bottom: 2px;
       
   380   border-left: 1px solid #3B4423;
   392   border-left: 1px solid #3B4423;
   381   border-right: 1px solid #F7F3ED;
   393   border-right: 1px solid #F7F3ED;
       
   394   position: relative;
       
   395   top: -3px;
       
   396 }
       
   397 
       
   398 #topnav li a:link, #topnav li a:visited {
       
   399   vertical-align: top;
       
   400   position: relative;
       
   401   top: 3px;
   382 }
   402 }
   383 
   403 
   384 #topnav li a:link, #topnav li a:visited, #topnav li input[type ~="submit"], #topnav li input[type ~="button"], #topnav li button {
   404 #topnav li a:link, #topnav li a:visited, #topnav li input[type ~="submit"], #topnav li input[type ~="button"], #topnav li button {
   385 	text-decoration: none;	
   405 	text-decoration: none;	
   386 	color: #BBC4A3;
   406 	color: #BBC4A3;
   387   border-width: 0 1px;
   407   border-width: 0 1px;
   388   border-style: solid;
   408   border-style: solid;
   389   border-color: #7D8B5A;
   409   border-color: #7D8B5A;
   390   background-color: #7D8B5A;
   410   background-color: #7D8B5A;
   391   padding: 3px;
   411   padding: 3px;
   392   margin: 0;
       
   393 }
   412 }
   394 #topnav li form {
   413 #topnav li form {
   395   margin: 0;
   414   margin: 0;
   396   padding: 0;
   415   padding: 0;
   397   display: inline;
   416   display: inline;
   398 }
   417 }
   399 #topnav li input[type ~="submit"], #topnav li input[type ~="button"], #topnav li button {
   418 #topnav li input[type ~="submit"], #topnav li input[type ~="button"], #topnav li button {
   400   font-size: 1em;
       
   401   cursor: pointer;
   419   cursor: pointer;
       
   420   padding: 2px;
       
   421   margin: 0;
       
   422   font-family: arial, helvetica, sans-serif;
       
   423   vertical-align: bottom;
       
   424   border-width: 0 1px;
   402 }
   425 }
   403 #topnav li input[type ~="text"] {
   426 #topnav li input[type ~="text"] {
   404   padding: 2px 2px 3px 2px;
   427   padding: 3px;
   405   background-color: #BBC4A3;
   428   background-color: #BBC4A3;
   406   border-color: #F7F3ED;
   429   border-color: #F7F3ED;
       
   430   border-width: 0 1px;
   407   color: #5D7B3A;
   431   color: #5D7B3A;
   408   margin: 0 4px;
   432   margin: 0 4px;
       
   433   font-family: arial, helvetica, sans-serif;
       
   434   vertical-align: bottom;
   409 }
   435 }
   410 #topnav li input[type ~="text"]:focus {
   436 #topnav li input[type ~="text"]:focus {
   411   color: #1c1010;
   437   color: #1c1010;
   412 }
   438 }
   413 #topnav li a:hover, #topnav li a:focus, #topnav li input[type ~="submit"]:hover, #topnav li input[type ~="button"]:hover, #topnav li button:hover, #topnav li input[type ~="submit"]:focus, #topnav li input[type ~="button"]:focus, #topnav li button:focus {
   439 #topnav li a:hover, #topnav li a:focus, #topnav li input[type ~="submit"]:hover, #topnav li input[type ~="button"]:hover, #topnav li button:hover, #topnav li input[type ~="submit"]:focus, #topnav li input[type ~="button"]:focus, #topnav li button:focus {
   428  * jBox menu system
   454  * jBox menu system
   429  */
   455  */
   430  
   456  
   431 /* Exception for Connections theme */
   457 /* Exception for Connections theme */
   432 div#pagebar_main {
   458 div#pagebar_main {
   433   margin: 0px 7px 0px 8px;
   459   border-top: 1px solid #e2d6c6;
       
   460   margin: 0px 8px 0 7px;
   434 }
   461 }
   435 
   462 
   436 div.menu, div.menu_nojs {
   463 div.menu, div.menu_nojs {
   437   background-color: #F3F6ED;
   464   background-color: #F3F6ED;
   438   font-size: 7pt;
   465   font-size: 7pt;