|
|
@@ -51,12 +51,58 @@
|
|
|
border-radius: 10px;
|
|
|
border-left: 5px solid rgba(238, 91, 10, 1.0);
|
|
|
}
|
|
|
+
|
|
|
+ .Blockly_python {
|
|
|
+ position: fixed;
|
|
|
+ top: 8px;
|
|
|
+ left: 500px;
|
|
|
+ z-index: 10;
|
|
|
+ }
|
|
|
+ .Blockly_python div span{
|
|
|
+ display: inline-block;
|
|
|
+ padding: 10px 0;
|
|
|
+ font-size: 20px;
|
|
|
+ /* background-color: #225dd5; */
|
|
|
+ color: #000;
|
|
|
+ cursor: pointer;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+ .Blockly_python div .Blockly_python_active{
|
|
|
+ /* background-color: #225dd5; */
|
|
|
+ color: #225dd5;
|
|
|
+ border-bottom: 5px solid #225dd5;
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 1500px) {
|
|
|
+ .Blockly_python {
|
|
|
+ left: 400px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 1300px) {
|
|
|
+ .Blockly_python {
|
|
|
+ left: 320px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 1100px) {
|
|
|
+ .Blockly_python {
|
|
|
+ left: 310px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ @media screen and (max-width: 800px) {
|
|
|
+ .Blockly_python {
|
|
|
+ left: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
- <!-- <nav>cocorobo</nav> -->
|
|
|
- <a href=""></a>
|
|
|
+ <div class="Blockly_python">
|
|
|
+ <div>
|
|
|
+ <a href="https://pi-help.cocorobo.cn"><span>图形化</span></a>
|
|
|
+
|
|
|
+ <span class="Blockly_python_active">Python</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="loading_div" id="loading_div">
|
|
|
<img src="./media/loading.gif" alt="">
|
|
|
</div>
|
