diff --git a/arbre.PNG b/arbre.PNG new file mode 100644 index 0000000..b7d368f Binary files /dev/null and b/arbre.PNG differ diff --git a/basket.css b/basket.css new file mode 100644 index 0000000..3f0ca34 --- /dev/null +++ b/basket.css @@ -0,0 +1,160 @@ +#barre_nav{ + background: black; + height: 56px; + /*padding-top: 5px;*/ + vertical-align: center; +} + +#titre{ + font-family: "Lucida Console", Courier, monospace; + text-shadow: white 0 -1px; +} + +#navbarSupportedContent{ + margin: 8px; +} + +.nav-item:hover{ + background-color: orange; + border-radius: 10px; + width: 70%; +} + +#image_ballon{ + margin-bottom: 5px; +} + +#menu-ajout{ + position: absolute; +} + +body{ + /*background-color: #353535;*/ + background-color: #900000; + overflow-x: hidden; + overflow-y:scroll; +} + +.collapse.width, +.collapsing.width { + max-width: 0; + min-width: 0; + width: 0; + transition: all .2s ease; +} +#collapseExample{ + width: 400px; + height: 100%; +} + +.collapse .flex-column { + overflow: auto; + flex-wrap: nowrap; /* Optional, if you don't want the links to form columns if they overflow */ +} + +.collapse .flex-column li { + width: 100%; +} + +#derouler_action{ + margin-bottom: 90%; +} + +#colonne_gauche{ + width: fill; + height: fill; + background-color: #353535; +} + +#colonne_droite{ + width: auto; + height: auto; + background-color: #993535; +} + + +.feather { + width: 16px; + height: 16px; + vertical-align: text-bottom; +} + +/* + * Sidebar + */ + +.sidebar { + margin-top: 56px; + position: fixed; + top: 0; + bottom: 0; + right: 0; + z-index: 100; /* Behind the navbar */ + padding: 48px 0 0; /* Height of navbar */ + box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); +} + +@media (max-width: 767.98px) { + .sidebar { + top: 5rem; + } +} + +.sidebar-sticky { + position: relative; + top: 0; + height: calc(100vh - 48px); + padding-top: .5rem; + overflow-x: hidden; + overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ +} + +@supports ((position: -webkit-sticky) or (position: sticky)) { + .sidebar-sticky { + position: -webkit-sticky; + position: sticky; + } +} + +.sidebar .nav-link { + font-weight: 500; + color: #333; +} + +.sidebar .nav-link .feather { + margin-right: 4px; + color: #999; +} + +.sidebar .nav-link.active { + color: #007bff; +} + +.sidebar .nav-link:hover .feather, +.sidebar .nav-link.active .feather { + color: inherit; +} + +.sidebar-heading { + font-size: .75rem; + text-transform: uppercase; +} +#list-home-list{ + height: 50px; + width: 49%; +} +#ul{ + padding-left: 15px; + padding-right: 15px; +} +#list-home-list{ + padding-right:10px; + width: 99% +} +#bouton{ + margin-left: 15px; +} +#arbre{ + height: 150px; + width: 80%; +} \ No newline at end of file diff --git a/basket.html b/basket.html new file mode 100644 index 0000000..524765e --- /dev/null +++ b/basket.html @@ -0,0 +1,169 @@ + + + + + + + + + + + Basket + + + + + + +
+
+
+ + + + + + + + + + + diff --git a/image_ballon.jpg b/image_ballon.jpg new file mode 100644 index 0000000..9171e8b Binary files /dev/null and b/image_ballon.jpg differ