Просмотр архива Инфо сайт


<!DOCTYPE html>
<html lang="en">
  

<head>
    <meta charset="utf-8">
    <title><?php echo $configsitename ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Все самое интересное из мира IT-индустрии">
    <meta name="author" content="Digitask">

    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="/css/font-awesome.min.css" rel="stylesheet">

  <style type="text/css">
    html, body { height:100%; }
    #push, #footer { height: 60px; }
    #wrap { min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -30px; }
    </style>
 <style type="text/css">
#content {
  margin: 0 auto;
  width: auto;
}

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  padding: 5px;
  background: #D8D5D2;
  font-size: 11px;
  line-height: 1.4em;
  float: left;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.box h2 {
  font-size: 14px;
  font-weight: 200;
}

.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

.has-gutters .box {
  margin: 5px 0;
}

.has-gutters .col1 { width: 90px; }
.has-gutters .col2 { width: 230px; }
.has-gutters .col3 { width: 370px; }
.has-gutters .col4 { width: 550px; }

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}


    div.pagination {
        padding: 3px;
        margin: 3px;
        text-align:center;
        font-family:Tahoma,Helvetica,sans-serif;
        font-size:.85em;
    }
    
    div.pagination a {
        border: 1px solid #ccdbe4;
        margin-right:3px;
        padding:2px 8px;

        background-position:bottom;
        text-decoration: none;

        color: #0061de;        
    }
    div.pagination a:hover, div.pagination a:active {
        border: 1px solid #2b55af;
        background-image:none;
        background-color:#3666d4;
        color: #fff;
    }
    div.pagination span.current {
        margin-right:3px;
        padding:2px 6px;
        
        font-weight: bold;
        color: #000;
    }
    div.pagination span.disabled {
        display:none;
    }
    div.pagination a.next{
        border:2px solid #ccdbe4;
        margin:0 0 0 10px;
    }
    div.pagination a.next:hover{
        border:2px solid #2b55af;
    }
    div.pagination a.prev{
        border:2px solid #ccdbe4;
        margin:0 10px 0 0;
    }
    div.pagination a.prev:hover{
        border:2px solid #2b55af;
    }
</style>

  </head>

  <body class="preview" id="top">
    <div id="wrap">

  <!-- Navbar
    ================================================== -->
 <div class="navbar navbar-fixed-top">
   <div class="navbar-inner">
     <div class="container">
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </a>
       <a class="brand" href="/"><img src="/img/logoo.png" width="32px"></a>
       <div class="nav-collapse collapse" id="main-menu">
        <ul class="nav" id="main-menu-left">
 <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Категории <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                        <?php 
       $resultcat = mysql_query("SELECT * FROM cats ORDER BY cat");
        while($rowcat = mysql_fetch_array( $resultcat )) {
       ?>
       
      <li><a href="<?php echo $configsiteurl ?>category/<?php echo $rowcat["id"]?>/<?php echo $rowcat["cat"]?>/1"><?php echo $rowcat["cat"]?></a></li>
 
<?php } ?> 
                                
                                   
                                </ul>
                            </li>
                            
        </ul>
        <ul class="nav pull-right"  id="main-menu-right">
      <form class="navbar-form pull-right" method="post">
       <input class="span4" type="text" name="search" placeholder="Поиск по <?php echo $configsitename ?>у">
                            <button type="submit" class="btn">Поиск</button>
                            
                        </form>
                        
        </ul>
       </div>
     </div>
   </div>
 </div>