connections/css/_printable.css
changeset 4 ffba60211d61
equal deleted inserted replaced
3:42d8ae8f6f71 4:ffba60211d61
       
     1 /* 
       
     2 Theme Name: Connections
       
     3 Theme URI: http://www.patriciamuller.com/
       
     4 Version: 1.0
       
     5 Description: A Theme from wpthemes.Info
       
     6 Author: Patricia Muller
       
     7 Author URI: http://www.vanillamist.com/blog/
       
     8 
       
     9 Port information:
       
    10 Ported from: WordPress
       
    11 Ported by: Dan Fuhry - http://midget.rgw-net.com/
       
    12 */
       
    13 html,body { height: 100%; }
       
    14 body {
       
    15 	margin:0;
       
    16 	padding:0;
       
    17 	font-family: 'Trebuchet MS',Georgia, Times, Times New Roman, sans-serif;
       
    18 	font-size: 0.9em;
       
    19 	text-align:center;
       
    20 	color:#333333;
       
    21 	line-height:1.3em;
       
    22 	background: #FFFFFF;
       
    23 }
       
    24 a {
       
    25 	color: #000000;	
       
    26 	text-decoration:underline;
       
    27 }
       
    28 a:visited {
       
    29 	color: #000000;
       
    30 }
       
    31 a:hover {
       
    32 	color: #000000;
       
    33   background-color: #EEE;
       
    34 	text-decoration:underline;
       
    35 }
       
    36 input, textarea 
       
    37 {
       
    38 	background: #FFFFFF;
       
    39 	border: #000000 1px solid;
       
    40 }
       
    41 #rap 
       
    42 {
       
    43 	background:#fff;
       
    44 	width:760px;
       
    45 	margin:0 auto;
       
    46 	padding:0px 8px;
       
    47 	text-align:left;
       
    48 	font-family: Trebuchet MS,Georgia, Arial, serif;
       
    49 	font-size: 0.9em;
       
    50 }
       
    51 #header {
       
    52 	background:#FFF; 	
       
    53  	height: 183px;
       
    54 	margin: 0 auto;
       
    55 	width:740px;
       
    56 	padding:0;
       
    57 	border:#000 1px solid;
       
    58   border-bottom 0px solid #FFFFFF;
       
    59 }
       
    60 #main 
       
    61 {
       
    62 	margin:0 auto;
       
    63 	padding:0;
       
    64 	background:#FFF;
       
    65 	width:740px;
       
    66 }
       
    67 #content {
       
    68 	width:510px;
       
    69 	float:left;
       
    70 	padding:5px;
       
    71 	margin:0;
       
    72 	overflow:auto;
       
    73 	display:inline;
       
    74   text-align: left;
       
    75 }
       
    76 #sidebar {
       
    77 	width:186px;
       
    78 	float:right;
       
    79 	padding:0px 8px 10px 8px;
       
    80 	margin:0;
       
    81 	font-size:1em;
       
    82 	color:#333;
       
    83 	display:inline;
       
    84 } 
       
    85 a img {
       
    86 	border: none;
       
    87 }
       
    88 acronym, abbr {
       
    89 	border-bottom: 1px dotted #000000;
       
    90 }
       
    91 acronym, abbr, span.caps {
       
    92 	cursor: help;
       
    93 	letter-spacing: .07em;
       
    94 }
       
    95 code {
       
    96 	font-size: 1em;
       
    97 	font-style: italic;
       
    98 }
       
    99 blockquote {
       
   100 	margin: 15px 30px 0 45px;
       
   101 	padding: 0 0 0 45px;
       
   102 	background: #FFF;
       
   103   border: 1px solid #000;
       
   104 	font-style:italic;
       
   105 }
       
   106 
       
   107 cite {
       
   108 	font-size: 0.9em;
       
   109 	font-style: normal;
       
   110 }
       
   111 h3 {
       
   112 	margin: 0;
       
   113 	padding: 0;
       
   114 	font-size:1.3em;
       
   115 }
       
   116 p {
       
   117 	margin: 0 0 1em;
       
   118 	padding: 0;
       
   119 	line-height: 1.5em;
       
   120 }
       
   121 h1, h2, h3, h4 {
       
   122 	font-family: Georgia, "Lucida Sans Unicode", lucida, Verdana, serif;
       
   123 	font-weight: normal;
       
   124 	letter-spacing: 1px;
       
   125 }
       
   126 #header h1 
       
   127 {
       
   128 	margin: 0;	
       
   129 	font-size: 1.6em;	
       
   130 	padding:10px 20px 0 0;
       
   131 	text-align:right;	
       
   132 }
       
   133 #header h1 a 
       
   134 {
       
   135 	color:#606060;
       
   136 	text-decoration:none;
       
   137 }
       
   138 #header h1 a:hover 
       
   139 {
       
   140 	color:#606060;
       
   141   text-decoration: underline;
       
   142 }
       
   143 #header #desc
       
   144 {
       
   145 	font-weight:normal;
       
   146 	font-size:1em;
       
   147 	color:#606060;
       
   148 	text-align:right;
       
   149 	margin:0;
       
   150 	padding:0 20px 0 0;
       
   151 }
       
   152 #sidebar div.heading {
       
   153 	margin: 0 0 0 0;
       
   154 	padding:2px;
       
   155 	font-size: 1em;
       
   156 	color: #000000;
       
   157 	text-align:center;
       
   158 	background:#DDDDDD;
       
   159 	border:#ccc 0px solid;
       
   160 	height:22px;
       
   161 	font-weight:bold;
       
   162 }
       
   163 #sidebar div.slider {
       
   164 	list-style-type: none;
       
   165 	margin: 0;
       
   166   margin-top: 7px;
       
   167 	font-size: 0.9em;	
       
   168 }
       
   169 #sidebar div.slideblock {
       
   170   padding: 5px;
       
   171   overflow: hidden;
       
   172   background:#FFFFFF;
       
   173   border: 1px solid #000000;
       
   174   border-top 0px solid #FFFFFF;
       
   175 }                      
       
   176 #sidebar div.slideblock a {
       
   177   display: block;
       
   178   color: #333333;
       
   179   padding: 4px;
       
   180   text-decoration: none;
       
   181 }
       
   182 #sidebar div.slideblock a:hover {
       
   183   display: block;
       
   184   color: #333333;
       
   185   background-color: #EEE;
       
   186   padding: 4px;
       
   187   text-decoration: none;
       
   188 }
       
   189 #pagenav
       
   190 {
       
   191 	list-style:none;
       
   192 }
       
   193 #sidebar ul li {
       
   194 	margin: 0.1em 0 0 0;
       
   195 	padding: 0;	
       
   196 }
       
   197 #sidebar ul li a {
       
   198 	text-decoration: none;
       
   199 	border:none;
       
   200 }
       
   201 #sidebar ul li a:link {
       
   202 	color: #909D73;	
       
   203 }
       
   204 #sidebar ul li a:visited {
       
   205 	color: #999999;	
       
   206 }
       
   207 #sidebar ul li a:hover, #sidebar ul li a:active {
       
   208 	color: #990000;
       
   209 }
       
   210 #sidebar ul ul {
       
   211 	list-style-type: none;
       
   212 	padding: 5px;
       
   213 	margin: 0;
       
   214 	font-size: 1em;	
       
   215 	background:none;
       
   216 	border:none;
       
   217 }
       
   218 #sidebar ul ul li 
       
   219 {
       
   220 	margin:0;
       
   221 	padding:0;
       
   222 	padding-left:10px;
       
   223 	margin-left:10px;
       
   224 	background:url({TEMPLATE_DIR}/img/subcat_bullet.gif) no-repeat left;
       
   225 }
       
   226 #content ul {
       
   227 	margin-left: 0;
       
   228 	padding-left: 45px;
       
   229 	list-style-type: none;
       
   230 }
       
   231 #content ul li {
       
   232 	background: url({TEMPLATE_DIR}/img/bullet.gif) no-repeat 0 7px;
       
   233 	padding-left: 1.5em;
       
   234 }
       
   235 .post , .page
       
   236 {
       
   237 	margin:0 0 30px 0;
       
   238 }
       
   239 .page 
       
   240 {
       
   241 	margin:25px -5px 0 27px;
       
   242 }
       
   243 .post-info, .page-info 
       
   244 {
       
   245 	font-size:0.85em;
       
   246 	font-family: Verdana, Arial, Sans-Serif;
       
   247 	margin:0;
       
   248 	padding:0;
       
   249 	color:#333;
       
   250 }
       
   251 .page-info 
       
   252 {
       
   253 	text-align:center;	
       
   254 }
       
   255 .post-info a
       
   256 {
       
   257 	color:#990000;
       
   258 }
       
   259 .post-info a:hover 
       
   260 {
       
   261 	color:#000;
       
   262 }
       
   263 .post-content, .page-content {
       
   264 	padding:10px 0;
       
   265 	margin:3px 0;
       
   266 	border-top:#CCCCCC 1px solid;	
       
   267 	font-family: Georgia, Verdana, Arial, serif;
       
   268 	font-size:12px;
       
   269 }
       
   270 .page-content {
       
   271 
       
   272 }
       
   273 .post-title, .page-title {
       
   274 	font-family:Georgia, Arial, Serif;
       
   275 	font-size:1.3em;
       
   276 	margin:0;
       
   277 	font-weight:bold;
       
   278 }
       
   279 .page-title 
       
   280 {
       
   281 	font-size:1.6em;
       
   282 	font-weight:normal;
       
   283 }
       
   284 #content .page-title a, .post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active
       
   285 {
       
   286 	text-decoration:none;
       
   287 	color:#666666;
       
   288 }
       
   289 .post-date {
       
   290 	float: left;
       
   291 	color: #BBC4A3;
       
   292 	font-family: Georgia,'Lucida sans ms', Verdana, Arial, Helvetica, sans-serif;
       
   293 	font-size: 0.9em;
       
   294 	text-align: center;
       
   295 	font-weight: bold;
       
   296 	margin: 3px 10px 0 0;
       
   297 	padding: 8px 3px;
       
   298 	width: 55px;
       
   299 	background: #E7EBDE;
       
   300 	line-height:1em;
       
   301 }
       
   302 .post-footer 
       
   303 {
       
   304 	padding-top:20px;
       
   305 	background:url({TEMPLATE_DIR}/img/divider.gif) no-repeat center;
       
   306 }
       
   307 #footer {
       
   308 	margin:0 auto;
       
   309 	padding: 7px 0;
       
   310 	border-top:#CCCCCC 1px solid;
       
   311 	clear: both;
       
   312 	font-size: 0.8em;
       
   313 	color: #999;
       
   314 	text-align:center;
       
   315 	width:740px;
       
   316 }
       
   317 #footer a {
       
   318 border:none;
       
   319 color:#777777;
       
   320 }
       
   321 
       
   322 .commentlist {
       
   323 	font-size:1em;
       
   324 	font-weight:normal;	
       
   325 }
       
   326 #commentform 
       
   327 {
       
   328 	margin:0 0 0 40px;
       
   329 }
       
   330 #commentform textarea {
       
   331 	width: 80%;
       
   332 }
       
   333 #commentform p {
       
   334 	margin: 0 0 1em;
       
   335 }
       
   336 #comments,#respond {
       
   337 	text-transform: uppercase;
       
   338 	margin: 3em 0 1em 40px;
       
   339 	color: #666666;
       
   340 	font: 0.9em verdana, helvetica, sans-serif;
       
   341 }
       
   342 .commentlist li 
       
   343 {
       
   344 	margin:5px 0;
       
   345 	padding:10px 10px 20px 10px;
       
   346 	background:#FFFFFF;
       
   347 	border:#DDDDDD 1px solid;
       
   348 }
       
   349 .commentlist .alt 
       
   350 {
       
   351 
       
   352 }
       
   353 #topnav 
       
   354 {
       
   355 	list-style:none;
       
   356 	font-size:0.9em;
       
   357 	margin:0;	
       
   358 	padding:11px 20px 0 0;
       
   359 	text-align:right;	
       
   360 	font-family:Verdana, Arial, Sans-Serif;
       
   361 }
       
   362 #topnav li 
       
   363 {
       
   364 	list-style:none;
       
   365 	display:inline;
       
   366 	padding:0;
       
   367 	margin:0;
       
   368 	font-weight:bold;
       
   369 }
       
   370 
       
   371 #topnav li a:link, #topnav li a:visited
       
   372 {
       
   373 	text-decoration:none;	
       
   374 	color:#BBBBBB;
       
   375   border-left: 1px solid #777777;
       
   376   border-right: 1px solid #777777;
       
   377   background-color: #777777;
       
   378   padding: 3px;
       
   379   margin: 0;
       
   380 }
       
   381 #topnav li a:hover, #topnav li a:focus
       
   382 {
       
   383 	color:#F0F0F0;
       
   384   border-left: 1px solid #F0F0F0;
       
   385   border-right: 1px solid #F0F0F0;
       
   386   background-color: #A0A0A0;
       
   387   padding-left: 3px;
       
   388   padding-right: 3px;
       
   389   padding-top: 3px;
       
   390   padding-bottom: 5px;
       
   391   margin: 0;
       
   392 }
       
   393 
       
   394 div.jswindow {  font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; display: none; position: absolute; list-style-type: none;
       
   395 	padding: 2px;
       
   396 	margin: 0;
       
   397   margin-top: 7px;
       
   398 	font-size: 0.9em;	
       
   399 	border:#E1D6c6 1px solid;
       
   400   background:#F3F6ED;
       
   401 	}
       
   402 div.titlebar { font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif; font-size: 9pt; cursor: default; 	margin: 0 0 0 0;
       
   403 	padding:2px;
       
   404   margin: 2px;
       
   405   
       
   406 	font-size: 1em;
       
   407 	color: #676E04;
       
   408 	text-align:center;
       
   409 	background: #e2ebda;
       
   410 	border:0px solid #ccc;
       
   411 	height:22px;
       
   412 	font-weight:bold; }
       
   413 div.titlebar div.closebtn       { width: 16px; height: 16px; background-color: #e2ebda; display: block; }
       
   414 div.titlebar div.closebtn:hover { width: 16px; height: 16px; background-color: #F3F6ED; display: block; }
       
   415 
       
   416 div.titlebar table, div.titlebar td { margin: 0; padding: 0; }
       
   417 div.jswindow div.content { padding: 5px;
       
   418   overflow: hidden;   
       
   419   }
       
   420 
       
   421 div.pagebar                { background-color: #FFFFFF; padding: 1px; font-size: 7pt; border: 1px solid #000000; }
       
   422 div.pagebar a              { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #606060; } 
       
   423 div.pagebar a:hover        { cursor: pointer; padding: 3px; margin-left: 3px; margin-right: 3px; text-decoration: none; color: #606060; background-color: #E0E0E0; }
       
   424 div.pagebar#pagebarpopup   { display: none; position: absolute; width: 150px; padding: 0; }
       
   425 div.pagebar#pagebarpopup a { display: block; margin: 0; }
       
   426 .mdg-comment { margin: 0; margin-left: 0.2in; padding: 10px; padding-left: 35px; border: 1px #000000 solid; margin-bottom: 10px; background: #FFFFFF; }