Pārlūkot izejas kodu

Preping for Modal

dev-tmpl
Bryan Miller pirms 6 gadiem
vecāks
revīzija
4d0ebf35a2
2 mainītis faili ar 11 papildinājumiem un 1 dzēšanām
  1. +4
    -0
      app/css/nespaint.css
  2. +7
    -1
      index.html

+ 4
- 0
app/css/nespaint.css Parādīt failu

@@ -34,6 +34,10 @@ body{
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-visible {
display: block;
}

/* Modal Content/Box */
.modal-content {
background-color: #fefefe;

+ 7
- 1
index.html Parādīt failu

@@ -12,11 +12,17 @@
</head>
<body>

<div id="Welcome" class="modal">
<div class="modal-content">
Welcome to the modal!
</div>
</div>

<div class="header">
<div class="home-menu pure-menu pure-menu-horizontal">
<a class="pure-menu-heading" href="">Your Site</a>
<ul class="pure-menu-list">
<li class="pure-menu-item pure-menu-selected"><a href="#" emit="emitted-event" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item pure-menu-selected"><a href="#" emit="modal-open" emit-args='{"id":"Welcome"}' class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Tour</a></li>
<li class="pure-menu-item"><a href="#" class="pure-menu-link">Sign Up</a></li>
</ul>

Notiek ielāde…
Atcelt
Saglabāt