templates/base.html
branchanoop
changeset 30 11f828503666
parent 27 48a86d8956f7
child 31 ec540dfbfe78
equal deleted inserted replaced
29:8bee50ee3504 30:11f828503666
     1 <html>
     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     2 <head>
     2 <html class="js" dir="ltr" xml:lang="en" 
       
     3 xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
       
     4 
       
     5   
     3     <title>{% block title %}SAGE DAYS 25, India{% endblock %}</title>
     6     <title>{% block title %}SAGE DAYS 25, India{% endblock %}</title>
     4     {% block js_script %} {% endblock %}
     7     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       
     8 <!--<link type="text/css" rel="stylesheet" media="all" -->
       
     9 <!--href="index_files/style.css">-->
       
    10     <script type="text/javascript" src="index_files/jquery.js"></script>
       
    11   <style>
       
    12     #header-image { background-color: #FFFFFF;  }
       
    13     h1, h2, h3, h4, h5, #headline a { color: #FF9900; }
       
    14   </style>
     5 <style type="text/css">
    15 <style type="text/css">
     6         body {
    16 body {
     7         font-family: Verdana, Arial, Helvetica, sans-serif;
    17   margin:0;
     8         font-size: 11px;
    18   padding:0;
     9         color: #333;
    19   color:#666666;
    10         text-align: center;
    20   background-color:#f3f3f3;
    11         margin: 0px;
    21   font-family: Arial, "Trebuchet MS", Verdana;
    12         padding: 20px 0px 20px 0px;
    22   font-size: 80%;
    13         }
    23   background-repeat:repeat-x;
    14         #wrapper {
    24   background-position:top;
    15         width: 956px;
    25 }
    16         padding: 10px;
    26 
    17         margin: 0px auto 0px auto;
    27 /******************************************** ********** ********** **********/
    18         height: auto;
    28 /**********      Main Layout       ********** ********** ********** **********/
    19         text-align: left;
    29 /******************************************** ********** ********** **********/
    20         border: 1px solid #ddd;
    30 #pagewrapper {
    21         }
    31   margin:auto; 
    22         #header {
    32   width:960px; 
    23         margin: 0px;
    33   border:15px solid #ffffff; 
    24         padding: 5px 0px 5px 0px;
    34   background-color:#ffffff;
    25         height: auto;
    35 }
    26         width: auto;
    36 
    27         text-align: center;
    37 #logo {
    28         background-color: #f1f1f1;
    38   bottom:-7px;
    29         }
    39   margin-right:3px;
    30         #container {
    40   position:relative;
    31         padding: 0px;
    41 }
    32         margin: 10px 0px 0px 0px;
    42 
    33         background-attachment: scroll;
    43 #site-slogan {
    34         background-image: url(back.gif);
    44   color:#999999;
    35         background-repeat: repeat-y;
    45   font-size:11px;
    36         background-position: 0px 0px;
    46 }
    37         height: auto; #default was 1%
    47 
    38         width: auto;
    48 #header-image {
    39         }
    49   height:120px;
    40         #left {
    50   background-color:#FFFFFF;
    41         margin: 0px;
    51   background-image:url(/media/logo.png);
    42         width: 160px;
    52   background-repeat:no-repeat;
    43         padding: 10px 20px 10px 20px;
    53 }
    44         float: left;
    54 
    45         }
    55 #site-mission {
    46         #nav {
    56   font-size:11px;
    47         margin: 0px;
    57   font-weight:bold;
    48         padding: 0px;
    58   padding:20px;
    49         list-style-image: none;
    59   text-align:right;
    50         list-style-type: none;
    60   color:#ffffff;
    51         }
    61 }
    52         #nav li {
    62 
    53         margin: 0px;
    63 #contentwrapper p,
    54         padding: 0px;
    64 #contentwrapper li {
    55         display: block;
    65   line-height:160%;
    56         background-attachment: scroll;
    66 }
    57         background-image: url(bullet.gif);
    67 
    58         background-repeat: no-repeat;
    68 #tabs-wrapper {
    59         background-position: 0px 50%;
    69   margin-bottom:20px;
    60         }
    70 }
    61         #nav li a:link, #nav li a:visited, #nav li a:active {
    71 
    62         color: #666;
    72 .content-padding {
    63         text-decoration: none;
    73   padding:10px;
    64         display: block;
    74 }
    65         margin: 0px;
    75 
    66         padding: 3px 15px 3px 15px;
    76 #sidebar-left {
    67         width: 130px;
    77   width:21%;
    68         }
    78   float:left;
    69         #nav li a:hover {
    79   margin-right:1%;
    70         color: #999;
    80 }
    71         text-decoration: none;
    81 
    72         }
    82 #middle-content {
    73         #center {
    83   width:99%;
    74         height: auto;
    84   float:left;
    75         width: 504px;
    85 }
    76         padding: 10px 20px 10px 20px;
    86 
    77         float: left;
    87 .sidebar-left #middle-content,
    78         margin: 0px 0px 0px 6px;
    88 .sidebar-right #middle-content {
    79         line-height: 1.8em;
    89   width:77%;
    80         }
    90   float:left;
    81         h1 {
    91 }
    82         font-size: 14px;
    92 
    83         margin: 0px;
    93 .sidebars #middle-content {
    84         padding: 0px;
    94   width:56%;
    85         }
    95   float:left;
    86         #right {
    96 }
    87         padding: 10px 20px 10px 20px;
    97 
    88         height: auto;
    98 #sidebar-right {
    89         width: 160px;
    99   width:21%;
    90         float: left;
   100   float:right;
    91         margin: 0px 0px 0px 6px;
   101 }
    92         }
   102 
    93         .clearer {
   103 div.tablewrapper {
    94         font-size: 0px;
   104   width:99%;
    95         line-height: 0px;
   105   overflow:auto;
    96         display: block;
   106 }
    97         margin: 0px;
   107 
    98         padding: 0px;
   108 #footer {
    99         clear: both;
   109   margin-top:50px;
   100         height: 0px;
   110   text-align:center;
   101         width: auto;
   111 }
   102         }
   112 
   103         #footer {
   113 a.feed-icon {
   104         margin: 10px 0px 0px 0px;
   114   display:block;
   105         text-align: left;
   115   padding:10px 0px;
   106         padding: 5px 0px 5px 0px;
   116 }
   107         background-color: #f1f1f1;
   117 
   108         }
   118 
   109         #footer p {
   119 
   110         color: #999;
   120 
   111         margin: 0px auto 0px auto;
   121 /******************************************** ********** ********** **********/
   112         padding: 0px;
   122 /**********      Main Style        ********** ********** ********** **********/
   113         }
   123 /******************************************** ********** ********** **********/
   114         #footer a:link, #footer a:visited, #footer a:active {
   124 h1, h2, h3, h4, h5, #headline a {
   115         color: #999;
   125   margin-top:0px;
   116         text-decoration: none;
   126   margin-bottom:0.5em;
   117         }
   127   color:#FF9900;
   118         #footer a:hover {
   128 }
   119         color: #ccc;
   129 
   120         text-decoration: none;
   130 h1 {
   121         } 
   131   font-size:200%;
       
   132 }
       
   133 
       
   134 h2 {
       
   135   font-size:160%;
       
   136 }
       
   137 
       
   138 h3 {
       
   139   font-size:140%;
       
   140 }
       
   141 
       
   142 li.leaf {
       
   143   list-style-image:none;
       
   144 }
       
   145 
       
   146 a {
       
   147   text-decoration:none;
       
   148   color:#006699;
       
   149 }
       
   150 
       
   151 p {
       
   152   margin:1.5em 0px;
       
   153   padding:0px 0px;
       
   154 }
       
   155 
       
   156 
       
   157 
       
   158 /******************************************** ********** ********** **********/
       
   159 /**********     Admin Style        ********** ********** ********** **********/
       
   160 /******************************************** ********** ********** **********/
       
   161 div.messages {
       
   162   border: 3px solid #FF9900;
       
   163   padding:10px;
       
   164   margin: 10px 0px;
       
   165 }
       
   166 
       
   167 div.admin .left,
       
   168 div.admin .right {
       
   169   margin:0;
       
   170   width:49%;
       
   171 }
       
   172 
       
   173 div.admin-panel {
       
   174   margin:10px 0px;
       
   175   padding:5px;
       
   176   border:4px solid #f3f3f3;
       
   177 }
       
   178 
       
   179 div.admin-panel .body {
       
   180   padding:0;
       
   181   padding-right:10px;
       
   182 }
       
   183 
       
   184 div.admin-panel .body dl,
       
   185 div.admin-panel .body ul {
       
   186   padding-left:15px;
       
   187   margin:0;
       
   188 }
       
   189 
       
   190 #tabs-wrapper ul.tabs {
       
   191   width:99%;
       
   192   overflow:auto;
       
   193 }
       
   194 
       
   195 ul.primary {
       
   196   border-bottom:1px solid #cccccc;
       
   197   border-top:1px solid #cccccc;
       
   198   border-collapse:collapse;
       
   199   list-style-image:none;
       
   200   list-style-position:outside;
       
   201   list-style-type:none;
       
   202   margin:5px 0px;
       
   203   padding:4px 0px;
       
   204   white-space:nowrap;
       
   205   font-size:0.9em;
       
   206 }
       
   207 
       
   208 #tabs-wrapper ul.primary li {
       
   209   margin-right:2px;
       
   210   background-color:transparent;
       
   211   background-image:url(img/edit-tab-left-grey.png);
       
   212   background-repeat:no-repeat;
       
   213   background-position:left;
       
   214   padding:2px 0px;
       
   215 }
       
   216 
       
   217 #tabs-wrapper ul.primary li.active {
       
   218   background-color:transparent;
       
   219   background-image:url(img/edit-tab-left-black.png);
       
   220   background-repeat:no-repeat;
       
   221   background-position:left;
       
   222 }
       
   223 
       
   224 #tabs-wrapper ul.primary li a {
       
   225   margin:0;
       
   226   color:#333333;
       
   227   background-color:transparent;
       
   228   border:none;
       
   229   background-image:url(img/edit-tab-right-grey.png);
       
   230   background-repeat:no-repeat;
       
   231   background-position:right;
       
   232   padding:2px 10px;
       
   233 }
       
   234 
       
   235 #tabs-wrapper ul.primary li a:hover {
       
   236   margin:0;
       
   237   color:#333333;
       
   238   background-color:transparent;
       
   239   border:none;
       
   240   background-image:url(img/edit-tab-right-grey.png);
       
   241   background-repeat:no-repeat;
       
   242   background-position:right;
       
   243 }
       
   244 
       
   245 #tabs-wrapper ul.primary li.active a {
       
   246   background-color:transparent;
       
   247   color:#ffffff;
       
   248   border:none;
       
   249   background-image:url(img/edit-tab-right-black.png);
       
   250   background-repeat:no-repeat;
       
   251   background-position:right;
       
   252 }
       
   253 
       
   254 
       
   255 
       
   256 
       
   257 
       
   258 
       
   259 /******************************************** ********** ********** **********/
       
   260 /**********     Table Style        ********** ********** ********** **********/
       
   261 /******************************************** ********** ********** **********/
       
   262 table,
       
   263 table.package {
       
   264   width:99%;
       
   265   margin: 1em 0;
       
   266 }
       
   267 
       
   268 table tr.odd {
       
   269   background-color:#f3f3f3;
       
   270 }
       
   271 
       
   272 table tr.even {
       
   273   background-color:#ffffff;
       
   274 }
       
   275 
       
   276 table {
       
   277   border:4px solid #f3f3f3;
       
   278   padding:0;
       
   279   border-collapse: separate;
       
   280 }
       
   281 
       
   282 table th,
       
   283 table td {
       
   284   padding-left:5px;
       
   285 }
       
   286 
       
   287 table th a,
       
   288 table td a {
       
   289   text-decoration:underline;
       
   290 }
       
   291 
       
   292 table th a {
       
   293   
       
   294 }
       
   295 
       
   296 table thead {
       
   297   background-color:#e0e0e0;
       
   298   color:#333333;
       
   299   padding:5px;
       
   300   background-image:url(img/bg-forum.png);
       
   301   background-position:top;
       
   302   background-repeat:repeat-x;
       
   303 }
       
   304 
       
   305 td.container {
       
   306   background-color:#e0e0e0;
       
   307   color:#333333;
       
   308   padding:5px;
       
   309   background-image:url(img/bg-forum.png);
       
   310   background-position:top;
       
   311   background-repeat:repeat-x;
       
   312 }
       
   313 
       
   314 td.container a {
       
   315   text-decoration:underline;
       
   316   font-size:1.3em;
       
   317   font-weight:bold;
       
   318 }
       
   319 
       
   320 td.container .description {
       
   321   margin-bottom:0;
       
   322 }
       
   323 
       
   324 
       
   325 
       
   326 /******************************************** ********** ********** **********/
       
   327 /**********    Fieldset Style      ********** ********** ********** **********/
       
   328 /******************************************** ********** ********** **********/
       
   329 fieldset ul.clear-block li {
       
   330   margin: 0;
       
   331   padding: 0;
       
   332   background-image: none;
       
   333 }
       
   334 
       
   335 fieldset.collapsible, fieldset {
       
   336   border:4px solid #f3f3f3;
       
   337 }
       
   338 
       
   339 fieldset.collapsible legend, fieldset legend {
       
   340   font-size:1.2em;
       
   341   font-weight:bold;
       
   342 }
       
   343 
       
   344 
       
   345 
       
   346 
       
   347 /******************************************** ********** ********** **********/
       
   348 /**********     Primary Links      ********** ********** ********** **********/
       
   349 /******************************************** ********** ********** **********/
       
   350 ul.links li {
       
   351   display:block;
       
   352   padding:0;
       
   353 }
       
   354 
       
   355 #navigation-primary ul.primary-links {
       
   356   margin:0;
       
   357   padding:0;
       
   358 }
       
   359 
       
   360 #navigation-primary ul.primary-links li,
       
   361 #navigation-primary ul.primary-links li a {
       
   362   padding-top: 5px;
       
   363   padding-bottom: 5px;
       
   364   margin-bottom:1px;
       
   365   margin-left:0px;
       
   366 }
       
   367 
       
   368 #navigation-primary ul.primary-links li {
       
   369   list-style:none;
       
   370   float:left;
       
   371   margin-right: 1px;
       
   372 }
       
   373 
       
   374 #navigation-primary ul.primary-links li a {
       
   375   padding-left: 20px;
       
   376   padding-right: 20px;
       
   377   border-bottom:1px solid #ffffff;
       
   378   background-color:#999999;
       
   379   background-image:url(img/corner.gif);
       
   380   background-repeat:no-repeat;
       
   381   color:#ffffff;
       
   382   text-decoration:none;
       
   383   font-size:1.2em;
       
   384 }
       
   385 
       
   386 #navigation-primary ul.primary-links li a.active {
       
   387   background-color:#000000;
       
   388   background-repeat:no-repeat;
       
   389   color:#ffffff;
       
   390 }
       
   391 
       
   392 #navigation-primary ul.primary-links li a:hover {
       
   393   background-color:#000000;
       
   394   color:#ffffff;
       
   395 }
       
   396 
       
   397 
       
   398 
       
   399 /******************************************** ********** ********** **********/
       
   400 /**********    Secondary Links     ********** ********** ********** **********/
       
   401 /******************************************** ********** ********** **********/
       
   402 #navigation-secondary {
       
   403 border-bottom:1px solid #ffffff; 
       
   404   background-color:#333333;
       
   405 }
       
   406 
       
   407 
       
   408 ul.secondary-links {
       
   409   margin:0;
       
   410   padding:0;
       
   411 }
       
   412 
       
   413 ul.secondary-links li,
       
   414 ul.secondary-links li a {
       
   415   padding-top: 0.4em;
       
   416   padding-bottom: 0.3em;
       
   417 }
       
   418 
       
   419 ul.secondary-links li {
       
   420   list-style:none;
       
   421   float:left;
       
   422   border-right: 1px solid #ffffff;
       
   423 }
       
   424 
       
   425 ul.secondary-links li a {
       
   426   padding-left: 20px;
       
   427   padding-right: 20px;
       
   428   color:#cccccc;
       
   429   text-decoration:none;
       
   430   background-color:#333333;
       
   431 }
       
   432 
       
   433 ul.secondary-links li a.active {
       
   434   color:#ffffff;
       
   435   font-weight:bold;
       
   436 }
       
   437 
       
   438 ul.secondary-links li a:hover {
       
   439   color:#ffffff;
       
   440 }
       
   441 
       
   442 
       
   443 
       
   444 /******************************************** ********** ********** **********/
       
   445 /**********    Breadcrumb Links    ********** ********** ********** **********/
       
   446 /******************************************** ********** ********** **********/
       
   447 #navigation-breadcrumb {
       
   448   padding:5px 20px; 
       
   449   border-top: 1px solid #ffffff;
       
   450   background-image:url(img/bg_breadcrumb.gif);
       
   451   background-repeat:repeat-x;
       
   452 //  margin-bottom:10px;
       
   453 }
       
   454 
       
   455 #navigation-breadcrumb,
       
   456 #navigation-breadcrumb a {
       
   457   color:#999999;
       
   458   text-decoration:none;
       
   459   padding-right:10px;
       
   460   padding-left:10px;
       
   461 }
       
   462 
       
   463 #navigation-breadcrumb a:hover {
       
   464   color:#999999;
       
   465   text-decoration:underline;
       
   466 }
       
   467 
       
   468 
       
   469 
       
   470 /******************************************** ********** ********** **********/
       
   471 /**********      Block Style       ********** ********** ********** **********/
       
   472 /******************************************** ********** ********** **********/
       
   473 .block {
       
   474   margin-bottom:1.5em;
       
   475   padding:10px;
       
   476   background-color:#f3f3f3;
       
   477 }
       
   478 
       
   479 div.block-region {
       
   480   background-color:#ffffff;
       
   481   border: 4px dashed #006699;
       
   482   color:#999999;
       
   483   font-size:180%;
       
   484   text-align:center;
       
   485   font-weight:bold;
       
   486   margin-bottom:1em;
       
   487   margin-top:1em;
       
   488 }
       
   489 
       
   490 
       
   491 
       
   492 /******************************************** ********** ********** **********/
       
   493 /**********      User login        ********** ********** ********** **********/
       
   494 /******************************************** ********** ********** **********/
       
   495 #user-login-form {
       
   496   text-align:left;
       
   497 }
       
   498 
       
   499 #user-login-form .form-item input {
       
   500   width:95%;
       
   501 }
       
   502 
       
   503 #user-login-form input.form-submit {
       
   504   margin-bottom:10px;
       
   505 }
       
   506 
       
   507 
       
   508 
       
   509 /******************************************** ********** ********** **********/
       
   510 /**********      Node Style        ********** ********** ********** **********/
       
   511 /******************************************** ********** ********** **********/
       
   512 .node.teaser {
       
   513   padding:10px;
       
   514   margin-bottom:1em;
       
   515   border: 5px solid #f3f3f3;
       
   516 }
       
   517 
       
   518 .node .field {
       
   519   padding:10px 0px;
       
   520 }
       
   521 
       
   522 .node .clear {
       
   523   margin:1em 0;
       
   524 }
       
   525 
       
   526 .node .content {
       
   527   padding-top:0px;
       
   528   margin-bottom:1em;
       
   529 }
       
   530 
       
   531 .node .links, .comment .links {
       
   532   text-align: left;
       
   533 }
       
   534 
       
   535 .node .links ul.links li, 
       
   536 .comment .links ul.links li {
       
   537   padding-left: 1em;
       
   538   float: right;
       
   539 }
       
   540 
       
   541 .terms ul.links li {
       
   542   margin-left: 0;
       
   543   margin-right: 0;
       
   544   padding-right: 0;
       
   545   padding-left: 1em;
       
   546 }
       
   547 
       
   548 .new {
       
   549   color: #ffae00;
       
   550   font-size: 0.92em;
       
   551   font-weight: bold;
       
   552   float: right;
       
   553 }
       
   554 
       
   555 .terms {
       
   556   float: right;
       
   557 }
       
   558 
       
   559 .terms ul.links li {
       
   560   display: inline;
       
   561 }
       
   562 
       
   563 .preview .node, .preview .comment, .sticky {
       
   564   margin: 0;
       
   565   padding: 0.5em 0;
       
   566   border: 0;
       
   567   background: 0;
       
   568 }
       
   569 
       
   570 .sticky {
       
   571   padding: 1em;
       
   572   background-color: #fff;
       
   573   border: 1px solid #e0e5fb;
       
   574   margin-bottom: 2em;
       
   575 }
       
   576 
       
   577 div.picture {
       
   578   float:right;
       
   579 }
       
   580 
       
   581 div.picture img {
       
   582   border: 1px solid #cccccc; 
       
   583   margin: 0px 0px 10px 10px;
       
   584   padding: 3px; 
       
   585 
       
   586   background-color: #f3f3f3;
       
   587 }
       
   588 
       
   589 
       
   590 /******************************************** ********** ********** **********/
       
   591 /**********      Forum Style       ********** ********** ********** **********/
       
   592 /******************************************** ********** ********** **********/
       
   593 div.forum-topic {
       
   594   border:5px solid #f3f3f3;
       
   595   background-color:#ffffff;
       
   596   padding:1px;
       
   597 }
       
   598 
       
   599 div.forum-topic .user-info {
       
   600   padding:5px;
       
   601   width:25%;
       
   602   float:left;
       
   603   border-right:3px solid #f3f3f3;
       
   604 }
       
   605 
       
   606 div.forum-topic .topic {
       
   607   padding:5px;
       
   608   float:left;
       
   609   width:70%;
       
   610 }
       
   611 
       
   612 div.forum-topic .user-name,
       
   613 div.forum-topic .topic-title {
       
   614   font-size:1.3em;
       
   615 }
       
   616 
       
   617 div.forum-topic .user-member,
       
   618 div.forum-topic .user-access {
       
   619   margin-top:5px;;
       
   620 }
       
   621 
       
   622 div.forum-topic .picture img {
       
   623   padding:3px;
       
   624   margin:3px 0px;
       
   625   border:1px solid #cccccc;
       
   626   background-color:#f3f3f3;
       
   627 }
       
   628 
       
   629 div.forum-topic .topic-body {
       
   630   margin-top:10px;
       
   631   margin-bottom:10px;
       
   632 }
       
   633 
       
   634 div.forum-topic .links {
       
   635   text-align:right;
       
   636   padding:5px;
       
   637   display:block;
       
   638 }
       
   639 
       
   640 h2.comments {
       
   641   margin:10px 0px;
       
   642 }
       
   643 
       
   644 div.comment {
       
   645   background-color:#ffffff;
       
   646   padding:10px;
       
   647   margin:10px 0px;
       
   648   border:1px solid #cccccc;
       
   649 }
       
   650 
       
   651 div.comment .picture {
       
   652   float:right;
       
   653   margin-left:10px;
       
   654   margin-bottom:10px;
       
   655 }
       
   656 
       
   657 div.comment .picture img {
       
   658   padding:3px;
       
   659   border:1px solid #cccccc;
       
   660   background-color:#f3f3f3;
       
   661 }
       
   662 
       
   663 div.comment .links ul {
       
   664   text-align:right;
       
   665 }
       
   666 
       
   667 div.comment .links li {
       
   668   display:inline;
       
   669   margin-left:10px;
       
   670 }
       
   671 
       
   672 #comments .box {
       
   673   margin-top:30px;
       
   674 }
       
   675 
       
   676 .forum-topic div.picture {
       
   677   float:left;
       
   678 }
       
   679 
       
   680 .forum-topic div.picture img {
       
   681   margin:5px 0;
       
   682 }
       
   683 
       
   684 /******************************************** ********** ********** **********/
       
   685 /**********       Search Style     ********** ********** ********** **********/
       
   686 /******************************************** ********** ********** **********/
       
   687 .sidebar #search #edit-search-theme-form-keys {
       
   688   width: 95%;
       
   689 }
       
   690 
       
   691 
       
   692 
       
   693 /******************************************** ********** ********** **********/
       
   694 /**********       Book Style       ********** ********** ********** **********/
       
   695 /******************************************** ********** ********** **********/
       
   696 .content .book-navigation {
       
   697   margin-top:10px;
       
   698 }
       
   699 
       
   700 
       
   701 
       
   702 
       
   703 /******************************************** ********** ********** **********/
       
   704 /**********    Menu in Sidebars    ********** ********** ********** **********/
       
   705 /******************************************** ********** ********** **********/
       
   706 .block ul { 
       
   707   padding: 0;							/* override system.css (line 205) */
       
   708 }
       
   709 
       
   710 .sidebar ul, .sidebar ul li {
       
   711   margin: 0;							/* we want full control, so no default padding or margin */
       
   712   padding: 0;
       
   713 }
       
   714 
       
   715 .sidebar li { 
       
   716   border-top:dashed #cccccc 1px; 		/* sets the horizontal white line between list-items (menu-items) */
       
   717 }
       
   718 
       
   719 .sidebar ul li { 						/* sets all the stuff for list-items (menu-items) */
       
   720   padding:0 0 0 1.5em; 					/* we rebuild the padding that we turned off in .sidebar ul, .sidebar ul li */
       
   721   list-style-type: none;				/* no default bullets in our lists */
       
   722   list-style-image: none;				/* not even images, we do it with background-images in the next line */
       
   723   background-image: url(img/menu-leaf.gif); 	/* this is the bullet in our lists */
       
   724   background-repeat:no-repeat;			/* because we only want ONE image, not a carpet of them */
       
   725   background-position: 0.3em 0.6em;		/* and we want full control over the position (first number is vertical, second horizontal position */
       
   726 }
       
   727 
       
   728 .sidebar ul li.expanded {
       
   729   background-image: url(img/menu-expanded.gif);		/* the bullet (little arrow) of parent menu-items in our lists (when opened) */
       
   730 }
       
   731 
       
   732 .sidebar ul li.collapsed {
       
   733   background-image: url(img/menu-collapsed.gif);	/* the bullet of parent menu-items in our lists (when closed) */
       
   734 }
       
   735 
       
   736 .sidebar ul li ul li {
       
   737   margin-left:-1.7em;					/* we rebuild the padding that we turned off .sidebar ul li - THIS TIME WE HAVE TO DO IT FOR NESTED LISTS (i.e. lists in lists) */
       
   738   padding:0 0 0 3em;					/* so first we set a negative margin and give it back via padding - the only reason to do this is to get our nice white lines between the li items */
       
   739   background-position: 1.8em 0.6em;			/* and we also have to adjust the position of the bg-image */
       
   740 }
       
   741 
       
   742 .sidebar ul li ul li ul li {
       
   743   margin-left:-3.2em;						/* same stuff as above for more nesting */
       
   744   padding:0 0 0 4.5em;
       
   745   background-position: 3.3em 0.6em;
       
   746 }
       
   747 
       
   748 .sidebar ul li ul li ul li ul li {
       
   749   margin-left:-4.7em;					/* and even more nesting (and so on if you need more) */
       
   750   padding:0 0 0 6em;
       
   751   background-position: 4.8em 0.6em;
       
   752 }
       
   753 
       
   754 .sidebar ul li a, .sidebar ul li.expanded a, .sidebar ul li.collapsed a {
       
   755   line-height: 2em;
       
   756 }
       
   757 
       
   758 .sidebar a.active { 					/* an active link in the blocks and menu */
       
   759   font-weight:bold;
       
   760   color:#666666 !important;
       
   761 }
       
   762 
       
   763 dl {
       
   764   margin: 0.5em 0 1em 1.5em;
       
   765 }
       
   766 
       
   767 dl dt {
       
   768 }
       
   769 
       
   770 dl dd {
       
   771   margin: 0 0 .5em 1.5em;
       
   772 }
       
   773 
       
   774 img, a img {
       
   775   border: none;
       
   776 }
       
   777 
       
   778 
       
   779 
       
   780 /******************************************** ********** ********** **********/
       
   781 /**********     try another ...    ********** ********** ********** **********/
       
   782 /******************************************** ********** ********** **********/
       
   783 #font span,
       
   784 #farben span {
       
   785   font-family:arial; 
       
   786   color:#333333; 
       
   787   font-size:10px; 
       
   788   text-decoration:none; 
       
   789   float:left; 
       
   790   display:block;
       
   791 }
       
   792 
       
   793 #farben a {
       
   794   width:10px; 
       
   795   height:10px; 
       
   796   display:block;
       
   797   float:left;
       
   798   margin-left:5px;
       
   799 }
       
   800 
       
   801 #font a {
       
   802   display:block;
       
   803   float:left;
       
   804   margin-left:5px;
       
   805   font-family:arial;
       
   806   color:#cccccc;
       
   807   font-size:10px;
       
   808   text-decoration:none;
       
   809 }
   122 </style>
   810 </style>
   123 </head>
   811 
   124 
   812 <meta content="text/html; charset=UTF-8" http-equiv="CONTENT-TYPE"><title></title><meta
   125 <body>
   813  content="OpenOffice.org 2.0  (Linux)" name="GENERATOR"><meta 
   126 <div id="wrapper">
   814 content="20081207;16072900" name="CREATED"><meta 
   127     <div id="header">
   815 content="20081208;14462800" name="CHANGED"></head><body class="sidebars">
   128         <!--<h2><a href="/sage_days">-->SAGE DAYS 25, India<!--</a></h2>-->
   816 
       
   817 <div id="pagewrapper">
       
   818 
       
   819   
       
   820     <script type="text/javascript">
       
   821     function toggle_style(color) {
       
   822       $("#header-image").css("background-color", color);
       
   823       $("#header-image").css("background-image", "none");
       
   824       $("h1").css("color", color);
       
   825       $("h2").css("color", color);
       
   826       $("h3").css("color", color);
       
   827       $("#headline a").css("color", color);
       
   828     }
       
   829     </script>
       
   830   
       
   831     
       
   832   
       
   833 
       
   834   <div id="headline">
       
   835       </div>
       
   836   
       
   837   
       
   838   <div id="navigation-primary">
       
   839                   <ul class="links primary-links"><li class="menu-149 
       
   840 first"><a href="/sage_days" title="">Home</a></li>
       
   841 <li class="menu-154"><a 
       
   842 href="/sage_days/about" title="">About</a></li>
       
   843 <!--<li class="menu-150"><a href="http://www.fossee.in/sage_days/schedule" -->
       
   844 <!--title="">Program</a></li>-->
       
   845 <li class="menu-162"><a href="/sage_days/contact" title="">Contact 
       
   846 Us</a></li>
       
   847 <!--<li class="menu-153 last"><a href="http://www.fossee.in/" -->
       
   848 <!--title="">2005</a></li>-->
       
   849 </ul>            <div style="clear: both;"></div>
       
   850   </div>
       
   851 
       
   852   <a href="/sage_days/">
       
   853   <div id="header-image">
       
   854       </div></a>
       
   855 
       
   856 
       
   857   <div id="navigation-breadcrumb">
       
   858   <div class="breadcrumb"><a href="#">&nbsp;</a></div>  </div>
       
   859 
       
   860   <div style="clear: both;"></div>
       
   861   <div id="contentwrapper">
       
   862 
       
   863           <div id="sidebar-left" class="sidebar">
       
   864 
       
   865 <div id="block-menu-menu-conference" class="clear-block block 
       
   866 block-menu">
       
   867 
       
   868   <h2>Conference</h2>
       
   869 
       
   870   <div class="content"><ul class="menu">
       
   871 <li class="leaf"><a href="/sage_days/registration/register" 
       
   872 title="Conference Registration">Register</a></li>
       
   873 <li class="leaf first"><a href="/sage_days/schedule" title="">Schedule</a></li>
       
   874 <li class="leaf"><a href="/sage_days/speakers" title="">Speakers</a></li>
       
   875 <li class="leaf"><a href="/sage_days/organizers" 
       
   876 title="Conference Organizers">Organizers</a></li>
       
   877 <li class="leaf"><a href="/sage_days/venue" title="">Venue</a></li>
       
   878 <!--<li class="leaf last"><a -->
       
   879 <!--href="http://www.fossee.in" -->
       
   880 <!--title="Frequently Asked Questions">FAQ's</a></li>-->
       
   881 </ul></div>
       
   882 </div>
       
   883 <!--<div id="block-event_register-0" class="clear-block block -->
       
   884 <!--block-event_register">-->
       
   885 
       
   886 <!--  <h2>Events &amp; Registration</h2>-->
       
   887 
       
   888 <!--  <div class="content">No New Up Coming Events</div>-->
       
   889 <!--</div>-->
       
   890 <div id="block-block-4" class="clear-block block block-block">
       
   891 
       
   892   <h2>Mailinglists</h2>
       
   893 
       
   894   <div class="content"><p><a 
       
   895 href="http://groups.google.com/group/sagedays25-org">Sage Days Organizers</a></p>
       
   896 <p>Join <a href="http://groups.google.com/group/sagedays25">Sage Days Participants</a>
       
   897  for discussions</p>
       
   898 </div>
       
   899 </div>
       
   900       </div>
       
   901 
       
   902     <div id="middle-content">
       
   903       <div class="content-padding">
       
   904                                                                
       
   905 
       
   906 <div id="node-40" class="node teaser">
       
   907 {% block content%} 
       
   908 
       
   909 <!--  <h2><a href="##"-->
       
   910 <!-- title="Some Title">something-->
       
   911 <!-- something</a></h2>-->
       
   912 
       
   913 <!--      <span class="submitted">publishing date</span>-->
       
   914 <!--  -->
       
   915 <!--  <div class="content">-->
       
   916 <!--    <p><img alt="" src="index_files/jimbo.JPG" width="250" height="166" -->
       
   917 <!--align="left">some data some data some data some data some data some data -->
       
   918 <!--some data some data some data some data some data some data -->
       
   919 <!--some data some data some data some data some data some data -->
       
   920 <!--some data some data some data some data some data some data -->
       
   921 <!--some data some data some data some data some data some data -->
       
   922 <!--some data some data some data some data some data some data -->
       
   923 <!--some data some data some data some data some data some data-->
       
   924 <!-- some data some data some data some data some data some data.</p>-->
       
   925 <!--  </div>-->
       
   926 
       
   927 <!--  <div class="clear-block clear">-->
       
   928 <!--    <div class="meta">-->
       
   929 <!--        </div>-->
       
   930 
       
   931 <!--          <div class="links"><ul class="links inline"><li -->
       
   932 <!--class="node_read_more first last"><a -->
       
   933 <!--href="http://www.fossee.in/sage_days/blog/content/freesoftware"-->
       
   934 <!-- title="some title some title -->
       
   935 <!--some title.">Read more</a></li>-->
       
   936 <!--</ul></div>-->
       
   937 <!--      </div>-->
       
   938 {% endblock %}
       
   939 </div>
       
   940           
       
   941       </div>
   129     </div>
   942     </div>
   130     <div id="container">
   943 
   131         <div id="left">
   944 <!--          <div id="sidebar-right" class="sidebar">-->
   132         <ul id="nav">
   945 <!--                <div id="block-block-2" class="clear-block block -->
   133             <li><a href="/sage_days" title="home">home</a></li>
   946 <!--block-block">-->
   134         </ul>
   947 
   135         </div>
   948 <!--  <h2>Organizers</h2>-->
   136         <div id="center">
   949 
   137             {% block content %}This is the default content{% endblock %}
   950 <!--  <div class="content"><p></p><center> <a title="MHRD" -->
   138         </div>
   951 <!--class="image" href="http://mhrd.gov.in/"><img -->
   139         <div id="right">
   952 <!--src="index_files/mhrdlogo.gif" alt="Government of India" -->
   140             <!--{% if user.is_authenticated %}
   953 <!--style="width: 96px; height: 68px;" border="0"> </a> <br> <a -->
   141             <a href="/accounts/logout">logout</a> 
   954 <!--title="Mission" href="##"><img -->
   142             {% endif %}-->
   955 <!--alt="###" src="missionlogo.png" style="width: 50px; -->
   143         </div>
   956 <!--height: 54px;"></a> <a title="FOSSEE" href="http://www.fossee.in/"><img-->
   144         <div class="clearer">
   957 <!-- alt="SPACE" src="index_files/fosseelogo.png" style="width: 49px; height:-->
   145         </div>
   958 <!-- 55px;"></a><br></center><br>-->
   146     </div>
   959 <!--<h2>Supporters</h2>-->
   147     <div id="footer">
   960 <!--<p> </p><center><a href="#" target="_blank"><img alt="" -->
   148     Designed by <a href="http://fossee.in">FOSSEE</a>
   961 <!--style="width: 79px; height: 44px;" src="index_files/apc.gif"></a> <a -->
   149     </div>
   962 <!--target="_blank" href="http://gnu.org.in/"><img -->
   150 </div> 
   963 <!--src="index_files/fsf_logo-new.png" style="width: 92px; height: 46px;" -->
   151 
   964 <!--alt=""></a><br></center><br>-->
   152 </body>
   965 <!--<h2>Sponsors</h2>-->
   153 </html>
   966 <!--</div>-->
       
   967 <!--</div>-->
       
   968 <!--<div id="block-user-0" class="clear-block block block-user">-->
       
   969 
       
   970 <!--  <h2>User login</h2>-->
       
   971 
       
   972 <!--  <div class="content"><form action="/node?destination=node" -->
       
   973 <!--accept-charset="UTF-8" method="post" id="user-login-form">-->
       
   974 <!--<div><div class="form-item" id="edit-name-wrapper">-->
       
   975 <!-- <label for="edit-name">Username: <span class="form-required" -->
       
   976 <!--title="This field is required.">*</span></label>-->
       
   977 <!-- <input maxlength="60" name="name" id="edit-name" size="15" -->
       
   978 <!--value="" class="form-text required" type="text">-->
       
   979 <!--</div>-->
       
   980 <!--<div class="form-item" id="edit-pass-wrapper">-->
       
   981 <!-- <label for="edit-pass">Password: <span class="form-required" -->
       
   982 <!--title="This field is required.">*</span></label>-->
       
   983 <!-- <input name="pass" id="edit-pass" maxlength="60" size="15" -->
       
   984 <!--class="form-text required" type="password">-->
       
   985 <!--</div>-->
       
   986 <!--<input name="op" id="edit-submit" value="Log in" class="form-submit" -->
       
   987 <!--type="submit">-->
       
   988 <!--<div class="item-list"><ul><li class="first"><a -->
       
   989 <!--href="#" title="Create a new user account.">Create-->
       
   990 <!-- new account</a></li>-->
       
   991 <!--<li class="last"><a href="#" title="Request -->
       
   992 <!--new password via e-mail.">Request new password</a></li>-->
       
   993 <!--</ul></div><input name="form_build_id" -->
       
   994 <!--id="form-8dbb6cfba075f29198b0f72e930392b8" -->
       
   995 <!--value="form-8dbb6cfba075f29198b0f72e930392b8" type="hidden">-->
       
   996 <!--<input name="form_id" id="edit-user-login-block" -->
       
   997 <!--value="user_login_block" type="hidden">-->
       
   998 
       
   999 <!--</div></form>-->
       
  1000 <!--</div>-->
       
  1001 <!--</div>-->
       
  1002 <!--      </div>-->
       
  1003 <!--      </div>-->
       
  1004 
       
  1005   <div style="clear: both;"></div>
       
  1006 
       
  1007   <div id="footer"></div> 
       
  1008 
       
  1009   <div id="footer-message"><p>Powered by <a href="http://www.fossee.in/">FOSSEE</a></p></div> 
       
  1010 
       
  1011 </div>
       
  1012 
       
  1013 <script type="text/javascript" src="index_files/googleanalytics.js"></script>
       
  1014 <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script src="index_files/ga.js" type="text/javascript"></script>
       
  1015 <script type="text/javascript">var pageTracker = _gat._getTracker("UA-1488254-18");pageTracker._initData();pageTracker._trackPageview();</script>
       
  1016 
       
  1017 </body></html>