├── images ├── .DS_Store ├── html.jpg ├── icon.png ├── logo.png ├── favicon.ico ├── page3 │ └── title.jpeg ├── CSS_selector │ └── selector.gif ├── page2 │ └── element_analogy.png ├── Introduction │ └── first_web_page.jpeg ├── arrow_left.svg └── arrow_right.svg ├── .idea ├── vcs.xml ├── modules.xml ├── HTMLandCssNotes.iml └── workspace.xml ├── HTMLStructure.md ├── readme.md ├── menu.js └── base.css /images/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/.DS_Store -------------------------------------------------------------------------------- /images/html.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/html.jpg -------------------------------------------------------------------------------- /images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/icon.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/logo.png -------------------------------------------------------------------------------- /images/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/favicon.ico -------------------------------------------------------------------------------- /images/page3/title.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/page3/title.jpeg -------------------------------------------------------------------------------- /images/CSS_selector/selector.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/CSS_selector/selector.gif -------------------------------------------------------------------------------- /images/page2/element_analogy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/page2/element_analogy.png -------------------------------------------------------------------------------- /images/Introduction/first_web_page.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/CodingNinjasCodes/HTMLandCssNotes/master/images/Introduction/first_web_page.jpeg -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /images/arrow_left.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /images/arrow_right.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /.idea/HTMLandCssNotes.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /HTMLStructure.md: -------------------------------------------------------------------------------- 1 | * Introduction > Manish 2 | * Tags, Attributes and Elements > Manish 3 | * Page Title > Manish 4 | * Paragraphs > Manish 5 | * Headings > Manish 6 | * Lists > Manish 7 | * Links > Manish 8 | * Images > Manish 9 | * Tables > Manish 10 | * Table: rowspan > Manish 11 | * Table: colspan > Manish 12 | * Forms > Manish 13 | * HTML vs CSS > Manish 14 | * CSS: Getting Started > Kamal 15 | * CSS: Inline > Kamal 16 | * CSS: External > Kamal 17 | * CSS: In Page > Kamal 18 | * Selectors, Properties, and Values > Kamal 19 | * Colors > Kamal 20 | * Text > Kamal 21 | * Margin > Kamal 22 | * Padding > Kamal 23 | * Border > Kamal 24 | * Border Radius > Kamal 25 | * Span and Div > Manish 26 | * Text Abbreviations Quotations and Code >Manish 27 | * Meta Tags > Manish 28 | * Description Lists > Manish 29 | * Sections in a Document > Manish 30 | * Class and ID Selectors > Kamal 31 | * Grouping and Nesting > Manish 32 | * Pseudo Classes > Manish 33 | * Pseudo Elements > Manish 34 | * Shorthand Properties > Manish 35 | * Background Images > Manish 36 | * Specificity > Kamal 37 | * Display Properties > Kamal 38 | * Page Layouts > Manish 39 | * Media Tags > Manish ->covered in media queeries 40 | * HTML Forms > Manish 41 | * Shadows > Kamal 42 | * More Selectors > Kamal 43 | * Attribute Selectors > Kamal 44 | * Background > Manish -> covered in shorthand properties and background-images 45 | * Transformations > Kamal 46 | * Gradients > Kamal 47 | * Media Queries > Manish 48 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | **CodingNinjasCodes** is an open-source repository that is created to provide open-source free code for the people or those who want to contribute or learn. 5 | 6 | - First clone download from the repository named **HTMLandCSSNotes**. 7 | 8 | - Open **index.html** for adding any additional informational or in order to contribute. 9 | 10 | - To add a new tab apart from the given tabs, add the following.. 11 | ..*
  • tab-Name
  • 12 | - add this line on the top of the index.html inside the tag. 13 | 14 | ..* After that add a new **
    ** element and give it an id of same as the 'tabname' as mentioned above in the li tag and also give it a class name of "tabcontent". 15 | 16 | - Inside this
    element add a new

    tag and give it a class of "heading". 17 | 18 | - Inside that

    element give the name of the main-heading which you want to give. 19 | 20 | - After that add a new
    element and give it a class of "content". 21 | 22 | - Inside this content class div you can write the necessary information you want to provide in it. 23 | 24 | - So now, in order to add the necessary information you can use the following classes that are mentioned below... 25 | 26 | 27 | **class="explanationText"**-To add any information,text, paragraph include this class in the relevant HTML tag. 28 | 29 | **class="explanationNote"**-To add any additional important note in HTML page include this class. 30 | 31 | **class="explanationHeading"**-To add any subheading to our HTML file include this class. 32 | 33 | **class="outputWindow"**-To show the output of the any HTML CSS code while opening in the browser include this tag.This class generally includes inline CSS whose output will be visible to the user. 34 | 35 | **class="code"**-To show any HTML CSS code when opened in the browser.This class "code" must be included in tag.Any code inside this tag is a dead code and will not be run by the browser and will be shown as it is to the user. 36 | 37 | **class="explanationImage"**-To add any additional image to our HTML file must include this class. 38 | 39 | 40 | All these classes must be applied in the **index.html** file. 41 | 42 | *To change the given layout, colors, any other kind of style open **base.css** 43 | 44 | *In order to change any of the layouts or styles you can manipulate the CSS of the following classes... 45 | 46 | **class="tabcontent"**-To style the tab content. 47 | 48 | **class="heading"**-To style the heading. 49 | 50 | **class="content"**-manipulates the content div. 51 | 52 | **class="explanationText"**-changes the layout of any text written or any text included in the explanationText class. 53 | 54 | **class="explanationImage"**-changes the layout of any image that must be added in the explanationImage class. 55 | 56 | **class="output-window"**-changes the layout of the output of a particular code that outputs in the browser. 57 | 58 | **class="explanationNote"**-changes the layout of any specific note that is included in the explanationNote class. 59 | 60 | **class="highlightCode"**-highlights a particular area of code which is included in the highlightCode class. 61 | 62 | **class="code-class"** includes the layout of the code that lies inside the **<xmp>** tag and given a class name of "code". 63 | 64 | All these changes should be done inside the **base.css** file. 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /menu.js: -------------------------------------------------------------------------------- 1 | function rotateIcon(icon) { 2 | icon.classList.toggle("change"); 3 | var tab = document.getElementsByClassName('tab')[0]; 4 | var container = document.getElementsByClassName('container')[0]; 5 | tab.style.transition = "all 0.5s"; 6 | container.style.transition = "all 0.5s"; 7 | if (container.classList.contains("change")) { 8 | tab.style.width = "48%"; 9 | tab.style.boxShadow = "4px 5px 8px 2px lightgrey"; 10 | container.style.marginLeft = "50%"; 11 | } else { 12 | tab.style.width = "0%"; 13 | tab.style.boxShadow = "none"; 14 | container.style.marginLeft = "1%"; 15 | } 16 | } 17 | 18 | function openIntroductionPage() { 19 | var tabcontent = document.getElementsByClassName("tabcontent"); 20 | for (i = 0; i < tabcontent.length; i++) { 21 | tabcontent[i].style.display = "none"; 22 | } 23 | var tab = document.getElementsByClassName("tab")[0]; 24 | var listTags = tab.getElementsByTagName("li"); 25 | for (i = 0; i < listTags.length; i++) { 26 | listTags[i].className = listTags[i].className.replace(" active", ""); 27 | } 28 | document.getElementById("default").style.display = "block"; 29 | } 30 | function openPage(evt, PageName) { 31 | localStorage.setItem("last_visited",PageName); 32 | localStorage.setItem("last_visited_link",evt.currentTarget) 33 | if(localStorage.visit_history == undefined){ 34 | localStorage.setItem("visit_history",""); 35 | } 36 | document.getElementById("default").style.display = "none"; 37 | 38 | var i, tabcontent, listTags, tab; 39 | tabcontent = document.getElementsByClassName("tabcontent"); 40 | for (i = 0; i < tabcontent.length; i++) { 41 | tabcontent[i].style.display = "none"; 42 | } 43 | tab = document.getElementsByClassName("tab")[0]; 44 | listTags = tab.getElementsByTagName("li"); 45 | for (i = 0; i < listTags.length; i++) { 46 | listTags[i].className = listTags[i].className.replace(" active", ""); 47 | } 48 | document.getElementById(PageName).style.display = "block"; 49 | if(evt.currentTarget.className != " active") { 50 | evt.currentTarget.className += " active"; 51 | } 52 | if(evt.currentTarget.className != " visited") { 53 | evt.currentTarget.className += " visited"; 54 | } 55 | for (i = 0; i < listTags.length; i++) { 56 | if(listTags[i].className.indexOf("active")>-1){ 57 | localStorage.setItem("last_visited_link",listTags[i].innerHTML); 58 | if(localStorage.visit_history.indexOf(listTags[i].innerHTML) == -1){ 59 | localStorage.visit_history = localStorage.visit_history + listTags[i].innerHTML; 60 | } 61 | } 62 | } 63 | } 64 | 65 | function nextPage(){ 66 | var tabcontent = document.getElementsByClassName("tabcontent"); 67 | for (i = 0; i < tabcontent.length; i++) { 68 | if(tabcontent[i].style.display == "block" && i<tabcontent.length-1){ 69 | tabcontent[i].style.display = "none"; 70 | tabcontent[i+1].style.display = "block"; 71 | localStorage.setItem("last_visited",tabcontent[i+1].id); 72 | break; 73 | } 74 | } 75 | var tab = document.getElementById("ID"); 76 | var listTags = tab.getElementsByTagName("li"); 77 | tab.style.overflow="auto"; 78 | for (i = 0; i < listTags.length; i++) { 79 | if(listTags[i].className.indexOf("active") > -1 && i<listTags.length-1){ 80 | console.log("test"); 81 | // listTags[i].className = listTags[i].className.replace(" active", ""); 82 | listTags[i].className = listTags[i].className.replace(" active", ""); 83 | listTags[i+1].className += " active visited"; 84 | if(i>4){ 85 | listTags[i-4].scrollIntoView(); 86 | } 87 | break; 88 | } 89 | } 90 | tab.style.overflow="hidden"; 91 | 92 | for (i = 0; i < listTags.length; i++) { 93 | if(listTags[i].className.indexOf("active")>-1){ 94 | localStorage.setItem("last_visited_link",listTags[i].innerHTML); 95 | if(localStorage.visit_history.indexOf(listTags[i].innerHTML) == -1){ 96 | localStorage.visit_history = localStorage.visit_history + listTags[i].innerHTML; 97 | } 98 | } 99 | } 100 | } 101 | 102 | function previousPage(){ 103 | var tabcontent = document.getElementsByClassName("tabcontent"); 104 | for (i = 0; i < tabcontent.length; i++) { 105 | if(tabcontent[i].style.display == "block" && i>0){ 106 | tabcontent[i].style.display = "none"; 107 | tabcontent[i-1].style.display = "block"; 108 | localStorage.setItem("last_visited",tabcontent[i-1].id); 109 | } 110 | } 111 | var tab = document.getElementById("ID"); 112 | var listTags = tab.getElementsByTagName("li"); 113 | tab.style.overflow="auto"; 114 | for (i = 0; i < listTags.length; i++) { 115 | if(listTags[i].className.indexOf("active") > -1 && i>0){ 116 | // listTags[i].className = listTags[i].className.replace(" active", ""); 117 | listTags[i].className = listTags[i].className.replace(" active", ""); 118 | listTags[i-1].className += " active visited"; 119 | if(i>4){ 120 | listTags[i-4].scrollIntoView(); 121 | } 122 | if(i<3){ 123 | listTags[0].scrollIntoView(); 124 | } 125 | } 126 | } 127 | tab.style.overflow="hidden"; 128 | 129 | for (i = 0; i < listTags.length; i++) { 130 | if(listTags[i].className.indexOf("active")>-1){ 131 | localStorage.setItem("last_visited_link",listTags[i].innerHTML); 132 | if(localStorage.visit_history.indexOf(listTags[i].innerHTML) == -1){ 133 | localStorage.visit_history = localStorage.visit_history + listTags[i].innerHTML; 134 | } 135 | } 136 | } 137 | } 138 | 139 | window.onload = function() { 140 | var viewPortHeight = document.documentElement.clientHeight; 141 | document.getElementsByClassName("tab")[0].style.height = (document.documentElement.clientHeight-20)+"px"; 142 | // If anyone knows why the above line is required please email to manishsherawat1@gmail.com!! 143 | if(localStorage.last_visited !== undefined){ 144 | //for switching the display on for the last visited page and turning off the default page 145 | document.getElementById("default").style.display = "none"; 146 | last_page=document.getElementById(localStorage["last_visited"]); 147 | last_page.style.display = "block"; 148 | 149 | //for setting the last visited page as active in the left side index. 150 | 151 | var i, listTags, tab; 152 | tab = document.getElementsByClassName("tab")[0]; 153 | tab = document.getElementsByClassName("tab")[0]; 154 | listTags = tab.getElementsByTagName("li"); 155 | // overflow is set to auto for the menu in order to get the active element in the view. 156 | tab.style.overflow="auto"; 157 | for(i = 0; i < listTags.length; i++){ 158 | if(listTags[i].innerHTML == localStorage["last_visited_link"]){ 159 | listTags[i].className += " active visited"; 160 | if(i>4){ 161 | listTags[i-4].scrollIntoView(); 162 | } 163 | } 164 | } 165 | tab.style.overflow="hidden"; 166 | // tab.setAttribute("style","height:500px"); 167 | 168 | 169 | // For setting the previous visited links to visited status 170 | for(i = 0; i < listTags.length; i++){ 171 | if(localStorage.visit_history.indexOf(listTags[i].innerHTML) > -1){ 172 | listTags[i].className += " visited"; 173 | } 174 | } 175 | } 176 | } -------------------------------------------------------------------------------- /base.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | /*border: 0;*/ 4 | padding: 0; 5 | } 6 | 7 | body { 8 | font-family: "Lato", sans-serif; 9 | } 10 | 11 | #wrapper { 12 | display: flex; 13 | justify-content: space-between; 14 | width: 100%; 15 | overflow-x:hidden; 16 | } 17 | 18 | .navigationArrows{ 19 | height: 3em; 20 | width: 3em; 21 | } 22 | 23 | #previous_section_arrow{ 24 | position: fixed; 25 | bottom: 0.01em; 26 | left: 17em; 27 | } 28 | #next_section_arrow{ 29 | position: fixed; 30 | bottom: 0.01em; 31 | right: 0.01em; 32 | } 33 | 34 | ul.tab { 35 | box-shadow: 4px 5px 8px 2px lightgrey; 36 | width: 20.5%; 37 | display: flex; 38 | flex-direction: column; 39 | margin: 0; 40 | padding: 0; 41 | background-color: white; 42 | position: fixed; 43 | min-height: 100%; 44 | } 45 | 46 | 47 | /* Float the list items side by side */ 48 | 49 | ul.tab li { 50 | font-family: "Roboto", sans-serif; 51 | font-size: 2em; 52 | float: left; 53 | padding-bottom: 5px; 54 | padding-top: 5px; 55 | border-bottom: 1px solid lightgrey; 56 | } 57 | 58 | ul.tab li.first { 59 | border-top: 1px solid lightgrey; 60 | } 61 | 62 | 63 | /*styling for the coding ninjas logo on left top*/ 64 | 65 | ul.tab>a>img { 66 | display: block; 67 | margin: auto; 68 | padding-top: 1.6em; 69 | padding-bottom: 1.6em; 70 | } 71 | 72 | .ul.tab li.active { 73 | background-color: rgba(0, 0, 0, 0.05); 74 | } 75 | 76 | 77 | /* Style the links inside the list items */ 78 | 79 | ul.tab li a { 80 | display: inline-block; 81 | color: black; 82 | padding: 12px 16px; 83 | text-decoration: none; 84 | transition: 0.3s; 85 | font-size: 17px; 86 | } 87 | 88 | 89 | /* Change background color of links on hover */ 90 | 91 | ul.tab li:hover { 92 | background-color: rgba(0, 0, 0, 0.1); 93 | /*color: orange;*/ 94 | } 95 | 96 | 97 | /* Create an active/current tablink class */ 98 | 99 | ul.tab li:focus, 100 | .active { 101 | background-color: #ccc; 102 | } 103 | 104 | 105 | /* Style the tab content */ 106 | 107 | .tabcontent { 108 | width: 79.5%; 109 | display: none; 110 | /*padding: 6px 12px;*/ 111 | border-top: none; 112 | padding-left: 1em; 113 | padding-right: 0.4em; 114 | margin-left: 20%; 115 | } 116 | 117 | .active { 118 | background-color: rgba(255, 153, 0,0.92) !important; 119 | transition: .1s; 120 | } 121 | 122 | li.active a { 123 | color: white!important; 124 | } 125 | 126 | .visited { 127 | background-color: rgba(255, 165, 0, 0.08); 128 | } 129 | 130 | #default { 131 | width: 80%; 132 | display: block; 133 | padding: 6px 12px; 134 | text-align: center; 135 | margin-left: 20.5%; 136 | } 137 | 138 | #default h3 { 139 | font-size: 3em; 140 | } 141 | 142 | #default a:hover { 143 | cursor: pointer; 144 | color: red; 145 | } 146 | 147 | #hidden-heading { 148 | display: none; 149 | } 150 | 151 | .heading { 152 | font-size: 3em; 153 | padding:0.3em 0.8em; 154 | /*background-color: #0091ea;*/ 155 | /*background-color: rgba(255,253,208,1);*/ 156 | margin: 0 0 0.5em 0; 157 | color: rgba(0,0,0,0.74); 158 | /*box-shadow: 1px 1px 1px 1px lightgrey;*/ 159 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14); 160 | transition: box-shadow .25s; 161 | border-radius: 2px; 162 | } 163 | .heading:hover { 164 | box-shadow: 2px 1px 1px 2px lightgrey; 165 | } 166 | 167 | .content { 168 | line-height: 1.3em; 169 | color: rgba(0, 0, 0, 0.71); 170 | font-family: "Roboto", sans-serif; 171 | font-size: 1.28em; 172 | padding-left: 0.8em; 173 | } 174 | 175 | .explanationHeading { 176 | /*background-color: #00e5ff;*/ 177 | /*color: white;*/ 178 | color: rgba(0,0,0,0.64); 179 | font-size: 1.4em; 180 | font-weight: bold; 181 | margin-right: 2em; 182 | padding:0.8em 1em; 183 | margin-bottom:0.85em; 184 | box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14); 185 | transition: box-shadow .25s; 186 | border-radius: 2px; 187 | } 188 | .explanationHeading:hover { 189 | box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14); 190 | } 191 | 192 | .explanationText { 193 | /*line-height: 1.3em;*/ 194 | line-height: 1.3em; 195 | color: #3e3e3e; 196 | font-family: 'Open Sans',sans-serif; 197 | margin: 0 2em 1em 1.2em; 198 | font-size: inherit; 199 | } 200 | 201 | #default > img { 202 | width: 75%; 203 | margin: 48px 0 24px 0; 204 | } 205 | 206 | .code { 207 | padding: 8px; 208 | font-family: monospace,Consolas, "Liberation Mono", Courier ; 209 | color: rgba(0,0,0,0.60); 210 | margin-top: 1em; 211 | margin-bottom: 1em; 212 | margin-left:3.5em; 213 | margin-right:3.5em; 214 | background-color:#F6F6F6; 215 | border: 1px solid lightgrey; 216 | border-radius: 3px; 217 | overflow-x:auto; 218 | transition: box-shadow .25s; 219 | } 220 | .highlightCode { 221 | font-family: Consolas,"Liberation Mono",Courier,monospace; 222 | color: rgba(0,0,0,0.60); 223 | /*background-color: white;*/ 224 | padding:3px; 225 | margin:inherit; 226 | border: 2px solid white; 227 | border-radius: 5px; 228 | } 229 | .code:hover { 230 | transform: scale(1.0005); 231 | box-shadow: 2px 1px 1px 2px lightgrey; 232 | } 233 | .explanationNote { 234 | /*line-height: 1.3em;*/ 235 | /*color: rgba(0,0,0,0.74);*/ 236 | /*font-family: "Roboto";*/ 237 | margin-top: 1em; 238 | margin-bottom: 1em; 239 | margin-left:3.5em; 240 | margin-right:3.5em; 241 | background-color:rgba(0,0,0,0.1); 242 | line-height: 1.3em; 243 | 244 | font-family: Consolas, "Liberation Mono", Courier, monospace; 245 | color: rgba(0, 0, 0, 0.60); 246 | background-color: rgba(0, 0, 0, 0.1); 247 | border: 1px solid lightgrey; 248 | border-radius: 3px; 249 | box-shadow: 0 2px 2px 0 lightgrey; 250 | transition: box-shadow .25s; 251 | } 252 | .explanationNote:hover { 253 | box-shadow: 0 2px 0 2px lightgrey; 254 | } 255 | 256 | dd{ 257 | margin-left: 40px 258 | } 259 | 260 | .explanationList { 261 | /*line-height: 1.3em;*/ 262 | color: rgba(0, 0, 0, 0.74); 263 | font-family: inherit; 264 | margin-right: 1.5em; 265 | margin-bottom: 0.4em; 266 | margin-left: 2em; 267 | padding: 8px 16px; 268 | } 269 | 270 | .explanationImage { 271 | margin-top: 1em; 272 | margin-bottom: 1em; 273 | margin-left:3.5em; 274 | margin-right:3.5em;} 275 | 276 | .output-window { 277 | padding: 10px; 278 | margin-top: 1em; 279 | margin-bottom: 1em; 280 | margin-left:3.5em; 281 | margin-right:3.5em; 282 | border: 1px solid lightgrey; 283 | box-shadow: 2px 2px 6px 3px lightgrey; 284 | } 285 | 286 | .output-window:hover { 287 | box-shadow: 3px 3px 8px 4px lightgrey; 288 | } 289 | 290 | 291 | 292 | div.explanationImage img { 293 | width: 96%; 294 | border: 1px solid lightgrey; 295 | box-shadow: 2px 2px 6px 3px lightgrey; 296 | } 297 | 298 | div.explanationImage img:hover { 299 | box-shadow: 3px 3px 8px 4px lightgrey; 300 | } 301 | 302 | 303 | 304 | 305 | /*The CSS below is example specific */ 306 | 307 | /*For html vs CSS page*/ 308 | .hiddenForHVC{ 309 | display:none; 310 | } 311 | #HtmlVsCssDiv{ 312 | 313 | } 314 | 315 | .headerHVC{ 316 | display: flex; 317 | justify-content: space-between; 318 | align-items: center; 319 | /*padding: 10px;*/ 320 | background-color: white; 321 | box-shadow: 2px 1px 1px 2px lightgrey; 322 | padding: 0.5em; 323 | } 324 | .ulHVC{ 325 | list-style: none; 326 | } 327 | 328 | .bodyTextHVC{ 329 | padding: 1.5em 1.5em; 330 | } 331 | 332 | /*for pseudo class page*/ 333 | #examplePara1:hover { 334 | box-shadow: 2px 4px 6px 8px lightgrey; 335 | } 336 | 337 | /*for pseudo elements page*/ 338 | #examplePara2::first-letter { 339 | font-size: 2em; 340 | } 341 | /*for Text Abbreviations Quotations and Code*/ 342 | .blockquote { 343 | display: block; 344 | margin: 1em; 345 | margin: 1em; 346 | } 347 | /*for Text Abbreviations Quotations and Code*/ 348 | #exampleBlockquote::before { 349 | display: block; 350 | height: 1em; 351 | content: "“"; 352 | margin-left: -.95em; 353 | font: italic 400%/1 Cochin,Georgia,"Times New Roman", serif; 354 | color: #999; 355 | } 356 | 357 | /*For Page Layouts*/ 358 | .pageLayoutBox{ 359 | display: inline-block; 360 | background: #0091ea; 361 | width: 100px; 362 | height: 100px; 363 | margin: 20px; 364 | color: white; 365 | } 366 | #specialTwoA{ 367 | position: relative; 368 | top: -20px; 369 | left: 20px; 370 | } 371 | #specialTwoB{ 372 | position: absolute; 373 | top: 35px; 374 | left: 20px; 375 | } 376 | 377 | ul.tab>a>img:hover { 378 | cursor: pointer; 379 | } 380 | 381 | .container { 382 | display: none; 383 | } 384 | 385 | @media (max-width: 720px) { 386 | ul.tab { 387 | overflow: scroll!important; 388 | z-index: 1; 389 | opacity: 0.9; 390 | width: 0%; 391 | box-shadow: none; 392 | } 393 | 394 | #default h3 { 395 | margin-top: 50px; 396 | } 397 | 398 | #default > img { 399 | width: 100%; 400 | } 401 | 402 | .heading { 403 | text-align: center; 404 | } 405 | 406 | #default, .tabcontent { 407 | margin-left: 0; 408 | width: 100%; 409 | padding-left: 0; 410 | } 411 | 412 | .output-window { 413 | margin: 0px 12px 8px 0px; 414 | box-shadow: 2px 0px 16px 0px lightgrey; 415 | } 416 | 417 | .code { 418 | margin: 0 12px 8px 0; 419 | box-shadow: none; 420 | } 421 | 422 | .explanationImage { 423 | margin: 0; 424 | } 425 | 426 | .explanationText { 427 | margin: 0 10px 12px 0px; 428 | } 429 | 430 | .explanationNote { 431 | margin: 12px 12px 8px 0; 432 | padding: 2px; 433 | } 434 | 435 | .highlightCode { 436 | display: flex; 437 | } 438 | 439 | .container { 440 | position: absolute; 441 | z-index: 1; 442 | top: 1%; 443 | left: 2%; 444 | display: inline-block; 445 | } 446 | 447 | .bar1, .bar2, .bar3 { 448 | width: 35px; 449 | height: 5px; 450 | background-color: rgba(255, 153, 0,0.92); 451 | margin: 6px 0; 452 | transition: 0.4s; 453 | } 454 | 455 | .change .bar1 { 456 | -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; 457 | transform: rotate(-45deg) translate(-9px, 6px) ; 458 | } 459 | 460 | .change .bar2 {opacity: 0;} 461 | 462 | .change .bar3 { 463 | -webkit-transform: rotate(45deg) translate(-8px, -8px) ; 464 | transform: rotate(45deg) translate(-8px, -8px) ; 465 | } 466 | } -------------------------------------------------------------------------------- /.idea/workspace.xml: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="UTF-8"?> 2 | <project version="4"> 3 | <component name="ChangeListManager"> 4 | <list default="true" id="d849a58f-1ed7-4a4a-a399-baa14598b9db" name="Default" comment="" /> 5 | <ignored path="$PROJECT_DIR$/.tmp/" /> 6 | <ignored path="$PROJECT_DIR$/temp/" /> 7 | <ignored path="$PROJECT_DIR$/tmp/" /> 8 | <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" /> 9 | <option name="TRACKING_ENABLED" value="true" /> 10 | <option name="SHOW_DIALOG" value="false" /> 11 | <option name="HIGHLIGHT_CONFLICTS" value="true" /> 12 | <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" /> 13 | <option name="LAST_RESOLUTION" value="IGNORE" /> 14 | </component> 15 | <component name="CreatePatchCommitExecutor"> 16 | <option name="PATCH_PATH" value="" /> 17 | </component> 18 | <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" /> 19 | <component name="FileEditorManager"> 20 | <leaf> 21 | <file leaf-file-name="index.html" pinned="false" current-in-tab="false"> 22 | <entry file="file://$PROJECT_DIR$/index.html"> 23 | <provider selected="true" editor-type-id="text-editor"> 24 | <state relative-caret-position="90"> 25 | <caret line="6" column="41" lean-forward="true" selection-start-line="6" selection-start-column="41" selection-end-line="6" selection-end-column="41" /> 26 | <folding> 27 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 28 | <element signature="n#style#0;n#h2#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 29 | <element signature="n#style#0;n#h3#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 30 | <element signature="n#style#0;n#h4#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 31 | <element signature="n#style#0;n#h5#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 32 | <element signature="n#style#0;n#h6#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 33 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#3;n#!!top" expanded="true" /> 34 | <element signature="n#style#0;n#ul#0;n#div#1;n#div#0;n#div#3;n#!!top" expanded="true" /> 35 | <element signature="n#style#0;n#h1#0;n#div#2;n#div#0;n#div#3;n#!!top" expanded="true" /> 36 | <element signature="n#style#0;n#ul#0;n#div#2;n#div#0;n#div#3;n#!!top" expanded="true" /> 37 | <element signature="n#style#0;n#ul#0;n#li#1;n#ul#0;n#div#2;n#div#0;n#div#3;n#!!top" expanded="true" /> 38 | <element signature="n#style#0;n#ul#0;n#li#1;n#ul#0;n#li#1;n#ul#0;n#div#2;n#div#0;n#div#3;n#!!top" expanded="true" /> 39 | <element signature="n#style#0;n#h1#0;n#div#4;n#div#0;n#div#3;n#!!top" expanded="true" /> 40 | <element signature="n#style#0;n#ol#0;n#div#4;n#div#0;n#div#3;n#!!top" expanded="true" /> 41 | <element signature="n#style#0;n#h1#0;n#div#5;n#div#0;n#div#3;n#!!top" expanded="true" /> 42 | <element signature="n#style#0;n#ol#0;n#div#5;n#div#0;n#div#3;n#!!top" expanded="true" /> 43 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#4;n#!!top" expanded="true" /> 44 | <element signature="n#style#0;n#ul#0;n#div#0;n#div#9;n#!!top" expanded="true" /> 45 | <element signature="n#style#0;n#div#0;n#div#0;n#div#10;n#!!top" expanded="true" /> 46 | <element signature="n#style#0;n#p#0;n#div#0;n#div#10;n#!!top" expanded="true" /> 47 | <element signature="n#style#0;n#button#0;n#p#0;n#div#0;n#div#10;n#!!top" expanded="true" /> 48 | <element signature="n#style#0;n#p#1;n#div#0;n#div#10;n#!!top" expanded="true" /> 49 | <element signature="n#style#0;n#ul#0;n#nav#0;n#header#0;n#div#1;n#div#0;n#div#10;n#!!top" expanded="true" /> 50 | <element signature="n#style#0;n#ul#0;n#nav#0;n#footer#0;n#div#1;n#div#0;n#div#10;n#!!top" expanded="true" /> 51 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#11;n#!!top" expanded="true" /> 52 | <element signature="n#style#0;n#h3#0;n#div#0;n#div#0;n#div#11;n#!!top" expanded="true" /> 53 | <element signature="n#style#0;n#p#1;n#div#0;n#div#12;n#!!top" expanded="true" /> 54 | <element signature="n#style#0;n#p#0;n#div#0;n#div#0;n#div#12;n#!!top" expanded="true" /> 55 | <element signature="n#style#0;n#p#0;n#xmp#0;n#div#0;n#div#12;n#!!top" expanded="true" /> 56 | <element signature="n#style#0;n#p#0;n#div#1;n#div#0;n#div#12;n#!!top" expanded="true" /> 57 | <element signature="n#style#0;n#h3#0;n#div#0;n#div#0;n#div#13;n#!!top" expanded="true" /> 58 | <element signature="n#style#0;n#p#0;n#div#0;n#div#0;n#div#13;n#!!top" expanded="true" /> 59 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#14;n#!!top" expanded="true" /> 60 | <element signature="n#style#0;n#h2#0;n#div#0;n#div#0;n#div#14;n#!!top" expanded="true" /> 61 | <element signature="n#style#0;n#p#0;n#div#0;n#div#0;n#div#14;n#!!top" expanded="true" /> 62 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#16;n#!!top" expanded="true" /> 63 | <element signature="n#style#0;n#h1#0;n#div#5;n#div#0;n#div#16;n#!!top" expanded="true" /> 64 | <element signature="n#style#0;n#h2#0;n#div#5;n#div#0;n#div#16;n#!!top" expanded="true" /> 65 | <element signature="n#style#0;n#h3#0;n#div#5;n#div#0;n#div#16;n#!!top" expanded="true" /> 66 | <element signature="n#style#0;n#h4#0;n#div#5;n#div#0;n#div#16;n#!!top" expanded="true" /> 67 | <element signature="n#style#0;n#h3#0;n#div#7;n#div#0;n#div#16;n#!!top" expanded="true" /> 68 | <element signature="n#style#0;n#h2#0;n#div#7;n#div#0;n#div#16;n#!!top" expanded="true" /> 69 | <element signature="n#style#0;n#h1#0;n#div#7;n#div#0;n#div#16;n#!!top" expanded="true" /> 70 | <element signature="n#style#0;n#h4#0;n#div#9;n#div#0;n#div#16;n#!!top" expanded="true" /> 71 | <element signature="n#style#0;n#h3#0;n#div#9;n#div#0;n#div#16;n#!!top" expanded="true" /> 72 | <element signature="n#style#0;n#h2#0;n#div#9;n#div#0;n#div#16;n#!!top" expanded="true" /> 73 | <element signature="n#style#0;n#h1#0;n#div#9;n#div#0;n#div#16;n#!!top" expanded="true" /> 74 | <element signature="n#style#0;n#h4#0;n#div#11;n#div#0;n#div#16;n#!!top" expanded="true" /> 75 | <element signature="n#style#0;n#h3#0;n#div#11;n#div#0;n#div#16;n#!!top" expanded="true" /> 76 | <element signature="n#style#0;n#h2#0;n#div#11;n#div#0;n#div#16;n#!!top" expanded="true" /> 77 | <element signature="n#style#0;n#h1#0;n#div#11;n#div#0;n#div#16;n#!!top" expanded="true" /> 78 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#17;n#!!top" expanded="true" /> 79 | <element signature="n#style#0;n#p#0;n#div#4;n#div#0;n#div#17;n#!!top" expanded="true" /> 80 | <element signature="n#style#0;n#p#1;n#div#4;n#div#0;n#div#17;n#!!top" expanded="true" /> 81 | <element signature="n#style#0;n#p#0;n#div#6;n#div#0;n#div#17;n#!!top" expanded="true" /> 82 | <element signature="n#style#0;n#p#1;n#div#6;n#div#0;n#div#17;n#!!top" expanded="true" /> 83 | <element signature="n#style#0;n#p#0;n#div#8;n#div#0;n#div#17;n#!!top" expanded="true" /> 84 | <element signature="n#style#0;n#h3#0;n#div#10;n#div#0;n#div#17;n#!!top" expanded="true" /> 85 | <element signature="n#style#0;n#h3#1;n#div#10;n#div#0;n#div#17;n#!!top" expanded="true" /> 86 | <element signature="n#style#0;n#h3#2;n#div#10;n#div#0;n#div#17;n#!!top" expanded="true" /> 87 | <element signature="n#style#0;n#h1#0;n#div#12;n#div#0;n#div#17;n#!!top" expanded="true" /> 88 | <element signature="n#style#0;n#h1#1;n#div#12;n#div#0;n#div#17;n#!!top" expanded="true" /> 89 | <element signature="n#style#0;n#h1#2;n#div#12;n#div#0;n#div#17;n#!!top" expanded="true" /> 90 | <element signature="n#style#0;n#h1#3;n#div#12;n#div#0;n#div#17;n#!!top" expanded="true" /> 91 | <element signature="n#style#0;n#p#0;n#div#14;n#div#0;n#div#17;n#!!top" expanded="true" /> 92 | <element signature="n#style#0;n#p#1;n#div#14;n#div#0;n#div#17;n#!!top" expanded="true" /> 93 | <element signature="n#style#0;n#p#2;n#div#14;n#div#0;n#div#17;n#!!top" expanded="true" /> 94 | <element signature="n#style#0;n#p#3;n#div#14;n#div#0;n#div#17;n#!!top" expanded="true" /> 95 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#18;n#!!top" expanded="true" /> 96 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#18;n#!!top" expanded="true" /> 97 | <element signature="n#style#0;n#h2#0;n#div#1;n#div#0;n#div#18;n#!!top" expanded="true" /> 98 | <element signature="n#style#0;n#h3#0;n#div#1;n#div#0;n#div#18;n#!!top" expanded="true" /> 99 | <element signature="n#style#0;n#h1#0;n#div#2;n#div#0;n#div#18;n#!!top" expanded="true" /> 100 | <element signature="n#style#0;n#h1#1;n#div#2;n#div#0;n#div#18;n#!!top" expanded="true" /> 101 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#19;n#!!top" expanded="true" /> 102 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#19;n#!!top" expanded="true" /> 103 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#19;n#!!top" expanded="true" /> 104 | <element signature="n#style#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#19;n#!!top" expanded="true" /> 105 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#19;n#!!top" expanded="true" /> 106 | <element signature="n#style#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#19;n#!!top" expanded="true" /> 107 | <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#19;n#!!top" expanded="true" /> 108 | <element signature="n#style#0;n#div#0;n#div#0;n#div#3;n#div#0;n#div#19;n#!!top" expanded="true" /> 109 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#20;n#!!top" expanded="true" /> 110 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#20;n#!!top" expanded="true" /> 111 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#20;n#!!top" expanded="true" /> 112 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#21;n#!!top" expanded="true" /> 113 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#21;n#!!top" expanded="true" /> 114 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#21;n#!!top" expanded="true" /> 115 | <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#21;n#!!top" expanded="true" /> 116 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#21;n#!!top" expanded="true" /> 117 | <element signature="n#style#0;n#div#5;n#div#0;n#div#21;n#!!top" expanded="true" /> 118 | <element signature="n#style#0;n#div#0;n#div#5;n#div#0;n#div#21;n#!!top" expanded="true" /> 119 | <element signature="n#style#0;n#div#1;n#div#5;n#div#0;n#div#21;n#!!top" expanded="true" /> 120 | <element signature="n#style#0;n#div#6;n#div#0;n#div#21;n#!!top" expanded="true" /> 121 | <element signature="n#style#0;n#div#0;n#div#6;n#div#0;n#div#21;n#!!top" expanded="true" /> 122 | <element signature="n#style#0;n#div#1;n#div#6;n#div#0;n#div#21;n#!!top" expanded="true" /> 123 | <element signature="n#style#0;n#div#2;n#div#6;n#div#0;n#div#21;n#!!top" expanded="true" /> 124 | <element signature="n#style#0;n#p#0;n#div#0;n#div#0;n#div#26;n#!!top" expanded="true" /> 125 | <element signature="n#style#0;n#p#1;n#div#0;n#div#0;n#div#26;n#!!top" expanded="true" /> 126 | <element signature="n#style#0;n#p#2;n#div#0;n#div#0;n#div#26;n#!!top" expanded="true" /> 127 | <element signature="n#style#0;n#p#3;n#div#0;n#div#0;n#div#26;n#!!top" expanded="true" /> 128 | <element signature="n#style#0;n#p#0;n#div#1;n#div#0;n#div#26;n#!!top" expanded="true" /> 129 | <element signature="n#style#0;n#p#1;n#div#1;n#div#0;n#div#26;n#!!top" expanded="true" /> 130 | <element signature="n#style#0;n#p#2;n#div#1;n#div#0;n#div#26;n#!!top" expanded="true" /> 131 | <element signature="n#style#0;n#p#3;n#div#1;n#div#0;n#div#26;n#!!top" expanded="true" /> 132 | <element signature="n#style#0;n#h2#0;n#div#0;n#div#0;n#div#33;n#!!top" expanded="true" /> 133 | <element signature="n#style#0;n#h2#0;n#div#1;n#div#0;n#div#33;n#!!top" expanded="true" /> 134 | <element signature="n#style#0;n#h2#0;n#div#2;n#div#0;n#div#33;n#!!top" expanded="true" /> 135 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#34;n#!!top" expanded="true" /> 136 | <element signature="n#style#0;n#div#1;n#div#1;n#div#0;n#div#34;n#!!top" expanded="true" /> 137 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#34;n#!!top" expanded="true" /> 138 | <element signature="n#style#0;n#div#1;n#div#4;n#div#0;n#div#34;n#!!top" expanded="true" /> 139 | <element signature="n#style#0;n#div#2;n#div#4;n#div#0;n#div#34;n#!!top" expanded="true" /> 140 | <element signature="n#style#0;n#div#3;n#div#4;n#div#0;n#div#34;n#!!top" expanded="true" /> 141 | <element signature="n#style#0;n#div#0;n#div#5;n#div#0;n#div#34;n#!!top" expanded="true" /> 142 | <element signature="n#style#0;n#div#1;n#div#5;n#div#0;n#div#34;n#!!top" expanded="true" /> 143 | <element signature="n#style#0;n#div#2;n#div#5;n#div#0;n#div#34;n#!!top" expanded="true" /> 144 | <element signature="n#style#0;n#div#3;n#div#5;n#div#0;n#div#34;n#!!top" expanded="true" /> 145 | <element signature="n#style#0;n#div#2;n#div#0;n#div#35;n#!!top" expanded="true" /> 146 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#37;n#!!top" expanded="true" /> 147 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#37;n#!!top" expanded="true" /> 148 | <element signature="n#style#0;n#h1#0;n#div#2;n#div#0;n#div#37;n#!!top" expanded="true" /> 149 | <element signature="n#style#0;n#h2#0;n#div#2;n#div#0;n#div#37;n#!!top" expanded="true" /> 150 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#37;n#!!top" expanded="true" /> 151 | <element signature="n#style#0;n#div#0;n#div#5;n#div#0;n#div#37;n#!!top" expanded="true" /> 152 | <element signature="n#style#0;n#div#0;n#div#6;n#div#0;n#div#37;n#!!top" expanded="true" /> 153 | <element signature="n#style#0;n#h2#1;n#div#0;n#div#0;n#div#39;n#!!top" expanded="true" /> 154 | <element signature="n#style#0;n#button#0;n#div#1;n#div#0;n#div#39;n#!!top" expanded="true" /> 155 | <element signature="n#style#0;n#button#1;n#div#1;n#div#0;n#div#39;n#!!top" expanded="true" /> 156 | <element signature="n#style#0;n#button#2;n#div#1;n#div#0;n#div#39;n#!!top" expanded="true" /> 157 | <element signature="n#style#0;n#input#0;n#div#2;n#div#0;n#div#39;n#!!top" expanded="true" /> 158 | <element signature="n#style#0;n#input#1;n#div#2;n#div#0;n#div#39;n#!!top" expanded="true" /> 159 | <element signature="n#style#0;n#a#1;n#div#3;n#div#0;n#div#39;n#!!top" expanded="true" /> 160 | <element signature="n#style#0;n#a#2;n#div#4;n#div#0;n#div#39;n#!!top" expanded="true" /> 161 | <element signature="n#style#0;n#p#1;n#div#5;n#div#0;n#div#39;n#!!top" expanded="true" /> 162 | <element signature="n#style#0;n#p#0;n#div#6;n#div#0;n#div#39;n#!!top" expanded="true" /> 163 | <element signature="n#style#0;n#div#0;n#div#0;n#div#40;n#!!top" expanded="true" /> 164 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#40;n#!!top" expanded="true" /> 165 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#40;n#!!top" expanded="true" /> 166 | <element signature="n#style#0;n#div#1;n#div#0;n#div#40;n#!!top" expanded="true" /> 167 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#40;n#!!top" expanded="true" /> 168 | <element signature="n#style#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#40;n#!!top" expanded="true" /> 169 | <element signature="n#style#0;n#div#2;n#div#0;n#div#40;n#!!top" expanded="true" /> 170 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#40;n#!!top" expanded="true" /> 171 | <element signature="n#style#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#40;n#!!top" expanded="true" /> 172 | <element signature="n#style#0;n#div#3;n#div#0;n#div#40;n#!!top" expanded="true" /> 173 | <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#40;n#!!top" expanded="true" /> 174 | <element signature="n#style#0;n#div#1;n#div#3;n#div#0;n#div#40;n#!!top" expanded="true" /> 175 | <element signature="n#style#0;n#div#4;n#div#0;n#div#40;n#!!top" expanded="true" /> 176 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#40;n#!!top" expanded="true" /> 177 | <element signature="n#style#0;n#div#1;n#div#4;n#div#0;n#div#40;n#!!top" expanded="true" /> 178 | <element signature="n#style#0;n#div#5;n#div#0;n#div#40;n#!!top" expanded="true" /> 179 | <element signature="n#style#0;n#div#0;n#div#5;n#div#0;n#div#40;n#!!top" expanded="true" /> 180 | <element signature="n#style#0;n#div#1;n#div#5;n#div#0;n#div#40;n#!!top" expanded="true" /> 181 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#41;n#!!top" expanded="true" /> 182 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#41;n#!!top" expanded="true" /> 183 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#41;n#!!top" expanded="true" /> 184 | <element signature="n#style#0;n#div#3;n#div#0;n#div#41;n#!!top" expanded="true" /> 185 | <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#41;n#!!top" expanded="true" /> 186 | <element signature="n#style#0;n#div#1;n#div#3;n#div#0;n#div#41;n#!!top" expanded="true" /> 187 | <element signature="n#style#0;n#div#4;n#div#0;n#div#41;n#!!top" expanded="true" /> 188 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#41;n#!!top" expanded="true" /> 189 | <element signature="n#style#0;n#div#1;n#div#4;n#div#0;n#div#41;n#!!top" expanded="true" /> 190 | <element signature="n#style#0;n#div#0;n#div#6;n#div#0;n#div#41;n#!!top" expanded="true" /> 191 | <element signature="n#style#0;n#div#0;n#div#7;n#div#0;n#div#41;n#!!top" expanded="true" /> 192 | <element signature="n#style#0;n#div#8;n#div#0;n#div#41;n#!!top" expanded="true" /> 193 | <element signature="n#style#0;n#div#0;n#div#8;n#div#0;n#div#41;n#!!top" expanded="true" /> 194 | <element signature="n#style#0;n#div#1;n#div#8;n#div#0;n#div#41;n#!!top" expanded="true" /> 195 | </folding> 196 | </state> 197 | </provider> 198 | </entry> 199 | </file> 200 | <file leaf-file-name="menu.js" pinned="false" current-in-tab="false"> 201 | <entry file="file://$PROJECT_DIR$/menu.js"> 202 | <provider selected="true" editor-type-id="text-editor"> 203 | <state relative-caret-position="60"> 204 | <caret line="4" column="35" lean-forward="false" selection-start-line="4" selection-start-column="35" selection-end-line="4" selection-end-column="35" /> 205 | <folding /> 206 | </state> 207 | </provider> 208 | </entry> 209 | </file> 210 | <file leaf-file-name="logo.png" pinned="false" current-in-tab="false"> 211 | <entry file="file://$PROJECT_DIR$/images/logo.png"> 212 | <provider selected="true" editor-type-id="images"> 213 | <state /> 214 | </provider> 215 | </entry> 216 | </file> 217 | <file leaf-file-name="base.css" pinned="false" current-in-tab="true"> 218 | <entry file="file://$PROJECT_DIR$/base.css"> 219 | <provider selected="true" editor-type-id="text-editor"> 220 | <state relative-caret-position="-4914"> 221 | <caret line="35" column="16" lean-forward="false" selection-start-line="35" selection-start-column="16" selection-end-line="35" selection-end-column="16" /> 222 | <folding /> 223 | </state> 224 | </provider> 225 | </entry> 226 | </file> 227 | </leaf> 228 | </component> 229 | <component name="FindInProjectRecents"> 230 | <findStrings> 231 | <find>margin-l</find> 232 | <find>img</find> 233 | <find>container</find> 234 | <find>containe</find> 235 | </findStrings> 236 | </component> 237 | <component name="Git.Settings"> 238 | <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" /> 239 | </component> 240 | <component name="IdeDocumentHistory"> 241 | <option name="CHANGED_PATHS"> 242 | <list> 243 | <option value="$PROJECT_DIR$/base.css" /> 244 | <option value="$PROJECT_DIR$/menu.js" /> 245 | <option value="$PROJECT_DIR$/index.html" /> 246 | </list> 247 | </option> 248 | </component> 249 | <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" /> 250 | <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" /> 251 | <component name="JsGulpfileManager"> 252 | <detection-done>true</detection-done> 253 | <sorting>DEFINITION_ORDER</sorting> 254 | </component> 255 | <component name="ProjectFrameBounds"> 256 | <option name="width" value="1440" /> 257 | <option name="height" value="900" /> 258 | </component> 259 | <component name="ProjectView"> 260 | <navigator currentView="ProjectPane" proportions="" version="1"> 261 | <flattenPackages /> 262 | <showMembers /> 263 | <showModules /> 264 | <showLibraryContents /> 265 | <hideEmptyPackages /> 266 | <abbreviatePackageNames /> 267 | <autoscrollToSource /> 268 | <autoscrollFromSource /> 269 | <sortByType /> 270 | <manualOrder /> 271 | <foldersAlwaysOnTop value="true" /> 272 | </navigator> 273 | <panes> 274 | <pane id="Scratches" /> 275 | <pane id="Scope" /> 276 | <pane id="ProjectPane"> 277 | <subPane> 278 | <PATH> 279 | <PATH_ELEMENT> 280 | <option name="myItemId" value="HTMLandCssNotes" /> 281 | <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> 282 | </PATH_ELEMENT> 283 | <PATH_ELEMENT> 284 | <option name="myItemId" value="HTMLandCssNotes" /> 285 | <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> 286 | </PATH_ELEMENT> 287 | </PATH> 288 | </subPane> 289 | </pane> 290 | </panes> 291 | </component> 292 | <component name="PropertiesComponent"> 293 | <property name="WebServerToolWindowFactoryState" value="false" /> 294 | <property name="last_opened_file_path" value="$PROJECT_DIR$" /> 295 | <property name="FullScreen" value="true" /> 296 | <property name="HbShouldOpenHtmlAsHb" value="" /> 297 | <property name="nodejs_interpreter_path" value="/usr/local/bin/node" /> 298 | <property name="js.eslint.eslintPackage" value="" /> 299 | <property name="js-jscs-nodeInterpreter" value="/usr/local/bin/node" /> 300 | </component> 301 | <component name="RunManager"> 302 | <configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application"> 303 | <method /> 304 | </configuration> 305 | <configuration default="true" type="DartTestRunConfigurationType" factoryName="Dart Test"> 306 | <method /> 307 | </configuration> 308 | <configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma"> 309 | <config-file value="" /> 310 | <node-interpreter value="project" /> 311 | <envs /> 312 | <method /> 313 | </configuration> 314 | <configuration default="true" type="JavaScriptTestRunnerProtractor" factoryName="Protractor"> 315 | <config-file value="" /> 316 | <node-interpreter value="project" /> 317 | <envs /> 318 | <method /> 319 | </configuration> 320 | <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug"> 321 | <method /> 322 | </configuration> 323 | <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" path-to-node="project" working-dir=""> 324 | <method /> 325 | </configuration> 326 | <configuration default="true" type="cucumber.js" factoryName="Cucumber.js"> 327 | <option name="cucumberJsArguments" value="" /> 328 | <option name="executablePath" /> 329 | <option name="filePath" /> 330 | <method /> 331 | </configuration> 332 | <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js"> 333 | <method /> 334 | </configuration> 335 | <configuration default="true" type="js.build_tools.npm" factoryName="npm"> 336 | <command value="run" /> 337 | <scripts /> 338 | <node-interpreter value="project" /> 339 | <envs /> 340 | <method /> 341 | </configuration> 342 | <configuration default="true" type="mocha-javascript-test-runner" factoryName="Mocha"> 343 | <node-interpreter>project</node-interpreter> 344 | <node-options /> 345 | <working-directory /> 346 | <pass-parent-env>true</pass-parent-env> 347 | <envs /> 348 | <ui /> 349 | <extra-mocha-options /> 350 | <test-kind>DIRECTORY</test-kind> 351 | <test-directory /> 352 | <recursive>false</recursive> 353 | <method /> 354 | </configuration> 355 | </component> 356 | <component name="ShelveChangesManager" show_recycled="false"> 357 | <option name="remove_strategy" value="false" /> 358 | </component> 359 | <component name="TaskManager"> 360 | <task active="true" id="Default" summary="Default task"> 361 | <changelist id="d849a58f-1ed7-4a4a-a399-baa14598b9db" name="Default" comment="" /> 362 | <created>1484767353551</created> 363 | <option name="number" value="Default" /> 364 | <option name="presentableId" value="Default" /> 365 | <updated>1484767353551</updated> 366 | <workItem from="1484767355062" duration="5755000" /> 367 | </task> 368 | <servers /> 369 | </component> 370 | <component name="TimeTrackingManager"> 371 | <option name="totallyTimeSpent" value="5755000" /> 372 | </component> 373 | <component name="ToolWindowManager"> 374 | <frame x="0" y="0" width="1440" height="900" extended-state="0" /> 375 | <editor active="true" /> 376 | <layout> 377 | <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.19652778" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" /> 378 | <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" /> 379 | <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" /> 380 | <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" /> 381 | <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" /> 382 | <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> 383 | <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" /> 384 | <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" /> 385 | <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" /> 386 | <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" /> 387 | <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" /> 388 | <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" /> 389 | <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" /> 390 | <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> 391 | <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" /> 392 | <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> 393 | </layout> 394 | </component> 395 | <component name="TypeScriptGeneratedFilesManager"> 396 | <option name="processedProjectFiles" value="true" /> 397 | </component> 398 | <component name="VcsContentAnnotationSettings"> 399 | <option name="myLimit" value="2678400000" /> 400 | </component> 401 | <component name="XDebuggerManager"> 402 | <breakpoint-manager /> 403 | <watches-manager /> 404 | </component> 405 | <component name="editorHistoryManager"> 406 | <entry file="file://$PROJECT_DIR$/menu.js"> 407 | <provider selected="true" editor-type-id="text-editor"> 408 | <state relative-caret-position="60"> 409 | <caret line="4" column="35" lean-forward="false" selection-start-line="4" selection-start-column="35" selection-end-line="4" selection-end-column="35" /> 410 | <folding /> 411 | </state> 412 | </provider> 413 | </entry> 414 | <entry file="file://$PROJECT_DIR$/images/logo.png"> 415 | <provider selected="true" editor-type-id="images"> 416 | <state /> 417 | </provider> 418 | </entry> 419 | <entry file="file://$PROJECT_DIR$/index.html"> 420 | <provider selected="true" editor-type-id="text-editor"> 421 | <state relative-caret-position="90"> 422 | <caret line="6" column="41" lean-forward="true" selection-start-line="6" selection-start-column="41" selection-end-line="6" selection-end-column="41" /> 423 | <folding> 424 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 425 | <element signature="n#style#0;n#h2#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 426 | <element signature="n#style#0;n#h3#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 427 | <element signature="n#style#0;n#h4#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 428 | <element signature="n#style#0;n#h5#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 429 | <element signature="n#style#0;n#h6#0;n#div#0;n#div#0;n#div#2;n#!!top" expanded="true" /> 430 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#3;n#!!top" expanded="true" /> 431 | <element signature="n#style#0;n#ul#0;n#div#1;n#div#0;n#div#3;n#!!top" expanded="true" /> 432 | <element signature="n#style#0;n#h1#0;n#div#2;n#div#0;n#div#3;n#!!top" expanded="true" /> 433 | <element signature="n#style#0;n#ul#0;n#div#2;n#div#0;n#div#3;n#!!top" expanded="true" /> 434 | <element signature="n#style#0;n#ul#0;n#li#1;n#ul#0;n#div#2;n#div#0;n#div#3;n#!!top" expanded="true" /> 435 | <element signature="n#style#0;n#ul#0;n#li#1;n#ul#0;n#li#1;n#ul#0;n#div#2;n#div#0;n#div#3;n#!!top" expanded="true" /> 436 | <element signature="n#style#0;n#h1#0;n#div#4;n#div#0;n#div#3;n#!!top" expanded="true" /> 437 | <element signature="n#style#0;n#ol#0;n#div#4;n#div#0;n#div#3;n#!!top" expanded="true" /> 438 | <element signature="n#style#0;n#h1#0;n#div#5;n#div#0;n#div#3;n#!!top" expanded="true" /> 439 | <element signature="n#style#0;n#ol#0;n#div#5;n#div#0;n#div#3;n#!!top" expanded="true" /> 440 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#4;n#!!top" expanded="true" /> 441 | <element signature="n#style#0;n#ul#0;n#div#0;n#div#9;n#!!top" expanded="true" /> 442 | <element signature="n#style#0;n#div#0;n#div#0;n#div#10;n#!!top" expanded="true" /> 443 | <element signature="n#style#0;n#p#0;n#div#0;n#div#10;n#!!top" expanded="true" /> 444 | <element signature="n#style#0;n#button#0;n#p#0;n#div#0;n#div#10;n#!!top" expanded="true" /> 445 | <element signature="n#style#0;n#p#1;n#div#0;n#div#10;n#!!top" expanded="true" /> 446 | <element signature="n#style#0;n#ul#0;n#nav#0;n#header#0;n#div#1;n#div#0;n#div#10;n#!!top" expanded="true" /> 447 | <element signature="n#style#0;n#ul#0;n#nav#0;n#footer#0;n#div#1;n#div#0;n#div#10;n#!!top" expanded="true" /> 448 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#11;n#!!top" expanded="true" /> 449 | <element signature="n#style#0;n#h3#0;n#div#0;n#div#0;n#div#11;n#!!top" expanded="true" /> 450 | <element signature="n#style#0;n#p#1;n#div#0;n#div#12;n#!!top" expanded="true" /> 451 | <element signature="n#style#0;n#p#0;n#div#0;n#div#0;n#div#12;n#!!top" expanded="true" /> 452 | <element signature="n#style#0;n#p#0;n#xmp#0;n#div#0;n#div#12;n#!!top" expanded="true" /> 453 | <element signature="n#style#0;n#p#0;n#div#1;n#div#0;n#div#12;n#!!top" expanded="true" /> 454 | <element signature="n#style#0;n#h3#0;n#div#0;n#div#0;n#div#13;n#!!top" expanded="true" /> 455 | <element signature="n#style#0;n#p#0;n#div#0;n#div#0;n#div#13;n#!!top" expanded="true" /> 456 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#14;n#!!top" expanded="true" /> 457 | <element signature="n#style#0;n#h2#0;n#div#0;n#div#0;n#div#14;n#!!top" expanded="true" /> 458 | <element signature="n#style#0;n#p#0;n#div#0;n#div#0;n#div#14;n#!!top" expanded="true" /> 459 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#16;n#!!top" expanded="true" /> 460 | <element signature="n#style#0;n#h1#0;n#div#5;n#div#0;n#div#16;n#!!top" expanded="true" /> 461 | <element signature="n#style#0;n#h2#0;n#div#5;n#div#0;n#div#16;n#!!top" expanded="true" /> 462 | <element signature="n#style#0;n#h3#0;n#div#5;n#div#0;n#div#16;n#!!top" expanded="true" /> 463 | <element signature="n#style#0;n#h4#0;n#div#5;n#div#0;n#div#16;n#!!top" expanded="true" /> 464 | <element signature="n#style#0;n#h3#0;n#div#7;n#div#0;n#div#16;n#!!top" expanded="true" /> 465 | <element signature="n#style#0;n#h2#0;n#div#7;n#div#0;n#div#16;n#!!top" expanded="true" /> 466 | <element signature="n#style#0;n#h1#0;n#div#7;n#div#0;n#div#16;n#!!top" expanded="true" /> 467 | <element signature="n#style#0;n#h4#0;n#div#9;n#div#0;n#div#16;n#!!top" expanded="true" /> 468 | <element signature="n#style#0;n#h3#0;n#div#9;n#div#0;n#div#16;n#!!top" expanded="true" /> 469 | <element signature="n#style#0;n#h2#0;n#div#9;n#div#0;n#div#16;n#!!top" expanded="true" /> 470 | <element signature="n#style#0;n#h1#0;n#div#9;n#div#0;n#div#16;n#!!top" expanded="true" /> 471 | <element signature="n#style#0;n#h4#0;n#div#11;n#div#0;n#div#16;n#!!top" expanded="true" /> 472 | <element signature="n#style#0;n#h3#0;n#div#11;n#div#0;n#div#16;n#!!top" expanded="true" /> 473 | <element signature="n#style#0;n#h2#0;n#div#11;n#div#0;n#div#16;n#!!top" expanded="true" /> 474 | <element signature="n#style#0;n#h1#0;n#div#11;n#div#0;n#div#16;n#!!top" expanded="true" /> 475 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#17;n#!!top" expanded="true" /> 476 | <element signature="n#style#0;n#p#0;n#div#4;n#div#0;n#div#17;n#!!top" expanded="true" /> 477 | <element signature="n#style#0;n#p#1;n#div#4;n#div#0;n#div#17;n#!!top" expanded="true" /> 478 | <element signature="n#style#0;n#p#0;n#div#6;n#div#0;n#div#17;n#!!top" expanded="true" /> 479 | <element signature="n#style#0;n#p#1;n#div#6;n#div#0;n#div#17;n#!!top" expanded="true" /> 480 | <element signature="n#style#0;n#p#0;n#div#8;n#div#0;n#div#17;n#!!top" expanded="true" /> 481 | <element signature="n#style#0;n#h3#0;n#div#10;n#div#0;n#div#17;n#!!top" expanded="true" /> 482 | <element signature="n#style#0;n#h3#1;n#div#10;n#div#0;n#div#17;n#!!top" expanded="true" /> 483 | <element signature="n#style#0;n#h3#2;n#div#10;n#div#0;n#div#17;n#!!top" expanded="true" /> 484 | <element signature="n#style#0;n#h1#0;n#div#12;n#div#0;n#div#17;n#!!top" expanded="true" /> 485 | <element signature="n#style#0;n#h1#1;n#div#12;n#div#0;n#div#17;n#!!top" expanded="true" /> 486 | <element signature="n#style#0;n#h1#2;n#div#12;n#div#0;n#div#17;n#!!top" expanded="true" /> 487 | <element signature="n#style#0;n#h1#3;n#div#12;n#div#0;n#div#17;n#!!top" expanded="true" /> 488 | <element signature="n#style#0;n#p#0;n#div#14;n#div#0;n#div#17;n#!!top" expanded="true" /> 489 | <element signature="n#style#0;n#p#1;n#div#14;n#div#0;n#div#17;n#!!top" expanded="true" /> 490 | <element signature="n#style#0;n#p#2;n#div#14;n#div#0;n#div#17;n#!!top" expanded="true" /> 491 | <element signature="n#style#0;n#p#3;n#div#14;n#div#0;n#div#17;n#!!top" expanded="true" /> 492 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#18;n#!!top" expanded="true" /> 493 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#18;n#!!top" expanded="true" /> 494 | <element signature="n#style#0;n#h2#0;n#div#1;n#div#0;n#div#18;n#!!top" expanded="true" /> 495 | <element signature="n#style#0;n#h3#0;n#div#1;n#div#0;n#div#18;n#!!top" expanded="true" /> 496 | <element signature="n#style#0;n#h1#0;n#div#2;n#div#0;n#div#18;n#!!top" expanded="true" /> 497 | <element signature="n#style#0;n#h1#1;n#div#2;n#div#0;n#div#18;n#!!top" expanded="true" /> 498 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#19;n#!!top" expanded="true" /> 499 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#19;n#!!top" expanded="true" /> 500 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#19;n#!!top" expanded="true" /> 501 | <element signature="n#style#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#19;n#!!top" expanded="true" /> 502 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#19;n#!!top" expanded="true" /> 503 | <element signature="n#style#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#19;n#!!top" expanded="true" /> 504 | <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#19;n#!!top" expanded="true" /> 505 | <element signature="n#style#0;n#div#0;n#div#0;n#div#3;n#div#0;n#div#19;n#!!top" expanded="true" /> 506 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#20;n#!!top" expanded="true" /> 507 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#20;n#!!top" expanded="true" /> 508 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#20;n#!!top" expanded="true" /> 509 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#21;n#!!top" expanded="true" /> 510 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#21;n#!!top" expanded="true" /> 511 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#21;n#!!top" expanded="true" /> 512 | <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#21;n#!!top" expanded="true" /> 513 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#21;n#!!top" expanded="true" /> 514 | <element signature="n#style#0;n#div#5;n#div#0;n#div#21;n#!!top" expanded="true" /> 515 | <element signature="n#style#0;n#div#0;n#div#5;n#div#0;n#div#21;n#!!top" expanded="true" /> 516 | <element signature="n#style#0;n#div#1;n#div#5;n#div#0;n#div#21;n#!!top" expanded="true" /> 517 | <element signature="n#style#0;n#div#6;n#div#0;n#div#21;n#!!top" expanded="true" /> 518 | <element signature="n#style#0;n#div#0;n#div#6;n#div#0;n#div#21;n#!!top" expanded="true" /> 519 | <element signature="n#style#0;n#div#1;n#div#6;n#div#0;n#div#21;n#!!top" expanded="true" /> 520 | <element signature="n#style#0;n#div#2;n#div#6;n#div#0;n#div#21;n#!!top" expanded="true" /> 521 | <element signature="n#style#0;n#p#0;n#div#0;n#div#0;n#div#26;n#!!top" expanded="true" /> 522 | <element signature="n#style#0;n#p#1;n#div#0;n#div#0;n#div#26;n#!!top" expanded="true" /> 523 | <element signature="n#style#0;n#p#2;n#div#0;n#div#0;n#div#26;n#!!top" expanded="true" /> 524 | <element signature="n#style#0;n#p#3;n#div#0;n#div#0;n#div#26;n#!!top" expanded="true" /> 525 | <element signature="n#style#0;n#p#0;n#div#1;n#div#0;n#div#26;n#!!top" expanded="true" /> 526 | <element signature="n#style#0;n#p#1;n#div#1;n#div#0;n#div#26;n#!!top" expanded="true" /> 527 | <element signature="n#style#0;n#p#2;n#div#1;n#div#0;n#div#26;n#!!top" expanded="true" /> 528 | <element signature="n#style#0;n#p#3;n#div#1;n#div#0;n#div#26;n#!!top" expanded="true" /> 529 | <element signature="n#style#0;n#h2#0;n#div#0;n#div#0;n#div#33;n#!!top" expanded="true" /> 530 | <element signature="n#style#0;n#h2#0;n#div#1;n#div#0;n#div#33;n#!!top" expanded="true" /> 531 | <element signature="n#style#0;n#h2#0;n#div#2;n#div#0;n#div#33;n#!!top" expanded="true" /> 532 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#34;n#!!top" expanded="true" /> 533 | <element signature="n#style#0;n#div#1;n#div#1;n#div#0;n#div#34;n#!!top" expanded="true" /> 534 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#34;n#!!top" expanded="true" /> 535 | <element signature="n#style#0;n#div#1;n#div#4;n#div#0;n#div#34;n#!!top" expanded="true" /> 536 | <element signature="n#style#0;n#div#2;n#div#4;n#div#0;n#div#34;n#!!top" expanded="true" /> 537 | <element signature="n#style#0;n#div#3;n#div#4;n#div#0;n#div#34;n#!!top" expanded="true" /> 538 | <element signature="n#style#0;n#div#0;n#div#5;n#div#0;n#div#34;n#!!top" expanded="true" /> 539 | <element signature="n#style#0;n#div#1;n#div#5;n#div#0;n#div#34;n#!!top" expanded="true" /> 540 | <element signature="n#style#0;n#div#2;n#div#5;n#div#0;n#div#34;n#!!top" expanded="true" /> 541 | <element signature="n#style#0;n#div#3;n#div#5;n#div#0;n#div#34;n#!!top" expanded="true" /> 542 | <element signature="n#style#0;n#div#2;n#div#0;n#div#35;n#!!top" expanded="true" /> 543 | <element signature="n#style#0;n#h1#0;n#div#0;n#div#0;n#div#37;n#!!top" expanded="true" /> 544 | <element signature="n#style#0;n#h1#0;n#div#1;n#div#0;n#div#37;n#!!top" expanded="true" /> 545 | <element signature="n#style#0;n#h1#0;n#div#2;n#div#0;n#div#37;n#!!top" expanded="true" /> 546 | <element signature="n#style#0;n#h2#0;n#div#2;n#div#0;n#div#37;n#!!top" expanded="true" /> 547 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#37;n#!!top" expanded="true" /> 548 | <element signature="n#style#0;n#div#0;n#div#5;n#div#0;n#div#37;n#!!top" expanded="true" /> 549 | <element signature="n#style#0;n#div#0;n#div#6;n#div#0;n#div#37;n#!!top" expanded="true" /> 550 | <element signature="n#style#0;n#h2#1;n#div#0;n#div#0;n#div#39;n#!!top" expanded="true" /> 551 | <element signature="n#style#0;n#button#0;n#div#1;n#div#0;n#div#39;n#!!top" expanded="true" /> 552 | <element signature="n#style#0;n#button#1;n#div#1;n#div#0;n#div#39;n#!!top" expanded="true" /> 553 | <element signature="n#style#0;n#button#2;n#div#1;n#div#0;n#div#39;n#!!top" expanded="true" /> 554 | <element signature="n#style#0;n#input#0;n#div#2;n#div#0;n#div#39;n#!!top" expanded="true" /> 555 | <element signature="n#style#0;n#input#1;n#div#2;n#div#0;n#div#39;n#!!top" expanded="true" /> 556 | <element signature="n#style#0;n#a#1;n#div#3;n#div#0;n#div#39;n#!!top" expanded="true" /> 557 | <element signature="n#style#0;n#a#2;n#div#4;n#div#0;n#div#39;n#!!top" expanded="true" /> 558 | <element signature="n#style#0;n#p#1;n#div#5;n#div#0;n#div#39;n#!!top" expanded="true" /> 559 | <element signature="n#style#0;n#p#0;n#div#6;n#div#0;n#div#39;n#!!top" expanded="true" /> 560 | <element signature="n#style#0;n#div#0;n#div#0;n#div#40;n#!!top" expanded="true" /> 561 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#40;n#!!top" expanded="true" /> 562 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#40;n#!!top" expanded="true" /> 563 | <element signature="n#style#0;n#div#1;n#div#0;n#div#40;n#!!top" expanded="true" /> 564 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#40;n#!!top" expanded="true" /> 565 | <element signature="n#style#0;n#div#0;n#div#0;n#div#1;n#div#0;n#div#40;n#!!top" expanded="true" /> 566 | <element signature="n#style#0;n#div#2;n#div#0;n#div#40;n#!!top" expanded="true" /> 567 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#40;n#!!top" expanded="true" /> 568 | <element signature="n#style#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#40;n#!!top" expanded="true" /> 569 | <element signature="n#style#0;n#div#3;n#div#0;n#div#40;n#!!top" expanded="true" /> 570 | <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#40;n#!!top" expanded="true" /> 571 | <element signature="n#style#0;n#div#1;n#div#3;n#div#0;n#div#40;n#!!top" expanded="true" /> 572 | <element signature="n#style#0;n#div#4;n#div#0;n#div#40;n#!!top" expanded="true" /> 573 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#40;n#!!top" expanded="true" /> 574 | <element signature="n#style#0;n#div#1;n#div#4;n#div#0;n#div#40;n#!!top" expanded="true" /> 575 | <element signature="n#style#0;n#div#5;n#div#0;n#div#40;n#!!top" expanded="true" /> 576 | <element signature="n#style#0;n#div#0;n#div#5;n#div#0;n#div#40;n#!!top" expanded="true" /> 577 | <element signature="n#style#0;n#div#1;n#div#5;n#div#0;n#div#40;n#!!top" expanded="true" /> 578 | <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#41;n#!!top" expanded="true" /> 579 | <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#41;n#!!top" expanded="true" /> 580 | <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#41;n#!!top" expanded="true" /> 581 | <element signature="n#style#0;n#div#3;n#div#0;n#div#41;n#!!top" expanded="true" /> 582 | <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#41;n#!!top" expanded="true" /> 583 | <element signature="n#style#0;n#div#1;n#div#3;n#div#0;n#div#41;n#!!top" expanded="true" /> 584 | <element signature="n#style#0;n#div#4;n#div#0;n#div#41;n#!!top" expanded="true" /> 585 | <element signature="n#style#0;n#div#0;n#div#4;n#div#0;n#div#41;n#!!top" expanded="true" /> 586 | <element signature="n#style#0;n#div#1;n#div#4;n#div#0;n#div#41;n#!!top" expanded="true" /> 587 | <element signature="n#style#0;n#div#0;n#div#6;n#div#0;n#div#41;n#!!top" expanded="true" /> 588 | <element signature="n#style#0;n#div#0;n#div#7;n#div#0;n#div#41;n#!!top" expanded="true" /> 589 | <element signature="n#style#0;n#div#8;n#div#0;n#div#41;n#!!top" expanded="true" /> 590 | <element signature="n#style#0;n#div#0;n#div#8;n#div#0;n#div#41;n#!!top" expanded="true" /> 591 | <element signature="n#style#0;n#div#1;n#div#8;n#div#0;n#div#41;n#!!top" expanded="true" /> 592 | </folding> 593 | </state> 594 | </provider> 595 | </entry> 596 | <entry file="file://$PROJECT_DIR$/base.css"> 597 | <provider selected="true" editor-type-id="text-editor"> 598 | <state relative-caret-position="-4914"> 599 | <caret line="35" column="16" lean-forward="false" selection-start-line="35" selection-start-column="16" selection-end-line="35" selection-end-column="16" /> 600 | <folding /> 601 | </state> 602 | </provider> 603 | </entry> 604 | </component> 605 | </project> --------------------------------------------------------------------------------