Project

General

Profile

« Previous | Next » 

Revision 45004

Temporal template solution: add uikit to make tabs work

View differences:

index.html
15 15
      <link href="http://scoobydoo.di.uoa.gr:8083/joomlaNew/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
16 16
      <link href="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/css/theme.css" rel="stylesheet" type="text/css" id="theme-style-css" />
17 17
      <link href="//fonts.googleapis.com/css?family=Josefin+Sans%7CRoboto%7COpen+Sans+Condensed%7CAdvent+Pro" rel="stylesheet" type="text/css" id="google-fonts-css" />
18
      <style type="text/css">
19
         #mailto2ce-modal-window-709581649 .modal-body{overflow-y:hidden;padding:3px}#mailto2ce-modal-window-709581649 iframe{border:0;max-height:400px}
20
      </style>
18

  
21 19
      <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery.min.js" type="text/javascript"></script>
22
      <!--script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
20
      <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
23 21
      <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
24
      <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/bootstrap.min.js" type="text/javascript"></script!-->
25
      <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/vendor/assets/uikit/js/uikit.min.js" type="text/javascript"></script>
22
      <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/media/jui/js/bootstrap.min.js" type="text/javascript"></script>
23
      <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/vendor/assets/uikit/js/uikit.all.min.js" type="text/javascript"></script>
26 24
      <script src="http://scoobydoo.di.uoa.gr:8083/joomlaNew/templates/yootheme/js/theme.js" type="text/javascript"></script>
25
      <script src="assets/uikit-2.27.2/js/uikit.min.js" type="text/javascript"></script>
26
      <script src="assets/uikit-2.27.2/js/core/dropdown.min.js" type="text/javascript"></script>
27 27

  
28

  
28 29
             <!-- Google sitename markup-->
29 30
      <script type="application/ld+json">
30 31
         {
......
70 71
   </head>
71 72
   <body class="">
72 73
      <script async src="/main.bundle.js"></script>
73

  
74 74
      <app>
75 75
        Loading Universal ...
76 76
      </app>
77
      <ul class="uk-tab uk-width-medium-7-10" data-uk-tab="">
78
        <li class="" aria-expanded="false"><a href="#">Active</a></li>
79
        <li class="" aria-expanded="false"><a href="#">Item</a></li>
80
        <li aria-expanded="true" class="uk-active"><a href="#">Item</a></li>
81
        <li class="uk-disabled"><a href="#">Disabled</a></li>
82
        <li class="uk-tab-responsive uk-active uk-hidden" aria-haspopup="true" aria-expanded="false"><a>Item</a><div class="uk-dropdown uk-dropdown-small" aria-hidden="true"><ul class="uk-nav uk-nav-dropdown"></ul><div></div></div></li></ul>
83
        <div class="uk-button-dropdown" data-uk-dropdown="{mode:'click'}" aria-haspopup="true" aria-expanded="false">
84
          <button class="uk-button">Click me <i class="uk-icon-caret-down"></i></button>
85
          <div class="uk-dropdown uk-dropdown-bottom" aria-hidden="true" style="top: 30px; left: 0px;" tabindex="">
86
            <ul class="uk-nav uk-nav-dropdown">
87
              <li><a href="#">Item</a></li>
88
              <li><a href="#">Another item</a></li>
89
              <li class="uk-nav-header">Header</li>
90
              <li><a href="#">Item</a></li>
91
              <li><a href="#">Another item</a></li>
92
              <li class="uk-nav-divider"></li>
93
              <li><a href="#">Separated item</a></li>
94
            </ul>
95
          </div>
96
        </div>
77 97
   </body>
78 98
</html>

Also available in: Unified diff