Skip to content

Commit

Permalink
aula cascata e herança
Browse files Browse the repository at this point in the history
  • Loading branch information
luizchaves committed Mar 22, 2024
1 parent 79e7ddb commit 05d2e02
Show file tree
Hide file tree
Showing 19 changed files with 407 additions and 2 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
#div1 #div2 #div3 #div4 #div5 #div6 #div7 #div8 {
background-color: blue;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2">
<div id="div3">
<div id="div4">
<div id="div5">
<div id="div6">
<div id="div7">
<div id="div8" style="background-color:red">
Lorem ipsum
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
h1 {
color: red !important;
}

h1 {
color: green;
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Important Declaration</title>
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<h1>Lorem ipsum</h1>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
h1 {
color: red;
}

h1 {
color: green;
}
12 changes: 12 additions & 0 deletions public/codes/css/cascade-inheritance/declaration-normal/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Normal Declaration</title>
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<h1>Lorem ipsum</h1>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
body {
color: green;
}
13 changes: 13 additions & 0 deletions public/codes/css/cascade-inheritance/inheritance/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Inheritance</title>
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<h1>Lorem ipsum</h1>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
h1 {
color: red;
}

body {
color: green;
}
13 changes: 13 additions & 0 deletions public/codes/css/cascade-inheritance/reset-inheritance/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Inheritance</title>
<link rel="stylesheet" href="./css/style.css" />
</head>
<body>
<h1>Lorem ipsum</h1>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
h1 {
color: red;
}
22 changes: 22 additions & 0 deletions public/codes/css/cascade-inheritance/source-order/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
<style>
h1 {
color: blue;
}

body {
color: orange;
}
</style>
</head>
<body>
<h1>Lorem ipsum</h1>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
table td {
color: blue;
}

td {
color: red;
}

body table {
color: yellow;
}
</style>
</head>
<body>
<table>
<tr>
<td>Item 1</td>
<td>Item 2</td>
<td>Item 3</td>
<td>Item 4</td>
</tr>
<tr>
<td>Item 1</td>
<td>Item 2</td>
<td>Item 3</td>
<td>Item 4</td>
</tr>
<tr>
<td>Item 1</td>
<td>Item 2</td>
<td>Item 3</td>
<td>Item 4</td>
</tr>
</table>
</body>
</html>
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
h1 {
color: red;
}
22 changes: 22 additions & 0 deletions public/codes/css/cascade-inheritance/specificity/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Specificity</title>
<link rel="stylesheet" href="css/style.css" />
<style>
h1 {
color: blue;
}

#title {
color: orange;
}
</style>
</head>
<body>
<h1 id="title" style="color: green">Lorem ipsum</h1>
</body>
</html>
5 changes: 5 additions & 0 deletions public/codes/css/style-hifpb-dark/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# HIFPB Dark

![](hifpb.png)

This is a dark theme for the [HIFPB website](https://joaopessoa.ifpb.edu.br/horario). It is based on the [HIFPB Dark](https://userstyles.world/style/15330/hifpb-dark) style.
Binary file added public/codes/css/style-hifpb-dark/hifpb.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
61 changes: 61 additions & 0 deletions public/codes/css/style-hifpb-dark/style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
/* ==UserStyle==
@name ? - mar. de 2024
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://joaopessoa.ifpb.edu.br/horario/")
{
body,
.content-wrapper,
.card,
.callout,
.nav-link.active,
.page-link,
[class*='bg-'],
[class*='alert-'] {
background-color: #000 !important;
color: #fff;
}

[class*='bg-'].color-palette.small-box {
border: 1px solid #fff !important;
}

.callout img {
object-fit: cover;
object-position: top left;
width: 5rem;
height: 6rem;
}

.callout.callout-success {
border: none;
}

.nav-tabs .nav-link {
border-bottom: none;
}

.callout .table td {
border-top: none;
}

.page-item.active .page-link {
border-color: #fff;
}

.table-hover tbody tr:hover {
background-color: #3a3a3a;
color: #fff;
}

a {
color: #fff !important;
}

a.active {
border-top-color: #fff !important;
}
}
2 changes: 1 addition & 1 deletion src/consts.ts
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ export const CONTENT_SLUGS = [
'markup/markup-language',
'html/introduction-html',
'css/introduction-css',
// 'css/cascade-inheritance',
'css/cascade-inheritance',
'css/text-style',
'css/web-fonts',
'css/icons',
Expand Down
Loading

0 comments on commit 05d2e02

Please sign in to comment.